В статье:

1. Настройка пагинации

2. Как оформить пагинацию правильно

   1. Постраничная пагинация

   2. Динамическая или бесконечная прокрутка

3. Кому и что использовать

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

Нет универсального способа оформить список товаров в каталоге интернет-магазина или статей в блоге, но в материале мы разберем разные варианты и ошибки.

Настройка пагинации

Раньше для настройки веб-мастеры использовали теги rel=next и rel=prev. Весной 2019 года оптимизаторы выяснили, что Google и Яндекс их не учитывают.

Позиция Яндекса

«Когда мы оценили сигналы индексации, решили отказаться от rel=prev/next. Исследования показывают, что пользователи любят одностраничный контент. Стремитесь к этому по возможности, но помните, что многостраничность тоже подходит для поиска Google. Изучайте и делайте то, что лучше вашим пользователям!» 
Позиция Google в Твиттере

FAQ по пагинации:

1. Теги rel=prev/next теперь бесполезны?
   Если вы оптимизируете страницы под Google или Яндекс, то да. Но, к примеру, Bing их распознает.
2. Нужно удалять rel=prev/next со страниц?
   Нет, сами по себе теги не навредят, тем более что их используют некоторые браузеры для предзагрузки и некоторые поисковые системы — тот же Bing.
3. Какой способ настройки пагинации лучше?
   Веб-мастеры оформляют пагинацию разными способами: с помощью нумерованных страниц, диапазона цифр, списка по алфавиту, где каждая страница — подборка товаров на определенную букву, и другими методами. Принимайте решение из расчета на то, чтобы пользователям было удобно смотреть элементы списка.

Как оформить пагинацию правильно

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

Постраничная пагинация

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

Нумерация страниц в блоге pr-cy.ru/news

Нумерация страниц в каталоге ozon.ru с возможностью перейти на конкретную страницу

Как настроить: вариант 1

Если использовать такую пагинацию, то нужно использовать атрибут canonical. На всех страницах, начиная с первой, нужно прописать тег rel=canonical и в роли главного адреса отмечать самую первую страницу. Это рекомендует Яндекс.

К примеру, есть URL:

https://www.site.ru/p/bulki/

И есть другие страницы этого же раздела:

https://www.site.ru/p/bulki/?page=2
https://www.site.ru/p/bulki/?page=3

Страницы https://www.site.ru/p/bulki/?page=1 по логике быть не должно, первой считается https://www.site.ru/p/bulki/. Если page=1 генерируется автоматически, то нужно ставить редирект на страницу /.

Для всех этих URL нужно задать canonical:

<link rel=»canonical» href=»https://www.site.ru/p/bulki/»>

Пагинация может затрагивать сортировку и количество товаров. В этом случае нужно прописать на этих страницах rel=canonical, в котором указать страницу раздела без сортировки.

Проверить интернет-магазин, блог и любой другой сайт и найти ошибки, критичные для оптимизации, можно в сервисе Анализ сайта.
Он оценит проект по 70+ тестам, даст подсказки, сравнит с конкурентами и поможет следить за позициями страниц по ключевым словам.
Попробовать

Что если указать canonical только на первой странице?

Атрибут canonical важно поставить на все страницы и указать в нем первую. Если вы поставили canonical только на первую страницу, PR не будет передаваться, а пути сканирования других страниц окажутся закрытыми. Поисковым системам будет сложнее находить контент, чтобы его проиндексировать, образуются страницы-сироты.

Что если запретить индексацию остальных страниц?

Важно, чтобы весь контент был доступен поисковым ботам. Некоторые запрещают индексацию страниц тегом noindex, но лучше так не делать — PR перестанет передаваться, страницы не будут ранжироваться. Сотрудники Яндекса не советуют так делать:

Позиция Яндекса о закрытии страниц

Что делать с текстами, чтобы не навредить релевантности?

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

Как настроить: вариант 2

Есть другой вариант: сформировать общую страницу с контентом со всех страниц пагинации и указать ее в rel=canonical. В этом случае продвигаться будет более сильная страница с большим количеством ключей, чем если бы в canonical указали только первую страницу.

