Отправить заявку
Платформа разработки сайтов онлайн

Технологии web разработки

Опыт 12 лет!
Более 300 созданных сайтов
> 100 сайтов на обслуживании
> 50 сайтов продвигается
109 028 983 хитов за 2015 год
99.9% Uptime
90% клиентов пришли по рекомендациям
Мониторинг доступности сайта Host-tracker.com Website Monitoring by ServiceUptime.com
Яндекс цитирования

Советы и рекомендации при разработке сайта

Мы не только создаём сайты, но и помогаем клиенту разобраться с возможно новой для него проблематикой. Здесь мы собрали основные тезисы, которые помогут сделать сайт лучше.

Домен сайта

Если вы ещё не зарегистрировали домен, то надо поторопиться это сделать и выбрать удачное название. Если ваш сайт предназначен для российской части Интернета, то лучший вариант зарегистрировать домен в зоне .RU, среди прочих равных зона .RU является престижней и ваш сайт будет проще запомнить. Интерес к зоне .РФ быстро погас, несмотря на поддержку правительства, из-за неоднозначности написания для машин. Например, яхтыазимут.рф это то же что и xn--80aodq0aegk9cwb.xn--p1ai, под почту такой домен не используешь, а на старых устройствах домен будет работать только как xn--80aodq0aegk9cwb.xn--p1ai.

Адрес сайта в идеале должен быть простым, коротким, запоминающимся, его должно быть легко продиктовать по телефону. Проведите тест, представьте, как вы диктуете веб-адрес по телефону. Придётся ли объяснять в трубку «Эс как доллар, джи как клюшка налево»?

Поисковые машины учитывают в поисковой выдаче совпадение ключевого запроса с именем домена, и если вы продаёте туфли в Москве, то лучшее имя для вашего сайта: tuflivmoskve.ru. Подобрать свободное имя домена не просто, в этом поможет сервис подбора имён от RU-центра. Регистрация доменов у разных регистраторов стоит разных денег (например, в RU-центре 600 руб., а у defin.ru - 99 руб.), советуем вам регистрировать домен там, где дешевле.

Регистрируйте домен на себя или на свою фирму, а не на паспорт сисадмина или секретаря. Если вы зарегистрируете домен на третье лицо, то он не будет вам юридически принадлежать и есть риск потерять домен. После регистрации домен не переходит вам в собственность, вы «арендуете» домен на год. Если вы вовремя не продлите срок «аренды» (делегирования) домена, то его может занять любой желающий. Наша компания следит за своевременной оплатой продления доменов.

Фирменный стиль

Фирменный стиль включает в себя логотип, фирменные цвета, шрифты и, в идеале, представлен в виде бренд-бука (в бренд-буке описывается фирменный стиль и то, как фирменные атрибуты используются на разных рекламных носителях). Не каждая фирма может похвастаться собственным бренд-буком, а для наших целей достаточно иметь логотип и цветовую палитру. Если у вас нет фирменных цветов и логотипа, то самое время задуматься об их разработке. Логотип должен быть легко читаемым, не слишком сложным и иметь запоминающиеся черты. Фирменная цветовая палитра — это два, максимум три цвета.

Используйте фирменный стиль в дизайне вашего сайта, это повысит узнаваемость вашего бренда, создаст единый имидж компании. Логотип и фирменные цвета вы будете использовать на визитках, бланках, фирменной упаковке.

Задача сайта

Для начала ответьте себе на вопрос: зачем вам нужен сайт и какова его задача, на какую аудиторию рассчитан сайт. Понимание задачи сайта расставит приоритеты между контентом, дизайном, определит стилистику сайта. Возможно, вам достаточно создать группу в социальной сети или для начала запустить пилотный проект на бесплатном конструкторе (wix.com, setup.ru).

Структура сайта и навигация

Определитесь со структурой сайта, напишите на бумаге основные страницы сайта и нарисуйте структуру каталога товаров. Не спешите создавать разделы, на которые у вас не будет хватать время, например, «Статьи», «Полезные советы». Заходя на такие недоделанные страницы, у людей будет складываться впечатление, что сайт заброшен. Разделы имеет смысл добавлять по мере появления материала, страница с текстом «в разработке» не имеет смысла. В тоже время нельзя откладывать на потом обязательные разделы (в случае интернет-магазина): условия доставки, условия оплаты, гарантия, контакты офиса или склада самовывоза.

