Что такое качественный сайт? В этой публикации мы хотим поделиться опытом нашей студии веб-дизайна, и рассказать о 50-ти эффективных элементах, которые сделают сайт вашей компании «на голову выше», чем у самых крутых конкурентов.
Каждый сайт должен иметь свое доменное имя. В доменном имени желательно зафиксировать название компании (можно использовать аббревиатуру), или сферу деятельности. Например, если ваше имя Александр и вы профессионально занимаетесь отделкой квартир, адрес «alex-otdelka.ru» вполне подойдет. Лучше всего придумать запоминающееся и простое имя.
В нашей публикации «Создание домена и как это будет влиять на продвижение сайта» – здесь подробная информация по выбору домена и доменным зонам, она может вам быть полезна
Логотип, кроме классического привлечения внимания, выполняет еще несколько немаловажных функций, например:
Впервые попав на ваш сайт, пользователь сразу сделает вывод: туда ли он попал и интересен ли ему ваш ресурс. Слоган, как раз и должен в этом помочь. Если гостю сайта близка ваша концепция и слоган его «зацепит», он ваш!
Создайте выразительный простой слоган. Очень хорошо использовать рифму и косвенно отразить сферу деятельности кампании.
Номер телефона - это обязательный элемент на сайте! Он должен быть хорошо заметен, и желательно, легко запоминаться. Учтите, что современные технологии дают возможность совершать звонки непосредственно с сайта.
Основной частью интерфейса пользователей является заметное, удобное и функциональное навигационное меню. Как правило, оно располагается вверху или с левого края страницы. Не отходите от классики и не экспериментируйте с навигацией. Навигация должна помогать быстро находить нужную информацию, ведь мало кто хочет тратить драгоценное время на информации.
Используйте иерархические списки, если навигация объемная. Пункты меню должны следовать в органичной последовательности, как бы следуя за потребителем в его путешествии по сайту. Как правило, человек сначала хочет узнать больше о компании, и ее товарах/услугах, а потом познакомится с ценами, и если они его устроят, он захочет связаться с вами.
«Хлебные крошки» – это навигационная цепочка от Главной страницы до той, которая в данный момент перед глазами пользователя. Этот элемент навигации, представляет собой последовательное описание пути, он не обязательный, но, на практике, оказывается очень удобным для посетителей сайта.
История названия «хлебные крошки» довольно любопытна. Есть сказка братьев Гримм «Гензель и Гретель», в ней рассказывается как дети, искали дорогу домой. Когда ведьма их завела их в лес они, не смогли найти обратную дорогу, потому что вместо маленьких камешков, оставляли за собой на тропинке хлебные крошки, которые склевали птицы.
В связи с тем, что концентрация внимания людей нестабильна и кратковременна, не вынуждайте пользователей хаотично бродить по сайту. Сделайте яркие, броские призывы к действию! Разместите кнопки «позвонить», «задать вопрос», «подписаться», «узнать больше» в логически подходящих местах для создания вовлеченности и получения обратной связи.
Статичное изображение тоже может привлечь внимание, НО! На нем вы можете разместить только одно предложение.
Слайдер позволяет разместить несколько горячих предложений, или информацию о ваших конкурентных преимуществах или достижениях компании. Он позволяет расширить преставление пользователей о бренде, которое стало складываться после знакомства с логотипом, названием и слоганом. Чтобы создать эффектное, привлекающее внимание торговое предложение, дайте емкие ответы: почему клиенты должны обратиться именно в вашу компанию, а не к конкурентам?
Деловая информация может быть представлена при помощи разных блоков – это такая информация, которая обладает решающим значением для совершения сделки. Если у вас ресторан – это форма заказа столика, если сеть магазинов – адреса и карты проезда, если гостиница – форма бронирования, если это услуги – онлайн-форма заявки или запись на прием. Это всегда работает эффективно, так как не все клиенты могут сразу позвонить. Однако, приняв решение обратиться в вашу фирму, они хотят быстро оформить заказ.
Многие оказывались в неприятном положении, когда получали некачественную услугу или товар. Чтобы сформировать доверие ваших потребителей к вашей компании, опубликуйте на сайте отзывы ваших клиентов в любом формате. Это самый мощный рычаг воздействия на вашу аудиторию - сканы отзывов текущих клиентов.
Так же положительно влияет на деловую репутацию обзоры в любом формате: текст, видео, фото и пользовательский контент: комментарии, которые пишутся в постах блога.
После того как человек бегло просмотрев верхнюю часть Главной страницы и принял решение, что данный ресурс ему интересен, он прокручивает страницу вниз. Именно сейчас наступил момент, чтобы познакомить гостя с вашими товарами или услугами поближе.
Нужно разместить на сайте подробную информацию с фото и описанием. Старайтесь излагать суть кратко, но емко. Используйте заголовки крупным шрифтом и маркированные списки для борлее легкого восприятия информации.
Познакомившись с вашим торговым предложением, потребитель захочет убедиться в том, что сделал правильный выбор в пользу вашей компании. Покажите информацию, которая подтверждает вашу стабильность и надежность.
Соответствие профессиональным нормам и требованиям дает гарантию качества. Для убедительности разместите сертификаты продукции, ваши награды и рекомендации экспертов, если они имеются.
Этот прием улучшает навигацию и помогает найти нужную тему в других разделах. Многие темы могут быть довольно обширными и связанными друг с другом. Однако если сайт большой, найти важную полезную информацию бывает довольно трудно. Здесь как раз помогает перелинковка – размещение ссылок на другие страницы прямо в тексте.
Этот прием важен не только для повышения качества юзабилити сайта, но и имеет большое значение для поисковой оптимизации. Те сайты, на которых много взаимосвязанных страниц и большое количество внутренних ссылок лучше ранжируются поисковиками и показываются выше.
Футер – это важная часть страницы любого сайта. Здесь необходимо поместить полную информацию о ваших контактах. Так как этот блок находится на каждой странице сайта, это очень удобно, когда пользователь может связаться с вами разными способами, просмотрев до конца любую страницу. Контактная информация в футере говорит об открытости и надежности вашей компании.
Футер («подвал» сайта) – удобное место для дублирования навигационного меню. Просмотрев страницу до конца, вероятно посетитель захочет возвратиться к началу. Для того чтобы не утруждать его прокруткой, можно разместить в футере то же навигационное меню, что и в хедере, сделав его боле компактным. Тогда одним переходом ваш клиент сможет попасть на другую интересующую его страницу.
Обязательно покажите рабочие часы и дни вашей компании. Особенно, если вы можете работать в праздничные дни или в ночные часы, обед, раннее утро, обязательно упомяните это. Люди будут рады, если вы готовы принять звонок в любое время.
Ваши клиенты могут находиться в другом часовом поясе, поэтому можно добавить ко времени указание часового пояса, например мск. Всегда плохо, когда разочарованный клиент, не может дозвониться или когда он обращается к вам в нерабочее время.
Сегодня многие пользователи имеют аккаунты в соцсетях. Многие активно общаются в VK, Facebook, и в Twitter, или других. Если вы доступны вашей целевой аудитории по разным каналам и общаетесь на ее языке, тогда намного легче завоевать ее лояльность.
Предоставьте возможность вашим посетителям и клиентам поделиться интересными страницами вашего сайта, рассказать о вас или вступить в группу.
Посетив ваш сайт, некоторые пользователи захотят задать вопросы. Очень важно в этот момент быть доступным. Онлайн-чат помогает не только дать ответы на все вопросы, но и повышает вовлеченность. Это хороший канал коммуникации, который помогает совершать продажи.
Этот вид связи стал в последнее время очень популярным. Статистика подтверждает, что современные пользователи предпочитают текстовое общение в чате звонкам по телефону.
Если контент вашего сайта интересен пользователям, то они скорее всего захотят получать свежие публикации в виде рассылки. Рассылка – это важный аспект маркетинговой работы. Она является инструментом преобразования обычных гостей в клиентов.
После того, как посетитель сайта оставил свои контакты, обязательно поблагодарите его. А потом информируйте своих подписчиков о новых спец предложениях или скидках, не забывайте делать соблазнительные индивидуальные предложения и сообщайте важные новости в вашей сфере деятельности.
Если у клиента появились вопросы, то он иметь возможность легко их задать, находясь в любом месте, не заходя в свою почту. Это и для вас хорошая возможность получить целевое действие, сохранив e-mail посетителя.
Оперативно отвечайте на вопросы вашей аудитории. Всем людям нравится, когда им оказывают внимание. В том случае если вы увидели, что некоторые из вопросов часто повторяются, то это знак, что настала пора сделать на сайте раздел «Вопрос-Ответ», где можно разместить подробные ответы на часто задаваемые вопросы.
Большинство ошибочно предполагают, что никому не интересно читать о компании. Но это не правда. Если страница «О нас» написана интересно, содержит реальные истории, фото сотрудников и демонстрирует миссию компании, то такая информация всегда служит укреплению деловой репутации.
Если гость просмотрел сайт дальше главной страницы, то это значит, что вы его заинтересовали. Расскажите немного о компании, о сотрудниках, покажите награды или сертификаты, поделитесь планами на будущее. Здесь можно разместить интересное видео, фото с конференций и выставок, опубликовать рекомендации авторитетных людей.
Используйте определенную схему, которая называется F-шаблон. Посетители при просмотре сайта бегло сканируют информацию взглядом. Если наметить линиями схему просмотра станицы, то получится F-образная форма, потому что последовательность взгляда пользователя чаще всего спускается слева направо вниз.
Вначале люди направляют свой взгляд на левую верхнюю часть страницы и опускают взгляд слева-направо. Проведя глазами по горизонтали, они вновь обращаются к левой части страницы, но уже чуть ниже первоначальной точки.
Движения их глаз очень похожи на те, что обычно совершаются при чтении книги. Так как пользователи стремятся быстрее усвоить суть, то вторая «строка» для лучшего восприятия должна быть короче первой. Вся траектория движения глаз напоминает очертание буквы F, именно потому эта модель называется F-шаблон.
Именно по этой схеме лучше всего разместить текст и графическую информацию. Основываясь на анализе этих закономерностей, была создана F-модель эффективной структуры для главного информационного блока.
Расположив главную информацию в соответствии с этой траекторией, вы сможете обеспечить максимальное воздействие на ваших читателей. Очень эффективно разделение текста на небольшие абзацы. Для усиления акцента используйте крупные заголовки, маркированные списки, схемы со стрелочками и выразительные изображения.
Политика конфиденциальности – важный параметр доверия не только вашего сайта или компании в целом, но и поисковых систем. Поисковики знают, что вы применяете формы связи или регистрации, но если нигде не описана политика конфиденциальности, это снижает доверие. Без нее, не известно, для каких целей вы собираете данные о пользователях. В связи с этим, не избегайте этой важной с юридической точки зрения части вашего сайта.
Многие пользователи со временем будут часто задавать вам повторные вопросы. И если ответы принципиально не отличаются для каждого клиента, вам целесообразно сделать раздел FAQ, где будут ответы на эти вопросы. Согласитесь, что это намного быстрее и проще, чем ежедневно писать одни и те же ответы на вопросы.
У блога есть де цели. Первая и общеизвестная – это популяризация ваших товаров или услуг. В блоге вы подробно рассказываете об особенностях вашей продукции. И вторая – скрытая, но очень важная цель. Ведение блога с комментариями - это очень хороший способ наладить доверительные взаимоотношения с клиентами.
При помощи интересных и полезных публикаций в блоге, можно активно взаимодействовать с целевой аудиторией. И показать потребителям, как ваш продукт им поможет, в чем его отличительные черты и продемонстрировать, что вы стремитесь помочь решить их проблемы.
Публикации в блоге должны быть:
Не заставляйте ваших клиентов долго искать то, что ему нужно. Добавьте на сайт функцию поиск. Поиск предоставляет быстрый доступ к информации по введенному запросу: это могут быть карточки товара или описание услуг, статьи блога или новости.
Этот удобный элемент особенно актуален для больших сайтов, где есть много разделов. Большинство CMS (систем управления контентом) обладают встроенными функциями поиска или это можно сделать, установив дополнительный плагин.
Познакомившись с важной информацией на сайте, пользователи могут захотеть ею поделиться с друзьями. Не лишайте их этой возможности. Помните, что это дополнительный канал продвижения вашей кампании. Реферальный маркетинг становится все более эффективным для раскрутки брендов.
Эта функция помогает воздействовать на пользователей так, чтобы они захотели следовать за вами. Увидев, что контентом поделилось большое число людей, почти каждый заинтересовавшийся клиент так же захочет поделиться с друзьями.
Те, кто заинтересовался вашей компанией, могут стать вашими лучшими клиентами. Комментарии как раз являются фактом проявления внимания к вам. Дайте возможность потребителям поделиться своими взглядами и впечатлениями.
Чтобы люди захотели оставить комментарий, поинтересуйтесь их мнением, заканчивайте свои статьи вопросами типа: «А как вы считаете?», «Нам бут полезно узнать ваше мнение», «Вы согласны с нами?»,
Такой блок прекрасно подходит для популярных публикаций, тегов, последних комментариев, анонсов событий. Многие люди склонны следовать за большинством. Поэтому если в блок «Популярное» добавить счетчик, то это будет побуждать пользователей так же просматривать материалы и делиться контентом.
Чтобы понять, какой более популярный материал выводить в этом блоке примените A/B –тестирование. Оно покажет, чем конкретно в большей степени интересуется ваша целевая аудитория.
Одна из целей большинства элементов страниц – максимально задержать гостя на сайте. Внутренние ссылки идеально подходят для этого. Клиент может бесконечно бродить по вашему сайту, если вы того захотите. А можно аккуратно подвести его к странице покупки товара. Все зависит от ваших целей и фантазии.
Для того чтобы эффективно преподнести информацию читателю, важно не только содержание, но и форма. Шрифты на сайте должны быть заметными и легко читаемыми. В типографике важно все: размер, очертание, интервалы, цвет - все оказывает воздействие. О предпочтительных цветах в бизнесе в нашей статье: «Что говорят цвета сайта о вашем бизнесе».
Помните, что, если на вашем ноутбуке или компьютере шрифты выглядят хорошо, это не означает, что так он же будет выглядеть на других устройствах или в других браузерах. Мы рекомендуем не экспериментировать, а применять проверенные, классические универсальные веб-шрифты.
Уже в 2014 г. число мобильных пользователей превзошло тех, кто использует настольные ПК. Эта тенденция продолжает набирать обороты.
Сегодня очень важно чтобы сайт, был адаптирован к мобильным устройствам. Это значит, макет сайта должен гибко подстраиваться под конкретное устройство. При этом нужно учитывать, особенности цветопередачи, размера фотографий и их качество.
Эта технология применяется для адаптивных сайтов. Она отлично экономии место при выводе меню навигации. Гамбургер-меню – это кнопка в виде горизонтальных линий (аналогия с гамбургером). При нажатии на эту кнопку меню «выпадает» и предоставляет возможность выбора нужного раздела.
Этот элемент предназначен для SEO. Для того, чтобы ваш сайт хорошо ранжировался поисковиками, он должен иметь Sitemap (карту сайта). Это список всех страниц сайта, который говорит веб-сканерам, о том какие страницы доступны для индексации.
Важно чтобы Sitemap имел автоматическое обновление. В этом случае поисковики будут автоматически информироваться обо всех изменениях на сайте.
Мета-описания важны для SEO. Они используются поисковиками для формирования ответов за запросы пользователей в поисковой выдаче. Вы должны иметь возможность изменять эти данные. Важно оптимизировать мета-данные под поисковые запросы.
URL очень важен как для поисковых систем, и для пользователей. Так как хорошо читаемый URL воспринимается намного лучше, нежели бессмысленный набор цифр букв. Эта беда обычно случается с русскоязычными доменами, поэтому тщательно подумайте, прежде чем его регистрировать.
Естественно, что никому не нравится получать спам. В особенности, если дело касается писем с сайта. Для защиты от спама – разместите капчу. Это специальные плагины , которые защищают от надоедливых ботов. Большинству пользователей не составит труда пройти спам-проверку, чаще всего действие заключается в вводе цифр с картинки или в нажатии одной единственной кнопки.
Хостинг играет решающую роль в работе вашего сайта. Качественный хостинг позволяет страницам быстро загружаться, что положительно воспринимается пользователями. Ведь многие люди закрывают сайты, так и не дождавшись их загрузки.
Поисковые системы тоже «любят» скорость и присваивают высокий рейтинг лишь тем сайтам, страницы которых грузятся быстро. Поэтому не стоит жалеть инвестиций на надежного хостинг-провайдера.
Любой сайт, который становится популярным, подвергается хакерским атакам и атакам спамеров. Он может быть заражен вирусом, которые внедряются в интернет-ресурсы и заражают компьютеры пользователей. Вот поэтому безопасность вашего ресурса крайне важна.
Это часть происходит через формы обратной связи или комментарии. Поэтому необходимо позаботится, что на сервере работало антивирусное программное обеспечение, были установлены модули защиты для пользовательских данных и SSL сертификат для безопасности платежей. В этом случае будет гарантирована долгая и исправная работа не только сайта, но и вашего бизнеса в целом.
Бэкап – это резервное копирование сайта, он позволяет при необходимости восстановить последнюю сохраненную рабочую версию сайта. В случае, когда вы вовремя не заметили если на сайт внедрен вирус, можно «откатиться» до последней сохраненной версию сайта, и обновить программное обеспечение, установив нужную защиту.
Помните о регулярном резервном копировании, оно поможет избежать неприятностей и потери данных при обновлении ПО. И своевременно исправить все ошибки, если вы используете автоматическое обновление.
Сегодня работа с сайтом может быть довольно простой, если ваш сайр разработан с использованием CMS. Система управления контентом позволяет даже обычному пользователю создавать новые публикации и размещать фотографии. CMS это приложение, которое в административной части сайта имеет функции редактирования, публикации, изменения, создание нового и удаления неактуального контента на сайте.
Использование CMS не только облегчает управление ресурсом и существенно сокращает ручное кодирование, необходимое для поддержки сайта, но и делает ваш сайт «понятным» для поисковых систем. Самые популярные CMS на сегодня - это WordPress, Jommla, Drupal и 1С-Битрикс.
Разработчик вашего сайта должен позаботиться о кроссбраузерной верстке. Ведь наряду с разнообразными устройствами, которые используют пользователи, существует множество различных браузеров.
Верстка вашего сайта должна быть адаптирована и протестирована для всех основных браузеров: Google Chrome, Firefox, Opera, Microsoft Edge или Internet Explorer и Safari. Во всех браузерах контент вашего сайта должен отображаться одинаково корректно.
Это платформы, которые анализируют все, что касается трафика и действий пользователей на сайте. Почему желательно устанавливать обе системы статистики? Так вы получите более полую информацию о вашем сайте, так как они используют разные методы анализа и предоставляют разные формы отчетов.
При помощи этих систем статистики вы увидите количество посетителей в день, за неделю, за месяц или произвольный интервал времени. Опция веб-визор позволяет увидеть действия посетителей в режиме реального времени. Кроме того вы можете узнать, какие страницы сайта пользуются наибольшей популярностью у посетителей, и еще много полезной информации.
Эти сервисы являются основными способами контроля за сайтом. Они дают возможность узнать как видят ваш сайт поисковые роботы, проверить список внутренних страниц, узнать список внешних ссылок на сайт и многое другое.
Это незаменимые инструменты для аналитики и исправления ошибок на сайте. Они являются отличными помощниками при работе над продвижением ресурса. Яндекс.Вебмастер и Google.Webmaster бесплатны и подключаются совместно с установкой счетчиков статистики.
Говоря о скорости загрузки, мы уже упомянули роль хостинга. Это первый аспект обеспечения быстроты работы сайта. Второй, не менее важный - это оптимизация кода и структуры каждой страницы.
В не зависимости от того, насколько быстрый ваш хостинг, если сайт долго грузится, значит он плохо закодирован. Чистота исходного кода – это важнейшая задача разработчика сайта. Для быстрой загрузки должны быть оптимизированы все изображения и видео контент.
Так же на скорость работы сайта влияют сторонние сервисы, которые вы подключаете к сайту, такие как: виджет обратного звонка, онлайн консультант и многие другие. Все те, которым для работы требуется обращение к сторонним ресурсам.
Когда пользователь впервые посещает сайт, то загрузка страниц происходит с сервера на котором он находится. При повторном посещении, если включен кэш, необходимость обращения к хостингу исчезает, и страницы загружаются из памяти устройства пользователя.
Вся информация о посещенных страницах может храниться в памяти компьютера. Поэтому использование кэша является очень удобным, ведь он хранит все данные на локальном устройстве, так запросы данных обрабатываются намного быстрее.
Schema.org - это словарь, который используется для семантической разметки данных, и поддерживается всеми поисковыми системами. Цель разметки Schema – помогать поисковым роботам точнее и лучше понять содержание веб-страницы.
Эта единая схема, применяемая для семантической разметки страниц в HTML5 поисковиками Google, Яндекс, Bing и Yahoo. То есть сайты использующие разметку Schema более точно отвечают на запросы пользователей. Тем самым, улучшается результат поисковой выдачи.
Flash-дизайн был довольно популярен несколько лет назад, когда использование мобильных устройств было незначительным. Это мультимедийная программа для создания графики, флэш-анимации и игр. Она может создавать довольно эффектные изображения, но Flash-графика не всегда качественно и главное быстро воспроизводится на в браузерах и в устройствах.
Поэтому загрузка страниц, на которых присутствует флэш-анимация довольно медленная. Есть еще один важный факт, почему мы не рекомендуем использовать Flash-дизайн, такое содержимое не индексируется поисковыми роботами.
Есть много причин, почему не стоит использовать фоновую музыку, например, если ваш сайт не имеет музыкальной направленности, то ваши пользователи приходят не слушать музыку, а получать информацию другого рода. И музыка будет их раздражать. Кроме того:
Некоторым пользователям может быть совершенно неудобно прослушивание музыки: в офисе, в аудитории, в домашней обстановке, когда требуется тишина.
При загрузке видео на сайт уменьшается скорость воспроизведения, так же возможны сбои и некоторые хостинг провайдеры ограничивают размеры роликов. Гораздо проще, эффективнее и быстрее использовать для загрузки видео контента платформы YouTube или Vimeo. Вы можете просто добавить ссылку на видео и показывать его на сайте.