20 советов по SEO для улучшения пользовательского опыта вашего сайта

20 советов по SEO для улучшения пользовательского опыта вашего сайта

SEO и пользовательский опыт можно рассматривать как две стороны одной медали. Они оба являются способами оптимизации и улучшения вашего сайта, но направлены на разные аудитории. SEO изменяет то, как Google и другие алгоритмы поисковых систем рассматривают ваш сайт, в то время как хороший UX улучшает то, как ваши пользователи рассматривают и используют ваш сайт. Сложность заключается в том, как эти два показателя взаимодействуют. Google официально заявляет, что многие формы пользовательского опыта не являются строгими факторами ранжирования поиска. Однако они также утверждают, что их цель не в том, чтобы предоставлять результаты, которые лучше всего удовлетворяют их собственные потребности; они предоставляют результаты поиска, которые удовлетворяют потребности пользователей. Таким образом, сайт с лучшим пользовательским опытом будет ранжироваться лучше, чем сайт с худшим пользовательским опытом, при прочих равных условиях. Чтобы примирить это, нужно понять, что Google хочет, чтобы у вас был качественный пользовательский опыт, но не хочет диктовать, что именно он должен включать. Они не будут указывать ваш шаблон или элементы дизайна, но они проинформируют вас о конкретных лучших практиках и правилах, которым нужно следовать, чтобы сделать ваш сайт максимально удобным для всех. Кстати, сейчас эта практика важна как никогда. Министерство юстиции США недавно разъяснило, что доступ к веб-сайтам — особенно к правительственным и общественным бизнес-сайтам — требуется в соответствии с Законом об американцах с ограниченными возможностями. Ожидается, что в ближайшее время некоторые крупные веб-сайты внесут изменения, касающиеся доступности, а некоторые другие станут объектом судебных исков. Достаточно сказать, что вашему сайту необходим хороший пользовательский опыт. Улучшение UX может помочь вашей поисковой оптимизации, как косвенно, так и, в некоторых случаях, напрямую. Давайте рассмотрим некоторые изменения, которые вы можете сделать, чтобы улучшить обе стороны медали.

Оглавление статьи:

Обеспечьте совместимость с мобильными устройствами

 

Вашу рекламу скликивают конкуренты?

Подключите защиту по ссылке и экономьте ваш рекламный бюджет!

Mobile Site Design

Сегодня более 50% веб-пользования осуществляется с помощью мобильных устройств, а это значит, что хороший пользовательский опыт начинается с удобного для мобильных устройств веб-дизайна. Отзывчивый дизайн является наиболее подходящим вариантом для большинства веб-сайтов, поскольку он адаптирует дизайн к размеру просматриваемого экрана, и вам не придется ориентироваться только на несколько наиболее распространенных размеров. Кроме того, Google теперь использует систему ранжирования по принципу «мобильный-первый», при которой дизайн вашего мобильного сайта будет превалировать над дизайном настольного. Стоит потратить время на создание мобильной версии.

Улучшение структуры навигации

Example Learn Dropdown

Рассмотрите структуру вашего сайта. Сколько кликов требуется, чтобы добраться с главной страницы до любого конкретного места назначения? Насколько она логична? Насколько хорошо пользователи могут найти дорогу от одного места к другому? Должны ли вы разместить свой блог на видном месте в навигации или спрятать его так, чтобы пользователям было трудно его найти? Оптимизируйте структуру сайта, иерархию и общую организацию. Здесь нет единственно верного ответа, но обычно лучше более плоские и взаимосвязанные структуры.

Добавить трастовые страницы

Examples of Trust Pages

Страницы доверия — это страницы, которые помогают пользователям доверять вашему бренду. Это такие страницы, как страница «Свяжитесь с нами», «О нас», «Политика конфиденциальности», «Условия предоставления услуг» и т. д. Большинство людей не будут их читать — особенно такие, как политика конфиденциальности или условия предоставления услуг — но их наличие более прозрачно и лучше, чем отсутствие. Вам также не нужно глубоко вникать в юридическую терминологию и юридические термины, чтобы написать их. Google проверяет все эти веб-страницы и даже требует их для некоторых своих сервисов. Эти страницы должны быть там, когда они приходят на ваш сайт.