Постарайтесь сделать каталог удобным для поиска товаров, не сгружайте все товары в один раздел, не делайте большую вложенность папок, не создавайте папки с единственным товаром. Названия разделов должны быть понятны и привычны: «сотовые телефоны» лучше чем «носимые абонентские радиостанции». Если вы хотите, чтобы ваш сайт чаще находили в поиске по популярным запросам, используйте различные синонимы в описании товара: флешки, флеш-память и т.п.

Тексты на сайте

Каждая страница вашего сайта в идеале должна содержать текст размером от 200 символов и быть привязана к определённому ключевому запросу. Как правило, большая часть заходов на сайт идёт с поисковиков (Яндекс, Гугл), чем больше ваших страниц найдут в поиске, тем больше ваш сайт получит посетителей. Попытайтесь представить, по какому запросу смогут прийти пользователи на данную страницу, т.е. на какой вопрос отвечает эта страница. Текст на странице очень важно разбивать на абзацы и смысловые блоки. Учтите, что пользователь нетерпелив, будьте кратки и постарайтесь с первых слов заинтересовать пользователя, чем дольше он проведёт времени на сайте, тем  лучше будут «поведенческие факторы».

Не следует писать на главной странице в заголовке «Добро пожаловать в наш интернет-магазин!» — это не несёт в себе информационной нагрузки и обычно не читается посетителями. Заголовок H1 на главной странице самый важный, постарайтесь в нём кратко сформулировать основное предназначение сайта, желательно используя ключевые слова, например, «Спортивного питание, протеины, гейнеры с бесплатной доставкой» — так будет информативно для пользователя, а поисковики увидят самые «жирные» ключевые слова в главном теге на сайте.

Важный текст располагайте выше на странице, а второстепенный ниже. При формировании сниппета для страницы приоритет будет иметь текст,  размещённый выше на странице.

Изображения на странице

Информация на странице гораздо легче воспринимается, когда в тексте есть картинки, инфографика. Красивые картинки — это первое, за что цепляется глаз посетителя. Если у вас нет собственных иллюстраций, вы можете подобрать картинку по своей теме на фотостоках — специальных сайтах, куда фотографы со всего мира загружают фотографии на продажу. Фото маленького разрешения можно скачать бесплатно, за большое разрешение придётся заплатить. При загрузке изображений на сайт их важно оптимизировать: удалить мета-теги, подобрать оптимальный уровень сжатия для JPEG, вставлять изображения в том размере, в котором они физически сохранены. Для изображений со сплошными тонами (логотип, флаг, геометрическая фигура на белом фоне и т.п.) использовать PNG, для изображений людей, предметов, природы использовать JPEG.

Мета-теги

Для поисковых машин и роботов, анализирующих текст, придумана специальная разметка текста. Важно не только визуально выделить текст на странице (увеличить размер, сделать жирным), но и использовать правильный тег для этого смыслового выделения. Заголовки в тексте бывают  первого уровня (H1), второго (H2), третьего (H3) и т.д. Каждая страница сайта, как отдельная глава книги, должна иметь единственный заголовок H1  — это её суть и главный поисковый запрос, которому она отвечает. На странице может быть только один заголовок H1 и неограниченное количество заголовков более высокого порядка.

Например, название раздела каталога «Мобильные телефоны» это H1, а на странице товара H1 должно быть полным наименованием товара. H1 — это первое, что «читает» поисковик, заходя на страницу, текст, заключённый в тег H1, имеет наибольший вес на странице. Если вы раскручиваете страницу по запросу «бамбуковые обои», напишите в коде страницы <h1>«Натуральные обои из бамбука»</h1>.

Каждая страница имеет скрытые от пользователя теги, которые видят только поисковые машины, это description, keywords и title. Старайтесь не игнорировать заполнение этих тегов, они также положительно влияют на поиск и формирование спиппетов. Title читают не только поисковые машины, он также будет отображаться в заголовке окна браузера, в котором вы просматриваете сайт. Заполняйте тег alt для картинок и тег title для ссылок. Количество мета-тегов велико, но самые важные это H1, description, keywords, title, об остальных позаботится ваш SEO-оптимизатор.

