* РБК — новости

* *

SEO для веб-сайтов Parallax - 3 совета по оптимизации

  1. 3 совета для успешной поисковой оптимизации
  2. Что такое параллакс веб-дизайн?
  3. Проблемы для SEO
  4. Задача 1. Содержание и внутренние ссылки
  5. решение:
  6. Задача 2: показатель отказов и аналитика
  7. решение:
  8. Задача 3 Техническая оптимизация
  9. решение:
  10. Вот как дизайн параллакса работает с SEO

3 совета для успешной поисковой оптимизации

Веб-сайты Parallax визуально впечатляют и позволяют эмоционально подходить к посетителям. Но подходит ли прокручиваемый дизайн для поисковой оптимизации?

Что такое параллакс веб-дизайн?

Parallax - это технология индустрии видеоигр, которая дает иллюзию визуальной глубины . Несколько уровней прокручиваются на разных скоростях, создавая эффект 3D. Например, этот эффект известен по вождению поезда: ближайшие объекты движутся быстрее, чем удаленные. Первым сайтом, который использовал эту технику, был веб-сайт Nike «Nike Better World» в 2011 году. Смотрите другие примеры дизайна. здесь , Веб-сайты Parallax часто называют одностраничными . Это означает, что весь контент находится на одной странице.

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

Проблемы для SEO

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

Задача 1. Содержание и внутренние ссылки

Для большинства сайтов есть только главная страница и выходные данные, которые заносятся в индекс поисковых систем. В основном, больше страниц в индексе не являются синонимами более высокой видимости. Больше в этом видео:


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

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

решение:

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

Задача 2: показатель отказов и аналитика

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

решение:

Чтобы снизить показатель отказов и внедрить значимое отслеживание, одним из решений является работа с Google Tag Manager . Отслеживая клики по пунктам меню или прокручивая глубину событий, вы можете отслеживать взаимодействия на странице. Это позволяет оптимизировать данные целевым образом, а фактический показатель отказов можно лучше зафиксировать.

Задача 3 Техническая оптимизация

Технически, веб-сайт параллакса также представляет некоторые проблемы, в том числе:

Длительное время загрузки
Использование JavaSript и изображений с высоким разрешением может привести к очень долгому времени загрузки.

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

решение:

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

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

Вот как дизайн параллакса работает с SEO

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

Источник:
istockphoto.com / MrDeymos

Но подходит ли прокручиваемый дизайн для поисковой оптимизации?
Что такое параллакс веб-дизайн?
Но приводит ли использование Parallax к созданию «лучших» сайтов?
Можно ли без проблем оптимизировать веб-сайты параллакса для поисковых систем?
Действительно ли в вашем случае необходимо надеть дизайн параллакса?

Реклама

Популярные новости


Реклама

Календарь новостей

Реклама

Архив новостей

Реклама