Улучшение читабельности текста

Wall of Text

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

  • Больший размер шрифта. Убедитесь, что ваши заголовки выделены жирным шрифтом.
  • Разумная вставка и поля. Используйте белое пространство, чтобы дать абзацам, предложениям и контейнерам достаточно пространства для дыхания. Переполненные страницы выглядят непривлекательно, и их труднее читать.
  • Контраст. Хороший контраст между цветами фона и текста облегчает чтение.
  • Выбор шрифта. Некоторые шрифты читаются легче, чем другие, а некоторые специально разработаны для облегчения чтения.

Удобство чтения также может быть простым — разбить большие абзацы. Более короткие предложения легче усваиваются и лучше удерживают внимание читателей.

Делайте изображения более мелкими файлами

Imagify Compressing

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

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

Это первая из нескольких оптимизаций скорости сайта, о которых я расскажу в этой статье, потому что скорость сайта очень важна.

Используйте Alt-текст для изображений

Alt and Title Text

Одной из важнейших характеристик соответствия ADA, упомянутых выше, является функциональный, описательный alt-текст для изображений. Помните, что люди, использующие программы для чтения с экрана, не загружают и не видят изображения, и им необходимо иметь представление о том, что это за изображение. Alt-текст служит этой цели. Он не предназначен для ключевых слов; он должен быть описанием и полезен для абзаца, в котором он находится. Указывайте описательный alt-текст для каждого используемого изображения, где бы вы его ни использовали. Плагины для тегов Alt могут облегчить этот процесс и даже полностью его автоматизировать.

Используйте привлекательный и понятный дизайн

Wishpond Homepage

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

Избегайте слишком большого количества скрытых Divs

Hidden Image in CSS

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

Минимизируйте всплывающие окна, когда это возможно

Annoying Popup

Если вы похожи на меня, то вы ненавидите все всплывающие окна на сайтах «перед выходом». Некоторые сайты содержат 2-3 всплывающих окна, прежде чем вы успеете просмотреть их содержимое! Такой подход, очевидно, ужасен для пользователей. Конечно, в какой-то степени они работают на CRO, но все же они не идеальны с точки зрения доступности. Всплывающие окна также могут ухудшить показатель отказов и время пребывания на сайте. В настоящее время они меняются, и я ожидаю, что в ближайшие несколько лет они уйдут в прошлое. Вы можете найти другие хорошие способы передачи CTA; я верю в вас.

Обновляйте свой контент

Updated Date

Обновленный контент является как фактором поискового ранжирования, так и фактором привлечения пользователей. В поиске Google отображается дата последнего обновления контента, а для многих видов контента пользователи предпочитают получать самую свежую информацию. Это означает, что вы можете принести пользу своему сайту, поддерживая актуальность своего контента — или, по крайней мере, 10-20% его верхней части. Советподумайте о том, чтобы отображать дату «Обновлено» вместо даты «Опубликовано» для вашего контента. Если ваш пост был первоначально опубликован в 2015 году, но с 2022 года он несколько раз обновлялся, гораздо лучше показать читателям и поиску, что ваш пост актуален. Это внушает уверенность в точности вашей информации.

Избегайте слишком большого количества объявлений и CTA

Call to Action Example on OptinMonster

Важным аспектом SEO является то, что слишком большое количество рекламы на странице может ухудшить показатели вашего сайта. Раньше Google применял довольно жесткие санкции за это, но, похоже, в последнее время они снизились, судя по тому, что некоторые сайты (MediaWiki — большой нарушитель здесь) могут быть просто полностью покрыты рекламой и все равно занимают высокие позиции. Слишком большое количество рекламы также является проблемой доступности и удобства для пользователя, поэтому ее минимизация — всегда хорошая идея. Эта умеренность также относится к вашим CTA, хотя некоторые CTA могут работать нормально, если они сделаны со вкусом.

Привязка навигации к позиции прокрутки пользователя

Sticky Mobile Nav Bar

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

Открывать ссылки в новых вкладках

Adding an Internal Link

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

Фокус на основных показателях веб-сайта

Achieving Above 90 on PageSpeed