Нет больше FLASH

Flash-анимация уходит в прошлое с появлением мобильного интернета. Flash-анимация — это встроенной код отдельной программы, которую никак не контролирует браузер. «Благодаря» нерадивым программистам flash-анимация часто потребляет много ресурсов процессора и сажает зарядку телефона. Именно в целях сохранить заряд телефона от Flash сначала отказалась Apple в своих телефонах, а позже от поддержки Flash, как устаревшей технологии, отказался браузер Google Chrome. Действительно, раньше невозможно было без Flash реализовать анимацию в баннерах, интерактивные игры и другой богатый функционал, который даёт Flash. Но сейчас технологию Flash заменили новые технологии HTML5, графика на Canvas,  новые возможности JavaScript. Мы больше не используемым Flash на новых сайтах.

Путь по сайту

Путь по сайту помогает в навигации, а специальная микроразметка в пути по сайту читается Гуглом, и Гугл вставляет путь к странице в сниппет.

Маленькая шапка, большой подвал

Прошли времена, когда классический сайт состоял из обязательной картинки в шапке, которая и выполняла, по сути, роль дизайна. Мир ускоряется и никто не собирается рассматривать красоты вашей шапки, все сразу переходят к информационной составляющей, проматывая сайт вниз. Большая шапка закрывает полезное поле для чтения вашего контента и вынуждает пользователя чаще мотать сайт вниз, особенно если монитор его невелик. Мы настоятельно рекомендуем не делать шапки высотой более чем 150 пикселей.

Текущая тенденция — это узкая шапка с главным меню, логотипом компании, телефоном для связи. Развёрнутое меню навигации, вспомогательные ссылки и другие второстепенные блоки следует размещать в подвале сайта. По высоте подвала вы никак не ограничены.

Красивые УРЛы страниц

ЧПУ или человекопонятные урлы страниц имеют как эстетическое значение, так и чисто прикладное значение при индексации сайта. Урл (URL - universal resource locator) должен быть составлен таким образом, чтобы ещё не попадая на сайт было понятно, о чём будет данная страница. А структура урла должна быть такой, чтобы, обрезая часть урла, мы могли попасть в существующий раздел сайта.

Например, bikeupgrade.ru/catalog/zapchasti/kolesa/oboda/n02146.html это страница товара, тогда, обрезая урл, мы последовательно попадаем в разделы каталога:
bikeupgrade.ru/catalog/zapchasti/kolesa/oboda/
bikeupgrade.ru/catalog/zapchasti/kolesa/
bikeupgrade.ru/catalog/zapchasti/
Из адреса страницы ясно, что это раздел запчастей, подраздел колеса и т.д.

Сайт должен молчать

Уважайте комфорт посетителя, при заходе на сайт он не должен издавать лишних звуков (например, автоматически проигрывать музыку). Видео должно запускаться только по нажатию кнопки. Ваш сайт могут открыть на работе или ночью, и если из колонок внезапно пойдёт звук, ваш сайт мгновенно закроют.

Контакт с посетителем

Постарайтесь стать ближе к своему посетителю и потенциальному клиенту. Посетитель находится на вашем сайте, но лично не знаком с вами, никогда не общался с вами или вашим менеджером. Вы можете расположить потенциального клиента к себе и хотя бы виртуально начать знакомство, первым «протянуть руку». Фотографии ваших сотрудников, фотографии офиса, живой чат на сайте, кнопка звонка через Интернет — это то, что оживит ваш сайт, позволит ещё на расстоянии создать визуальный и вербальный контакт с вашим офисом. Согласитесь, гораздо приятнее общаться с человеком, которого видишь и слышишь, чем с неопределённым менеджером в переписке. Поэтому ещё до момента общения ваш сайт должен быть сделан так, чтобы у посетителя уже создался ваш образ.

Добавьте на страницу контактов фото вашего офиса, фотографии ваших сотрудников. В идеале запишите короткий видеоролик от первого лица. Например, на главной странице сайта выложите видео, где к посетителю обращается генеральный директор: «Уважаемый посетитель, наша компания существует на рынке столько-то времени, мы предлагаем такие-то услуги..». Можно пройтись по офису компании, показать склад, производственные цеха и пр.

