Рекомендации по оптимизации страниц с бесконечным скроллингом

Рекомендации по оптимизации страниц с бесконечным скроллингом

Сделали перевод свежего материала с рекомендациям Google по использованию бесконечного скролла.

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

rekomendatsii-po-optimizatsii-stranits-s-beskonechnyim-skrollingom

 

Бесконечные страницы прокрутки становятся «оптимизированными» при преобразовании в серию страниц — каждая страница имеет аналогичный <title> с rel=next/prev объявленных в <head> .

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

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

 

Рекомендации по оптимизации бесконечной прокрутки

1. Перед тем как начать:

  • Разбейте вашу бесконечную страницу прокрутки на отдельные страницы, которые будут доступны при отключенном java-скрипте
  • Определите, какое количество контента будет отображаться на каждой отдельной странице:

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

  • Разделите содержимое ленты так, чтобы не возникало дублирования контента (за исключение буферизации)

Screen Shot 2014-02-13 at 2.26.51 AM

Пример слева — оптимизированный, а пример справа — нет. На рисунке справа, будет много проблем со сканированием и индексацией дублированного контента.

2. Структурируйте URL адреса страниц

  • Каждая отдельная страница должна содержать полный URL. Мы рекомендуем использовать полный URL-адреса, чтобы минимизировать риск ошибки конфигурации.
    — хорошо: example.com/category?name=fun-items&page=1
    — хорошо: example.com/fun-items?lastid=567
    — менее оптимально: example.com/fun-items#1
    — протестируйте адреса страниц (URL) на доступность и работоспособность. Они должны позволять добраться прямо к нужному контенту даже без cookie и истории пользователя
  • Любые ключи\значения URL должны следовать следующим рекомендациям:
    — Убедитесь, что через две недели по одному адресу страницы показывается то же самое содержимое. Избегайте навигации, основанной на времени:
    example.com/category/page.php?name=fun-items&days-ago=3
    — Создавайте параметры, которые могут быть полезны при ранжировании страницы поисковыми системами. Избегайте бесполезных параметров при построении навигации:
    example.com/fun-places?radius=5&lat=40.71&long=-73.40

3. Настройте нумерацию с содержанием на каждой странице своих rel=next и rel=prev значений в <head>. Нумерация в <body> будет игнорироваться поисковыми системами при индексации, потому что она может оказаться контентом, созданным самим пользователем (не предназначенный для веб-мастеров).

4. Реализация replaceState / PushState на бесконечной странице прокрутки(вы можете выбирать использовать один или оба). Тем не менее, мы рекомендуем использовать и то и другое для следующих действий:

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

5. Тест!

  • Проверьте правильность настройки при прокрутке как вниз так и вверх
  • Убедитесь, что страницы вне серии отдают 404 ошибку(т.е. example.com/category?name=fun-items&page=999 должна вернуть ошибку, если существует только 998 страниц контента)
  • Исследуйте потенциальные последствия на юзабилити введенные вашей бесконечной прокруткой.

 

About the Author
Nikita Sawinyh

Занимаюсь SEO с 2006 года. Сейчас специализируюсь на продвижении многостраничных проектов. Основатель и руководитель sawinyh.ru

comments powered by Disqus