UX Best Practices, которые убивают вашего SEO

  1. 1. Использование тегов заголовков только для стилизации
  2. 2. Слишком тяжелая работа с изображениями или расстановка приоритетов над изображениями
  3. 3. Создание фильтров, которые приводят к грязным URL

Сюжет «люди против роботов» долгое время был основой научной фантастики. Это столкновение человека с машиной происходит не только в кино, но и в эпической битве UX против SEO.

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

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

Вот 3 ошибки UX, которые убивают вашего SEO и как их примирить:

1. Использование тегов заголовков только для стилизации

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

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

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

Исправление: используйте один H1 на страницу и столько элементов H2, сколько требуется для обозначения разделов на странице. Назначьте специальный CSS-класс любому другому тексту, который нуждается в особом оформлении (например, текст в навигации), не назначая ему тег заголовка.

2. Слишком тяжелая работа с изображениями или расстановка приоритетов над изображениями

[Образ: goodasgold.co.nz ]

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

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

Исправление :

  • Назовите ваши файлы изображений описательно. Поисковые системы ищут ключевые слова в имени файла изображения. Поэтому вместо использования общего имени, которое камера дала изображению, такого как DCIMIMAGE20.jpg, используйте более описательное имя.
  • Оптимизируйте альтернативные теги. Alt-теги - это текстовая альтернатива изображениям, когда браузер не может правильно их отобразить и позволяет связывать ключевые слова с изображениями. Сайты электронной коммерции должны заполнять каждый alt-тег для каждого изображения продукта на своем веб-сайте.
  • Уменьшите размер файла ваших изображений. Хорошее эмпирическое правило - хранить изображения размером менее 70 КБ. Лучше всего сохранять изображения в формате JPEG для хорошего качества и небольшого размера файла, но PNG могут быть хорошей альтернативой. Измените размер своих изображений так, чтобы они были не больше, чем нужно на самом деле, поэтому, если ваше изображение отображается на вашем веб-сайте как 100 × 100 пикселей, но фактический размер файла составляет 500 × 500, измените размер и сожмите изображение с помощью инструмента для редактирования изображений, такого как Photoshop или GIMP ,

3. Создание фильтров, которые приводят к грязным URL

Если на странице более 20 товаров, рекомендуется создавать фильтры. Сложная часть заключается в создании URL. Часто разработчики прикрепляют параметры фильтра к URL-адресу по мере их использования посетителями. Это создает дублированный контент, так как? Color = green & size = large будет отображать тот же выбор товаров, что и? Size = large & color = green.

Исправление: Несмотря на то, что это большая проблема для разработчиков, дизайнеры UX должны знать лучшие практики многогранной навигации при рекомендации фильтров продукта. Крайне важно, чтобы вы планировали это на самых начальных этапах проектирования и разработки нового сайта электронной коммерции, чтобы помочь SEO-специалистам избавиться от головной боли, связанной с попытками устранения проблем с дублированным контентом, как только сайт заработает.

Учитывая эти соображения, UX и SEO могут работать рука об руку, чтобы создать эффективное присутствие в Интернете.

Это создает дублированный контент, так как?
Color = green & size = large будет отображать тот же выбор товаров, что и?