Установите на сайт jivosite, сделайте форму обратной связи и кнопку заказа обратного звонка.

Продающий сайт

Сейчас мало сделать сайт и выложить его в Интернет. Наличие сайта и даже посетителей на нём не гарантирует поток покупателей. Пишите продающие тексты, представьте на главной странице сайта ваше рекламное предложение по формуле ОДП (оффер, дедлайн, призыв к действию). Если у вас не интернет-магазин, у вас один конкретный товар или услуга, то вам подойдёт сайт в виде посадочной страницы (landing page).

Уникальное торговое предложение

Ваш сайт предлагает товар или услугу? Заинтересуйте покупателя с первых строк вашим УТП (уникальным торговым предложением). Почему надо обратится именно к вам, в чём ваши преимущества, чем вы отличаетесь от конкурентов? Сайт сам по себе не является гарантом успеха в Интернете, вы должны чем-то выделится на фоне остальных. Придумайте своё интересное предложение, которое может зацепить клиента. Напишите о нём на главной странице. Грамотный маркетинг — это важная составляющая вашего успеха. Обязательно указывайте цены «от», выберите свой товар-паровоз. Ваш сайт — это ваша рекламная площадка, где вы вправе писать всё, что пожелаете. Броские слоганы и яркие образы на ваших баннерах способны увеличить конверсию ваших посетителей.

Использование современных фишек

Для сайтов существует своя мода и свои тенденции. Были в моде flash-сайты, сайты помещающиеся на одну страницу, недавно стали популярны слайдеры на главной странице, выпадающие меню, вкладки, вошли в моду одностраничные сайты, также известные как landing pages. Если вы хотите, чтобы ваш сайт выглядел модно и современно, выпишите все фишки и «навороты», которые используют ваши конкуренты, и постарайтесь внедрить их на своём сайте.

Обновление сайта

Сайт начинает устаревать сразу после его создания, также как вы начинаете стареть сразу после рождения. Если вы думаете, что сделали сайт и забыли, то это в корне неверно. Заброшенный сайт теряет доверие посетителей. Новая информация поддерживает интерес к вашему сайту как у людей, так и у поисковиков. Частота индексирования сайта зависит от частоты изменения информации на страницах. Свежие даты в новостях, акциях говорят о том, что сайтом занимаются, и фирма активно работает. Поддерживайте в актуальном состоянии свой прайс-лист, добавляйте новые товары и скрывайте вышедшие из продажи. Удобной функцией для покупателя станет информация о наличии товара на складе, его количество.

Мобильная версия сайта

Мобильные телефоны, а точнее смартфоны стали невероятно популярны в последнее время. По статистике около половины посетителей открывают сайт с мобильного устройства (планшет, смартфон). Важно, чтобы сайт корректно работал на телефоне и им удобно было пользоваться с маленького экрана. В идеале сайт должен иметь мобильную версию или адаптивный дизайн — подстраивающийся под размер экрана. Яндекс и Гугл отдают предпочтение сайтам, адаптированным под мобильный интернет. Наша компания учитывает «мобилизацию» при разработке сайта и предлагает, как правило, адаптивный дизайн.

Полезные ресурсы для вашего сайта

  • pr-cy.ru — проверка ТиЦ, PR, скорость загрузки сайта, анализ контента
  • developers.google.com/speed/pagespeed/ — рекомендации от Google по работе сайта
  • fpt.pingdom.com — тест скорости загрузки сайта, рекомендации
  • gtmetrix.com — тест скорости загрузки сайта, рекомендации
  • freescan.qualys.com — технический аудит вашего сайта с уклоном на безопасность
  • majestic.com — показывает сайты, которые ссылаются на ваш сайт
  • xtool.ru — быстрый SEO аудит сайта
  • linkpad.ru — показывает ссылки на ваш сайт
  • seorate.ru — позиции вашего сайта в отраслевом рейтинге
  • www.seochecklist.ru — план работ по аудиту вашего сайта
  • https://www.ssllabs.com/ssltest/index.html — проверка SSL сертификата вашего сайта
  • www.startssl.com — бесплатные SSL сертификаты
  • smartresponder.ru, mailchimp.com — e-mail рассылки
  • mxtoolbox.com/SuperTool.aspx - проверка MX записей для настройки почты