Руководство по юзабилити сайта и оптимизация страниц

Руководство по юзабилити сайта и оптимизация страниц

Руководство по юзабилити сайта и оптимизация страниц

На первый взгляд, можно подумать, что юзабилити сайта и оптимизация страниц, 2 совершенно разные темы.

SEO это об открытии — заставить людей посетить сайт, и убедится, что он отображается в поисковых системах.

Юзабилити о поведении людей и как люди могут взаимодействовать с вашим сайтом, когда они приземляются на сайт.

На самом деле, они тесно связаны и имеют много точек пересечения.

 

Руководство по юзабилити сайта и оптимизация страниц

Так как же эти 2 темы соотносятся друг с другом?

Поисковые системы, несмотря на все усилия, не могут понять значение текста таким же образом, как люди, смотреть видео или просматривать изображения, поэтому они вынуждены использовать другие сигналы для того, чтобы поручиться за сайт; признать годность и ранжировать его соответствующим образом. Эти сигналы поступают в виде мета-информации (не обязательно мета-тегов) о том, как люди относятся к сайту и страницам. Эта информация может быть использована поисковыми системами как понимание качества страниц.

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

Конечно, не все так просто, но общий принцип именно такой.

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

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

Имея хорошее SEO, но паршивое юзабилити, вы получите много трафика, но посетители не превратятся в клиентов. С другой стороны, сайт с большим удобством, но паршивым SEO, просто не получит много посетителей.

Так что, удобство использования и оптимизация часто переплетаются, перекрываются и влияют друг на друга во многих отношениях.

 

Содержание

  • Создание контента, который может быть проиндексирован (Alt-теги, видео и аудио стенограммы)
  • Теги заголовков
  • Мета описание
  • Правильная URL Структура (и передовая практика)
  • Внутренние ссылки
  • 301 Redirect (Перенаправление)
  • Дизайн сайта для удобства использования (всплывающие окна)
  • Мобильная оптимизация (Адаптивный дизайн, скорость сайта)
  • Обновление сайта

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

Как мы уже говорили, поисковые боты до сих пор не могут читать текст, смотреть изображения или видео — так что вы должны предоставить им ту же информацию (или близкую к) в виде текстовых форматов HTML. Есть более продвинутые методы, но HTML форматы текста являются простым способом.

Alt Text Для изображений

При использовании изображений в GIF, PNG или JPG формате, вы можете добавить атрибут «Alt», который может быть использован в качестве описания визуального контента для поисковых систем. Это, на самом деле более важно для удобства использования, чем для SEO — попробуйте серфинг в Интернете с помощью браузера для слепых — они очень зависят от таких вещей, как Alt теги.

Обеспечение Транскрипции для видео и аудио контента

Если видео и аудио контент имеет отношение к вашему сайту, и обеспечивает расшифровку содержания, поисковые системы могут их индексировать.

Хотите узнать, как ваш сайт выглядит для поисковых ботов?

