Pull to refresh

Постраничная верстка rel=«next|prev»

Reading time 3 min
Views 29K
Original author: Benjia Li & Joachim Kupke
Наряду с использование атрибута rel=«canonical» для указания поисковому боту на дублирование контента, теперь возможно использовать для HTML ссылок значение rel=“next” и rel=“prev” для обозначения положения текущей страницы в отношении соседних в рамках навигационного блока. В рамках веба встречаются различные варианты использования постраничной навигации — статья, разделенная на несколько страниц, либо категория товаров распределенных по нескольким страницам, либо ветка форума, разделенная на последовательность URL-ов. Теперь, включив rel=“next” и rel=“prev” в верстку страниц, мы можем указать Google:
  • Создать консолидированный индекс страниц, чтобы ссылки не рассеивались между отдельными страницами page-1.html, page-2.html, и так далее
  • При поиске направить пользователя на наиболее релевантную страницу среди всех остальных, например в начало статьи, разбитой на несколько страниц

Есть исключение при использовании rel=“next|prev” в том случае, если у вас реализована страница «Показать все», на которой, к примеру, показываются все товары категории без разбивки на страницы. В таком случае прочтите, пожалуйста, эти рекомендации.

Из-за того, что страница «Показать все», чаще всего наиболее предпочтительна для пользователей, мы делаем все возможное, чтобы результатах поиска участвовала именно она, а не отдельные страницы (размеченные с использованием rel=“next|prev”). Если же в структуре вашего сайта нет подобной страницы, вы можете спокойно использовать атрибут rel, описанным выше способом.

Ваши действия

Вот три варианта:
  1. Оставить все, как есть. Многостраничный контент встречается во всем Интернете, и Google будет продолжать прилагать все усилия, чтобы найти для пользователя лучший результат, независимо от того используете вы атрибут rel или нет.
  2. Если у вас есть страница «Показать все», обратите внимание на наши рекомендации.
  3. Указывать для Google атрибут rel. Это поможет системе более точно проиндексировать ваш контент и показывать пользователям наиболее релевантные страницы. Детали реализации ниже.

Использование rel=“next|prev”

Если вы предпочитаете последний вариант, давайте приступим! Допустим, у вас есть контент и он представлен следующим образом:
www.example.com/article?story=abc&page=1
www.example.com/article?story=abc&page=2
www.example.com/article?story=abc&page=3
www.example.com/article?story=abc&page=4

На первой странице, www.example.com/article?story=abc&page=1, вам необходимо включить в следующий блок:
<link rel="next" href="http://www.example.com/article?story=abc&page=2" />

На второй странице, www.example.com/article?story=abc&page=2:
<link rel="prev" href="http://www.example.com/article?story=abc&page=1" />
<link rel="next" href="http://www.example.com/article?story=abc&page=3" />

На третьей странице, www.example.com/article?story=abc&page=3:
<link rel="prev" href="http://www.example.com/article?story=abc&page=2" />
<link rel="next" href="http://www.example.com/article?story=abc&page=4" />

А на последней странице, www.example.com/article?story=abc&page=4:
<link rel="prev" href="http://www.example.com/article?story=abc&page=3" />


Несколько замечаний:
  • Первая страница содержит только rel=«next».
  • Страница со второй до последней содержат и rel=«next», и rel=«prev».
  • Последняя страница содержит только rel=«prev».
  • Значения href могут быть либо относительным, либо абсолютным URL. И, если вы объявили base в документе, относительные пути будет просчитаны в соответствии с базовым URL.
  • Разрешено использование значения rel=«previous» как альтернативы rel=”prev”.
  • В случае не правильной разметки, Google продолжит индексировать ваш контент собственной эвристикой не опираясь на указанный rel.

Хорошей верстки, и интересных проектов!
Tags:
Hubs:
+74
Comments 25
Comments Comments 25

Articles