В CMS сделать такую пагинацию можно с помощью плагинов.

Почитать по теме:
Все о rel canonical: как указывать атрибут правильно и зачем он нужен

Что если не делать общую страницу?

Не страшно, если общей страницы со всеми товарами нет. При корректном использовании canonical все страницы пагинации тоже будут индексироваться, как говорит Яндекс:

Есть и другие способы просмотра контента. В своем твите про rel=prev/next Google заявил об исследованиях, которые показывают, что пользователи чуть больше любят одностраничный контент. Ссылок на исследования нет, но если поверить поисковику на слово, вывод контента на одной странице будет хорошим вариантом.

Динамическая или бесконечная прокрутка, single page content

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

К примеру, бесконечную ленту используют социальные сети, поисковые системы в выдаче по картинкам.

Получается, пользователи смотрят каталог или список статей в блоге, не покидая страницу. Такие страницы называют single-page content.

Настраивают динамический показ элементов с помощью Ajax-подгрузки в JavaScript или с помощью специальных решений для CMS.

Как сделать, чтобы ПС увидела весь контент

Важно проследить, чтобы поисковый робот видел весь контент страницы. Как это сделать:

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

Протестировать URL и проверить, доступен ли ботам весь важный контент, можно в Яндекс.Вебмастере и Google Search Console.

Почему это не идеальный вариант

Автоматический показ контента по доскроллу затягивает пользователя и увеличивает время нахождения на сайте. Но не очень удобен в использовании:

• нельзя оставить страницу в закладках и вернуться к просмотру позже;
• футер становится неуловимым;
• непонятно, сколько элементов просмотрено и сколько осталось, полоса прокрутки не отображает реальный прогресс.

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

Комбинация решений

На сайте akcentr.ru можно кликать на номера страниц или на кнопку «показать еще» для перехода на следующую страницу.

При нажатии на кнопку «Показать еще» в URL отображается следующий номер страницы, на которую перешел посетитель.

Показ товаров на сайте street-beat.ru

Что использовать в итоге

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

1. Если вы развиваете интернет-магазин с множеством товаров, советуем остановиться на страницах с нумерацией и по желанию добавить отображение позиций по кнопке «Показать еще». При этом лучше добавить возможность сортировки всего массива по цене, новизне и рейтингу для удобной навигации по списку.
2. Если вы работаете с информационным контентом, в зависимости от темы и сложности статей пользователям может быть удобна как пагинация по страницам, так и динамический скролл.
3. Если вы продвигаете ресурс с коротким развлекательным контентом или большим количеством изображений, бесконечная прокрутка — хорошее решение, чтобы задержать пользователя на сайте и предоставить ему много контента за минимальные усилия.

Какой вариант лучше по вашему мнению, какой вы используете в своих проектах?

Источник

Зарубежные сеошники заметили в выдаче Google миниатюры изображений напротив основных результатов поиска:

На скриншоте внешний вид Google SERP стал напоминать дизайн выдачи Google News. Главное отличие – в указанном выше случае миниатюры добавляются не для всех органических результатов. Есть мнение, что миниатюры отсутствуют у тех сайтов, которые не используют картинки в мета-теге Open Graph Protocol или структурированных данных.

Одновременно с этим поисковая система экспериментирует с миниатюрами в выпадающем списке своих рекомендаций к введенному запросу:

Тут миниатюры показываются для живых сущностей или конкретных объектов. В остальных случаях миниатюры отсутствуют.

В Google News миниатюры доказали свою эффективность. Как думаете – в основной выдаче они тоже приживутся?

Источник

В статье:

1. Что означают отказы сайта и как влияют на SEO

2. Какой процент считать нормальным

3. Как настроить подсчет отказов правильно

   1. Google Analytics

   2. Яндекс.Метрика

4. Почему Яндекс.Метрика и Google Analytics показывают разные данные

5. Как уменьшить отказы на сайте

Как отказы влияют на SEO

