Как пагинация сайта и глубина клика влияют на SEO

  1. Pagination-Примеры --- Пользовательский интерфейс
  2. Small-сайт --- Crawl-Tree
  3. Очень маленький сайт - Crawl Tree
  4. Простая «Следующая» ссылка
  5. Добавление ссылок «Последний» и «Предыдущий»
  6. Степпинг двумя страницами
  7. Step by Two плюс «Последняя» ссылка
  8. Extreme-Skip Nav (Безумная идея № 1)
  9. Добавление средней точки (сумасшедшая идея № 2)
  10. Но как масштабируются эти структуры пагинации?
  11. Extreme-Skip Nav, 20 000 страниц
  12. Средняя точка, с 20 000 страниц

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

Pagination-Примеры --- Пользовательский интерфейс

31 вкус пагинации

С точки зрения человека-посетителя, нумерация страниц довольно проста. Если вы находитесь на первой странице и хотите видеть вторую страницу, вы нажимаете «2» (или «далее», или как угодно). Вам не нужно об этом думать. Однако, с точки зрения веб-сканера, все немного сложнее.

Small-сайт --- Crawl-Tree

Восприятие поисковой системой маленького веб-сайта

Сканеры находят новые страницы на сайте, переходя по ссылкам с уже просканированных страниц. Сканер не знает о странице, пока не найдет хотя бы одну другую страницу, которая ссылается на нее. (Это чрезмерное упрощение, но в целом это правда. Существуют некоторые исключения, такие как XML-карты сайтов и прямая отправка, но мы их здесь проигнорируем.)

Для сайтов с простой древовидной структурой это работает довольно хорошо. Сканер читает домашнюю страницу. Затем следует ссылки с домашней страницы (например) на каждую страницу категорий верхнего уровня. Затем следует ссылки на них на страницы вторичной категории, а затем - на страницы контента. В этом упрощенном примере сканер может перейти с домашней страницы в любое место на сайте, перейдя не более трех ссылок.

Очень маленький сайт - Crawl Tree

Еще меньшее дерево обхода сайта

Но теперь давайте посмотрим на пример с постраничным контентом:

Простая «Следующая» ссылка

Предположим, у вас есть веб-сайт, содержащий последовательность из 200 пронумерованных страниц. Для целей этого примера не имеет значения, какие это страницы. Это могут быть списки продуктов, сообщения в блоге или даже отдельная статья, разделенная на 200 страниц. (Пожалуйста, не делайте этого на самом деле.) Важно то, что существует 200 таких страниц, и они нумеруются последовательно от страницы 1 до страницы 200.

Для этого первого примера, давайте предположим, что эти страницы связаны самой простой из возможных страниц: единственная ссылка «следующая страница» внизу каждой страницы:

следущая страница

Эта схема настолько проста, насколько это возможно. Если вы находитесь на странице 1 и нажимаете эту ссылку, вы попадете на страницу 2. Если вы нажмете еще раз, вы перейдете на страницу 3 и так далее. Если вы нажимаете несколько раз в течение очень долгого времени, вы в конечном итоге попадете на страницу 200. Эта схема довольно распространена в реальном мире, в основном в блогах (обычно с текстом ссылки «« Старые сообщения »). Однако это не так популярно, как раньше. (по причинам, которые станут понятны ниже)

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

На этой диаграмме показан путь обнаружения, по которому следовал веб-сканер при сканировании имитируемого веб-сайта. В этом случае на смоделированном веб-сайте было 200 пронумерованных страниц, связанных простой ссылкой «Далее» на каждой странице. (На этом сайте были и другие не пронумерованные страницы, но здесь важны пронумерованные страницы.)

Каждая цветная точка представляет одну страницу. Соединение между двумя точками означает, что нижняя страница (меньшая точка) была обнаружена на верхней странице (большая точка).

Этот длинный волнистый хвост - это «туннель»: длинная связная последовательность страниц, по которой сканер должен пройти по одной за раз.

Главное, что следует убрать из этой таблицы, это то, что эта форма нумерации страниц крайне неэффективна, поскольку создает очень длинный туннель для нумерации страниц. Это проблема, потому что:

  • Когда контент утопает в сотнях ссылок, посылает сильное сообщение в поисковых системах что вы не считаете содержание важным. Страницы, вероятно, будут сканироваться реже, если вообще будут, и они, вероятно, будут не очень хорошо ранжироваться.
  • Если только одна страница в этой длинной цепочке возвращает ошибку (например, из-за временного сбоя сервера), сканер не сможет обнаружить другие страницы вниз по течению.
  • Последовательные цепочки нельзя сканировать параллельно. Другими словами, сканер не может запрашивать более одной страницы за раз, поскольку каждая страница может быть обнаружена только после загрузки предыдущей страницы. Это может замедлить сканирование и привести к неполному сканированию.
  • Люди-люди, вероятно, никогда не дойдут до самых глубоких страниц , если они не будут чрезвычайно терпеливыми и настойчивыми. Если посетитель желает увидеть ваши самые глубокие страницы (например, потому что он хочет прочитать ваш первый пост в блоге), он, скорее всего, расстроится задолго до того, как попадет туда.

