Как адаптировать SEO страницу под бесконечный скролл
15 июля

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

pinterest

Что такое страница с бесконечным скроллом?

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

Какая же возникает проблема для SEO?

Проблема в JavaScript. Поисковые системы, в первую очередь Google, часто могут нечетко сканировать JavaScript.
Google может выполнять часть Java, чтобы найти содержание, но Google имеет ограничения в том, что он может сделать, и что он может понять. Лучшая практика такая: внедрить контент, которое Google должен просканировать и индексировать в основной HTML. Например, можно использовать вкладки JQuery, чтобы вложить контент в один файл вместо вкладок AJAX, который распространяется из содержания через несколько файлов. Короче говоря, сделать доступ легким для Google.
Если функции, такие как JavaScript, cookie, идентификаторы сеансов, фреймы, DHTML, Flash, не дают вам увидеть весь сайт в текстовом браузере, то у поисковых пауков возникли проблемы при сканировании вашего сайта.

Как починить?

Google советует только один метод
Вы должны создать бесконечнуе страницу прокрутки и ряд других страниц, которые сопутствуют бесконечным страниц прокрутки. Таким образом, вы (или ваш CMS) создают бесконечный скролл с пагинацией.
Шаг 1
Определитесь как поделить контент – поделите его на куски из бесконечной страницы. Учтите время загрузки и отсутствие дублирование контента

Шаг 2
Создать URL структуру, вмещающую бесконечный скролл
Эта структура URL должна дать возможность поддерживать последовательность.
Помните, что вы используете пагинацию, поэтому каждая часть контента будет уникальной страницей с уникальной ссылкой. используйте человеческий язык для URL-адресов, так как это работает лучше всего для пользователей и сканеров.
Пример стандарта “example.com/awesome-design.”
Гугл допускает такие тоже
example.com/fun-items?lastid=567
example.com/fun-items#1

2 вещи, которые надо избежать!
1. Не используйте параметры URL относительно времени. Использование времени добавляет хронологическую сложность, которая будет снижать работу SEO. ИЗБЕЖАТЬ ЭТО – “example.com/category/page.php?name=fun-items&days-ago=3″ ИЗ_ЗА “days-ago=3”
2. Не используйте язык на основе кода в URL. example.com/awesome-design/radius=5&lat=40.71&long=-73.40.
Все что после слова design нужно избегать

Шаг 3
Каждая страница должна содержать rel=”next” и rel=”prev” внутриtag добавление этих кодов пагинации в заголовок будет гарантировать, что Google может индексировать содержание каждой страницы.

Шаг 4
Используйте pushState
PushState – метод HTML5, который диктует процесс загрузки. PushState будет извлекать из общественного объекта (все последовательное) и URL, чтобы загрузить новое содержание в последовательности, определяемое нумерацией страниц.
В принципе, PushState сообщает браузеру, что загружать и отображать. Так Twitter реализует свою бесконечную прокрутку.
Кроме того, вы можете использовать метод replaceState для модификации записей журнала или ответов на пользовательскую прокрутку.

Шаг 5
Используйте лучшие практики SEO на каждой странице
Как только вы внедрите правильную пагинацию, можете закинуть свой лучший контент для оптимизации сайта.

Заключение
Бесконечные прокрутки – один из многих вариантов дизайна, которые могут улучшить взаимодействие пользователя с сайтом и удержание. Тем не менее, они не все оптимальны для каждого сайта. Все зависит от того, что вы пытаетесь достичь с вашей конкретной страницей.
Бесконечные прокрутки … не лучший выбор для веб-сайтов, которые поддерживают целенаправленные задачи. Когда пользователи должны скроллить долго, чтобы выполнить действие, то это ведет к показателю отказов, который влияет на метрики.

+7 702 586 35 81