Показатель отказов (Bounce Rate) — количество пользователей, которые покинули сайт, обычно потому что не заинтересовались ресурсом.

По умолчанию системы аналитики считают показатель по-разному:

• Google Analytics считает отказом, если пользователь посмотрел только одну страницу и закрыл сайт;
• Яндекс.Метрика считает сеансы короче 15 секунд, при этом в расчет не идут события «неотказа» — к примеру, задержки ответа сервера.

Способ подсчета можно перенастроить.

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

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

«Мне кажется, что существует определенное недопонимание в плане того, как мы относимся к показателю отказов в Google Analytics. Есть мнение, что мы учитываем такие данные в ходе ранжирования сайтов. Однако на самом деле это не соответствует действительности».

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

Какой процент отказов считать нормальным

Казалось бы, если пользователи быстро закрывают сайт, значит, ресурс не полезный и не зацепил, нужно стараться удержать и переманить пользователя на другие страницы. Нормальным процентом отказов, если ориентироваться на способы подсчета по умолчанию, в разных источниках называют примерно до 15-20% в Яндекс.Метрике и до 60% в Google Analytics.

Но что если это сайт вызова такси или эвакуатора? Лучшим сайтом, решающим задачу пользователя, будет тот, на котором можно вызвать машину в пару кликов, не потратив и минуты.

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

• Ниши с долгим изучением контента
  Пользователи рассматривают каталоги, читают обзоры, им нужно время на принятие решения. К примеру, в интернет-магазине электроники они будут сравнивать модели и бродить по каталогу, могут почитать советы из блога. Если задержались на сайте, значит, сайт увлек, он полезен.

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

Поисковики умеют определять потребности, интенты запросов. У нас нет ссылок на соответствующие высказывания Джона Мюллера или Платона Щукина и страницы руководств для веб-мастеров, но мы предполагаем, что ПС анализируют проценты отказов в среднем по сайтам из схожей тематики. Так что зацикливаться на времени сеанса не нужно, смотрите на поведение в целом и конверсии.

Мнение Дмитрия Иванова, специалиста по прогнозной аналитике, CEO & Founder «Иванов SEO» и «Dragon Leads»:

«Попробуйте дать ответ на такой вопрос — человек сидит на сайте много времени, потому что ему там интересно, или потому что не может найти, что надо?

У каждого интернет-магазина свои показатели поведенческих метрик. В совокупности они формируют паттерн поведения человека. Если вы сменили дизайн, поменяли навигацию или внесли серьезные изменения в сайт, то этот паттерн серьезно меняется. Но самое главное — то, как паттерн влияет на конечную цель пользователя интернет-магазина — покупку.

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

Вам стоит переживать только о значимых коммерческих факторах интернет-магазина, но не за отдельные метрики».

Как настроить подсчет отказов правильно

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

Google Analytics

Чтобы настроить Google подсчет, как у Яндекса, в Google Analytics в середину кода или перед закрывающим тегом script нужно добавить такой фрагмент:

setTimeout(«ga(‘send’, ‘event’, ‘read’, ’15_seconds’)», 15000);

Код будет выглядеть так:

<script>
(function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,’script’,’//www.google-analytics.com/analytics.js’,’ga’);

ga(‘create’, ‘UA-*********’, ‘auto’);
ga(‘send’, ‘pageview’);
setTimeout(«ga(‘send’, ‘event’, ‘read’, ’15_seconds’)», 15000);
</script>

UA-********* — это идентификатор счетчика.

В Google приводит в пример модификацию кода Google Analytics, она справедлива для старого кода:

<script type=»text/javascript»>
var _gaq = _gaq || [];
_gaq.push([‘_setAccount’, ‘UA-XXXXXXX-1’]);
_gaq.push([‘_trackPageview’]);
setTimeout(«_gaq.push([‘_trackEvent’, ’15_seconds’, ‘read’])»,15000);
(function() {
var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true;
ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ‘.google-analytics.com/ga.js’;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);
})();
</script>

Где смотреть отказы в Google Analytics

В разделе Аудитория — Обзор есть сводный показатель отказов, если кликнуть на него, выйдет график.

График по отказам в GA

В разделе Источники трафика выберите Весь трафик — Каналы. Откроется страница с графиком, под ним будет таблица с данными, в том числе столбец с отказами.

Столбец с отказами в Google Аналитике

На графике выше можно выбрать отображение динамики отказов.

График отказов

Если отказов подозрительно мало

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

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

Если настроить подсчет неправильно, к конверсионным событиям взаимодействия будут относиться любые другие события, например, клик по попапу или автовоспроизведение видео. Сеансы с этими событиями будут якобы конверсионными и не засчитаются как отказы.

Как исправить: в Google Аналитике нужно поменять настройки во фрагменте события. В объекте fieldsObject команды send присвойте полю nonInteraction значение true.

Пример для видео:

ga(‘send’, ‘event’, ‘Videos’, ‘play’, ‘Fall Campaign’, {
nonInteraction: true
});

Если вы пользуетесь Google Tag Manager, то измените настройку «Событие без взаимодействия» с false на true:

Настройка в Менеджере тегов

Еще примеры некорректной настройки Google Аналитики в статье.

Яндекс.Метрика

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

В коде счетчика на страницах сайта найдите accurateTrackBounce:true и измените на accurateTrackBounce:30000 или другое число, смотря сколько секунд хотите поставить.

Почитать по теме:
Популярные ошибки настройки Яндекс.Метрики

Где смотреть отказы в Яндекс.Метрике

В разделе отчеты выберите Источники — Источники, сводка.

Источники, сводка в Метрике

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

Отказы в таблице

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

График отказов

Почему Яндекс.Метрика и Google Analytics показывают разные данные

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

• счетчики стоят в разных местах HTML-кода страницы, поэтому один из них не видит часть пользователей;
• в одной системе веб-мастер поставил дополнительные ручные фильтры, например, не учитывать визиты с каких-то IP;
• разные настройки тайм-аута визита — спустя заданный промежуток времени бездействия визит пользователя считается завершенным;
• один из счетчиков собирает данные еще и с сайтов-зеркал;
• сбои и баги систем статистики.

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

Как уменьшить число отказов на сайте

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

Что проверять:

• Страница не соответствует интенту и запросу. Пользователи не находят на странице то, зачем они ввели запрос, контент не раскрывает тему. Нужно доработать содержание.
• Контент очевидно устарел, пользователь это сразу видит и уходит.
• Сайт долго загружается: пользователь открыл страницу, увидел часть контента, но стили, картинки или текст тормозят.
• Рекламы много, она мешает пользоваться сайтом, видео включается автоматически и сразу со звуком.
• Неудачный дизайн мешает использовать сайт, не продумано юзабилити: в каталоге нет удобной фильтрации и сложно найти что-то конкретное, яркий дизайн мешает воспринимать текст, навигация неудобная.
• Текст не оформлен для комфортного чтения: шрифт плохо читается, мелкий, узкие межстрочные интервалы, не контрастный по отношению к фону, строки растянуты на всю ширину экрана.
• Страница не участвует в схеме внутренней перелинковки, пользователю некуда переходить по ссылкам.
• Сайт не адаптирован под мобильные или адаптирован плохо — читать текст неудобно, кнопки слишком мелкие или крупные, блоки сбиты и верстка выглядит криво.
• Неудобно связываться с компанией — нет кнопки заказа обратного звонка, чатов в мессенджерах, а номер телефона приходится переписывать вручную.
• Если речь про посадочную страницу рекламы, содержание страницы не соответствует рекламному сообщению или выбран неудачный источник трафика.
• Проверить наличие SSL-сертификата. Сайты, не перешедшие на HTTPS не имеют в выдаче пометки о безопасности, что может смутить пользователей.

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

Как считать отказы и нужно ли это делать? Мы склоняемся к мысли, что этот фактор нужно определять индивидуально, исходя из особенностей ниши сайта. Какое мнение у вас? Делитесь в комментариях!

Источник