Как использовать атрибуты rel=next и rel=prev для разделения страницы сайта

Россия+7 (910) 990-43-11
Обновлено: 2023-06-16

Существуют различные способы разбиения содержания страницы на веб-сайтах:

  • На сайтах новостей и/или других длинных публикаций, статьи часто разделяют на несколько коротких страниц.
  • В интернет-магазинах список продуктов с объемными категории могут занимать несколько страниц.
  • На форумах темы, как правило, помещаются под последовательными URL.

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

  • Ничего не делайте. Текст разделенный на несколько страниц широко распространен в интернете и Google хорошо справляется с выбором наиболее релевантных результатов, независимо от этого разделения.
  • Выберите страницу, которая позволяет просмотреть все материалы. Пользователи поисковых систем часто предпочитают просмотр всей статьи или категорий на одной странице. Таким образом, если Google обнаружит что на страницах содержится ответ на поисковый запрос, то постарается направить пользователя на страницу, содержащую все содержимое. Вы также можете добавить ссылку rel="canonical", чтобы сообщить Google, что в результатах поиска появляется страница, позволяющая просмотреть все материалы.
  • Используйте ссылки rel="next" и rel="prev", чтобы указать на связь между URL веб-компонентов. Эти теги представляют для Google ясное указание, что отдельные страницы должны рассматриваться как логическая последовательность, что позволит учесть свойства их соединения, и в большинстве случаев позволяет пользователю просмотреть первую страницу.

Использование атрибутов rel=next и rel=prev

При помощи атрибутов HTML rel="next" и rel="prev" вы можете указать на взаимосвязь между различными URL. Их использование является для Google ясным указанием на то, что эти страницы должны рассматриваться как логическая последовательность.

Предположим, что содержание разделена между следующими URL:

http://www.example.com/artykul-page1.html

http://www.example.com/artykul-page2.html

http://www.example.com/artykul-page3.html

http://www.example.com/artykul-page4.html

  1. В разделе <head> первой страницы (http://www.example.com/artykul-page1.html) добавьте тег ссылки, указывающий на следующую страницу в последовательности: <link rel="next" href="http://www.example.com/artykul-page2.html">

    Так как это первый URL в последовательности, нет необходимости добавления тега rel="prev".

  2. На второй и третьей странице добавьте ссылки, указывающие на предыдущий и следующий URL в последовательности:

    <link rel="prev" href="http://www.example.com/artykul-page1.html">
    <link rel="next" href="http://www.example.com/artykul-page3.html">

  3. На последней странице в последовательности (http://www.example.com/artykul-page4.html) добавьте ссылку, указывающую на предыдущий URL: <link rel="prev" href="http://www.example.com/artykul-page3.html">

    Так как это последний URL в последовательности, нет необходимости добавлять ссылку rel="next".

Google обрабатывает атрибут rel="previous" как синтаксический вариант атрибута rel="prev". Значениями могут быть URL относительные или абсолютные. Если в документе вы разместите ссылку <base>, относительные пути будут рассматриваться в соответствии с базовым URL.

Несколько замечаний:

  • Атрибуты rel="next" и rel="prev" это рекомендации для Google, а не абсолютные директивы.
  • Если страница хранения последовательности содержит параметры, которые не вызывают изменения ее содержимого, например, идентификатор сессии, то значения атрибутов rel="next" и rel="prev" также должны содержать одни и те же параметры. Это обеспечивает более точное соответствие соответствующих значений атрибутов rel="next" и rel="prev" при создании связей.

    Например, страница http://www.example.com/artykul?historia=abc&page=2&id=123 должна содержать следующие теги:

    <link rel="prev"
    href="http://www.example.com/artykul?historia=abc&page=1&id=123" />
    <link rel="next"
    href="http://www.example.com/artykul?historia=abc&page=3&id=123" />

  • rel="next" и rel="prev" это параметры аналогичные rel="canonical". Вы можете использовать обе эти декларации.
  • Если Google обнаруживает ошибки в вашей реализации (например, отсутствие ожидаемого атрибута rel="next" и rel="prev"), страницы будут проиндексированы, а для интерпретации содержания будет использована собственная эвристика.

5.0/3