Core Web Vitals от Google — это ряд показателей, которые измеряют в основном начальную загрузку. Несколько мелких раздражений, с которыми вы сталкиваетесь в Интернете, например, смещение всей страницы при ленивой загрузке изображения, являются их частью. Не очень хорошо выглядит, когда ваш контент скачет, поэтому Google кодирует хорошее поведение и помогает вам понять, как его исправить. Сделайте это для блага всех, кто пользуется вашей страницей при использовании чего-либо меньшего, чем оптоволоконное соединение по соседству с вашим сервером.

Избегайте нечитаемых или неиндексируемых элементов

Search Console Indexation

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

Минимизация скриптов и CSS

Before After Minifying Code

Чем больше скрипты, тем больше времени они занимают, и, как правило, тем значительнее их влияние на ваш сайт. Иногда это нормально, но иногда это вредит пользовательскому опыту. Обычно я рекомендую прогнать ваши скрипты и CSS через апплет минификации, чтобы сжать их и сделать намного меньше. Это может быть всего несколько килобайт сохраненного размера файла, но иногда этого может быть достаточно для мобильных сайтов. Помните, что не все посетители вашего сайта будут находиться в зонах 5G UWB, загружающих 5 баров сервиса; ваш сайт должен предполагать, что некоторые из ваших посетителей будут иметь плохой сервис и что ваш сайт загружает активы разумно. Это жестко, но именно так работает мобильная оптимизация.

Выделяйте ссылки

User Experience and Search Central Article

Вы когда-нибудь посещали сайт, где ссылки оформлены тем же цветом, что и текст, а сами ссылки либо не выделяются, либо выделяются только при наведении на них курсора? Такая практика является ошибкой юзабилити и усложняет навигацию по сайту для людей, которые действительно хотят его использовать. Сделайте так, чтобы ваши ссылки выделялись, отличались от остального текста. Я обычно предпочитаю другой цвет и подчеркивание и не заморачиваюсь с причудливой анимацией. Некоторые SEO-специалисты считают, что синие ссылки лучше для SEO и удобства пользователей вашего сайта. В конце концов, ссылки были синими с самого начала существования Интернета; возможно, они более узнаваемы как ссылки для ваших пользователей.

Используйте большое количество форматирования для разделения информации

Format Post

Форматирование текста — одна из самых важных вещей, которые вы можете сделать для улучшения вашего веб-контента. Разбивайте длинные абзацы на более мелкие куски. Используйте жирный шрифт, подчеркивание и курсив, чтобы подчеркнуть пункты и информацию. Резюмируйте с помощью пулевых точек и нумерованных списков. Используйте цитаты и маленькие значки для добавления ценности. Это отличный способ сделать ваш качественный контент значительно более удобным для восприятия. Он также может помочь выделить ключевые слова для индексации Google, хотя они не нуждаются в такой помощи.

Улучшение скорости страниц по всем направлениям

PageSpeed Insights for Troubleshooting

Скорость работы сайта — один из самых важных факторов удобства использования сайта сегодня. Внимание людей находится на рекордно низком уровне, и у них не хватает терпения ждать сайт, особенно если они находятся в районе с нестабильным интернет-покрытием, а их телефоны медленно загружают контент. Десятилетие назад люди могли ждать загрузки сайта 10 секунд, но с появлением оптоволоконного интернета и высокоскоростных тарифных планов мобильной связи они будут считать, что ваш сайт сломан, и уйдут. PageSpeed Insights не только измеряет время загрузки вашей страницы, но и скорость загрузки отдельных активов и скорость загрузки вашего сайта. Если вы еще не проверили свой показатель или не оптимизировали свой сайт, чтобы достичь высокого показателя 90’s на мобильных устройствах, я настоятельно рекомендую вам начать этот процесс. Улучшение времени загрузки вашего сайта помогает предоставить информацию и доступность для максимального количества людей, и вы даже можете увидеть увеличение коэффициента конверсии. Google не хочет, чтобы его пользователи получали медленные веб-сайты. Медленные сайты не только заставляют ваш сайт выглядеть плохо, но и их самих.

Периодически обновляйте свой UX

Feedback Form Builder

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

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

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

Полное руководство по защите от скликивания вашей рекламы (73 стр.) 2 издание (май 2022).
This is default text for notification bar

Конкуренты скликивают рекламу?

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