Итак, как мы можем улучшить это? Как насчет…

Добавление ссылок «Последний» и «Предыдущий»

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

первый предыдущий следующий последний

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

Это несколько лучше. Сейчас есть два туннеля, но каждый в два раза длиннее . Один из них начинается со страницы 1 и считается до страницы 101, а другой начинается со страницы 200 и идет вниз до страницы 102. Это сокращает максимальную глубину вдвое. Это лучше, но все же не здорово.

Степпинг двумя страницами

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

1 2 3

Для более глубокой страницы это будет выглядеть так:

23 24 25 26 27

Если вы начинаете со страницы 1, вы можете перейти к странице 3, затем к странице 5, затем к 7 и так далее. Нет возможности перейти к последней странице. Я видел эту схему на нескольких реальных сайтах, оба огромных интернет-магазина. (Я предполагаю, что они решили опустить «последнюю» ссылку из-за производительности базы данных.) Этот сайт выглядит для сканера следующим образом:

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

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

Что приводит нас к:

Step by Two плюс «Последняя» ссылка

В этой схеме разбиение на страницы для страницы 1 выглядит следующим образом:

1 2 3… 200

А для более глубоких страниц это выглядит так:

1… 23 24 25 26 27… 200

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

Это дает следующий график:

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

Extreme-Skip Nav (Безумная идея № 1)

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

В этой схеме разбиение на страницы для страницы 1 выглядит следующим образом:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19… 200

А для более глубоких страниц это выглядит так:

1… 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43… 200

Это позволяет сканеру (или человеку) пропускать до восемнадцати страниц одновременно. Это также позволяет сканеру прыгать до конца и работать в обратном направлении, как и раньше. Это должно немного уменьшить максимальную глубину.

Да, все эти пронумерованные ссылки довольно уродливы, и они добавляют много беспорядка. Вы, вероятно, не использовали бы это на реальном веб-сайте по этой причине. Это нормально, потому что это всего лишь эксперимент. Давайте просто попробуем и посмотрим, что получится.

Приведенная схема дает следующую диаграмму:

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

Нам нужен какой-то способ добиться того же улучшения, но с более удобной и удобной для чтения схемой нумерации страниц. Такие как…

Добавление средней точки (сумасшедшая идея № 2)

В этой схеме разбиение на страницы для страницы 1 выглядит следующим образом:

1 2 3… 101… 200

А для более глубоких страниц это выглядит так:

1… 12… 23 24 25 26 27… 113… 200

Обратите внимание, что это точно так же, как схема «Шаг за два плюс« Последняя ссылка »» выше, за исключением двух дополнительных ссылок.

«101» в вышеприведенном примере был добавлен, потому что это средняя точка между 3 и 200, и «113», потому что это средняя точка между 27 и 200. Другими словами, новая ссылка основана на числе, которое вы получаете усреднение чисел сразу слева и справа от «…» в старой схеме. Эти средние ссылки позволяют сканеру за несколько шагов перейти с любой страницы на любую другую.

Эта схема производит следующую диаграмму:

Это показывает тот же уровень улучшения способности к сканированию, что и на предыдущем графике, но теперь со схемой, которая намного проще для чтения (если немного нелогично).

Но как масштабируются эти структуры пагинации?

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

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

Extreme-Skip Nav, 20 000 страниц

Это сумасшедшая идея № 1 , но с гораздо большим сканированием:

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

Самая глубокая страница находится на уровне 557. Эта схема не очень хорошо масштабируется. Соотношение между количеством страниц и максимальной глубиной более или менее линейно. Другими словами, если вы удваиваете количество страниц, вы удваиваете максимальную глубину.

Средняя точка, с 20 000 страниц

Это сумасшедшая идея №2 , опять же с гораздо большим сканированием:

Самая глубокая страница теперь находится на уровне 14. Это значительное улучшение, означающее, что эта схема очень хорошо масштабируется.

Соотношение между количеством страниц и максимальной глубиной (почти) логарифмическое. Другими словами, если вы удвоите количество страниц, максимальная глубина увеличится только на одну.

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

Запрашиваемая на миллион долларов, выигрыш в обоих витринах, вопрос на вынос: стоит ли использовать эту нумерацию промежуточных звеньев?

Ответ: громкое «Возможно. Это зависит."

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

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

С другой стороны, это может немного смущать пользователя и добавит некоторый беспорядок. Для небольших сайтов лучшим выбором может стать схема «Шаг за двумя плюс последняя ссылка».

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

© Частный пансионат "Фортуна"  2013
Разработка сайта:   WEB-студия “KPORT”
При создании сайта использованы фото проекта peschanoe.net