Просто введите следующую ссылку в панели навигации (замените //example.com/ на сайт, который вы хотите посмотреть):

//webcache.googleusercontent.com/search?q=cache://example.com/

Предоставление Alt текста и стенограммы для визуального контента, также имеет дополнительное преимущество для тех, кто со слабым зрением, и во многом полагается на текстовых рассказчиков.

 

Теги заголовков

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

Теги заголовков состоят из 6 групп: <h1>, <h2>, <h3>, <h4>, <h5> и <h6>. Числа приравниваются к важности, начиная с первых тегов, таких как <h1> является самыми важными, и например, <H6>  наименее важные. Исследование Searchmetrics показало, что поисковые системы дают большее значение словам, которые стоят между высшими тегами, такими как <h1> и <h2>, чем словам, которые находятся между тегами <h3> и ниже.

Теги заголовков

Ключевые слова в тегах заголовков

Ставить или нет ставить ключевые слова в тегах заголовка или URL не так важно, как это было раньше. Тем не менее, Searchmetrics утверждает, что «наличие ключевых слов в названии, описании и в тегах H1 и H2 улучшают практику, но они не должны быть чрезмерно оптимизированы».

 

Мета описание

Ваше мета описание должно также содержать ключевые слова.

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

Мета описание

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

Другое дело, следует отметить, что мета описания могут быть любой длины, но поисковые системы, как правило, сокращают фрагменты длиной более 160 символов, так что в целом разумно оставаться в этих пределах.

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

 

Собственные структуры URL

Еще один важный аспект, который касается как юзабилити сайта и оптимизации страниц, это – структура URL.

Есть 2 типа URL структур: Динамические и статические.

Статический URL:

www.example.com/blog/dog-walking

Динамический URL:

www.example.com/?p=56789744

Как вы можете видеть, динамические URL-адреса не имеют каких-либо ключевых слов или подобие смысла для людей (и поисковых роботов тоже). Поисковые системы отдают предпочтение статическим URL-адресам, и они, как правило, занимают высокие позиции, чем динамические.

 

Рекомендации для URL-структур

Семантика

Собственная URL структура должна иметь смысл, когда человеческий глаз смотрит на нее. Например, «www.example.com/blog/dog-walking» является примером URL структуры, которая имеет смысл для человеческого глаза — мы знаем, что URL-адрес должен привести нас в блог, который имеет содержание про выгул собак. Тем не менее, «www.example.com/?p=578544» ничего не говорит нам.

Иметь четкий URL адрес, полезно для человека и поисковых систем.

Дефисы

Используйте дефис для разделения слов вместо подчеркивания. Поисковые системы чтения, используют черточки, как способ отделить слова, поэтому dog_walking будет читаться как dogwalking поисковой системой.

Тем не менее, вы не должны злоупотреблять дефисом в качестве URL-адреса с чрезмерным количеством черточек, это часто рассматривается как спам.

Длина

Согласно последним исследованиям Searchmetrics, средняя длина URL из топ-10, имеет 36 символов, это означает, что простота является ключевым фактором.

Соответствующие URL-адреса

Другая выгода от наличия семантически правильного URL то, что веб-мастера получают больше трафика из поисковой системы, из-за ключевых слов в URL. Они, как теги заголовков, которые используются для определения релевантности и вычисления рейтинга.

Ключевые слова в URL

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

Ключевые слова в URL

Оптимизированные внутренние ссылки

Оптимизация внутренних ссылок, часто забываемый SEO фактор. Внутренние ссылки часто рассматриваются как менее важные, чем внешние ссылки, но они по–прежнему остаются очень важной частью алгоритмов поисковой системы и пользователей сайта.

Исследования Searchmetrics показывает:

Страницы в верхних позициях поисковых систем, имеют сравнительно больше внутренних ссылок, чем страницы рейтингом ниже.

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

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

 

301 редирект

Так что же происходит, если вам нужно переместить содержимое из одного URL на другой?

301 редирект является постоянным редиректом, который считается лучшим подходом для имплантации переадресовки в большинстве случаев.

301 указывает поисковым ботам и браузерам, что страница была перемещена на постоянной основе. Поисковые системы понимают, что содержание (или обновленный вариант) можно найти на новом URL адресе, и перенаправят весь вес с исходной страницы, на новый URL-адрес.

301 редирект

Дизайн сайта для удобства использования

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

Как пользователи взаимодействуют с вашим сайтом

Когда посетители попадают на ваш сайт, важно отметить то, как они взаимодействуют с ним.

Посетители редко читают всю страницу, вместо этого они сканируют.

Дизайн сайта для удобства использования При проектировании дизайна сайта, необходимо учитывать юзабилити и полезность, а не визуальную привлекательность. Это стало стандартным подходом для успешного и ориентированного на получение прибыли веб-дизайна сайта. Дизайн и функциональность стали вторым юзабилити, простой факт заключается в том, что если ваш посетитель не понимает, как идти из точки А в точку Б, он не будет использовать ваш сайт. Как пользователи взаимодействуют с вашим сайтом Когда посетители попадают на ваш сайт, важно отметить то, как они взаимодействуют с ним. Посетители редко читают всю страницу, вместо этого они сканируют.

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

Для оптимального удобства, ваш сайт должен иметь следующие характеристики:

  • Ясную, пояснительную навигацию
  • Точный текстовую презентацию
  • Функция поиска
  • Видимую и продуманную структуру

Всплывающие окна

В 2004 году Nielsen опубликовала результаты опроса, который показал, что 95% пользователей ненавидят всплывающие окна, 69% используют блокировки всплывающих окон. Более 10 лет спустя, аргументы в пользу и против всплывающих окон по-прежнему сохраняются.

Когда дело доходит до пользовательского опыта и юзабилити, лю

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

Поэтому, в конце концов, вы должны принять решение — Что для вас важнее, качество обслуживания клиентов или подписчики электронной почты?

Если ваша цель состоит в том, чтобы создать блестящий опыт работы с клиентами, а затем сосредоточиться на преобразовании посетителей сайта в потенциальных клиентов, делайте это аккуратно, вместо навязчивых уловок.

 

Мобильная Оптимизация

Мобильная Оптимизация

С каждым годом все больше и больше людей используют мобильные устройства и планшеты для доступа к Интернету. На самом деле, по состоянию на конец 2015 года 35% мирового интернет — трафика был мобильный, и если учесть, что мобильный трафик составлял только 0,7% мирового интернет — трафика в 2009 году — увеличение за 5 лет, более 4000%.

Мобильное исследование Mobile Path-to-Purchase study определило, что 50% потребителей используют свои мобильные устройства для запуска процесса поиска и 46% используют мобильный телефон исключительно при проведении исследований в Интернете.

Так как все больше и больше пользователей обращаются к мобильникам, поисковые системы ввели мобильную оптимизацию в  результаты ранжирования. Более того, с мая 2016 года, Google увеличит влияние алгоритма mobile-friendly при формировании поисковой выдачи.

Но не волнуйтесь — Google давно уже создал удивительный инструмент PageSpeed ​​Insights, который можно использовать, чтобы проанализировать, насколько хорошо ваш сайт оптимизирован для мобильных устройств. Инструмент не просто покажет вам, насколько ваш сайт оптимизирован, но и то, как вы можете исправить неполадки.

PageSpeed ​​Insights

Адаптивный веб-дизайн

Есть 3 основных типа конфигураций веб — сайтов: адаптивный, динамичный и отдельная конфигурация сайта. В то время как каждый из них имеет свои преимущества и недостатки, Google, Яндекс и другие поисковики, предпочитают адаптивный дизайн (хотя они поддерживают все 3 варианта, если вы установили их должным образом).

Адаптивный веб-дизайн является наиболее идеальным дизайном, поскольку он обеспечивает оптимальное качество просмотра для своих пользователей в широком спектре устройств.

Скорость загрузки страниц

Средняя скорость сайтов из первой 10 в поисковой выдаче по исследованиям Searchmetrics — 0,99 секунды. Однако исследования показывают, что большинство пользователей мобильного Интернета ожидают загрузку страниц гораздо дольше, их терпение, как правило, составляет 6 — 10 секунд. Из-за проблем с подключением и разницы в устройствах, гарантия того, что ваш сайт быстро загрузится, еще более важно для мобильных пользователей, чем пользователей настольных компьютеров.

Чтобы улучшить скорость страниц, вам необходимо оптимизировать изображения, минимизировать код, кэшировать рычаги браузера, а также уменьшить переадресовки.

Опять же, инструмент PageSpeed ​​Insights может помочь вам понять, что именно вам нужно сделать, чтобы получить свою скорость страницы, оптимизированную для мобильных устройств.

 

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

Почему так важно, чтобы ваш сайт обновлялся?

Свежий контент. Люди не читают тот же самый материал снова и снова. Они возвращаются за чем-то новым.

В ногу с новыми технологиями. Интернет — быстро развивающееся пространство, необходимо развиваться, чтобы соответствовать ожиданиям аудитории – чтобы не остаться позади.

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

 

Вывод

Юзабилити сайта и SEO оптимизация страниц играют ключевую роль в создании вашего сайта. Хотя эти 2 темы кажутся отдельными друг от друга, мы видим, что такие элементы, как всплывающие окна, адаптивный дизайн и URL структура играют важные роли в обеих областях. Улучшая одно, не забывайте о другом.

Aliexpress INTAliexpress INTAliexpress INT

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *