Как разработчик, в какой-то момент вам, возможно, придется выбирать между старомодной нумерацией страниц и модным новым бесконечным свитком, используя новейшие технологии, вдохновленные такими интернет-гигантами, как Facebook и Pinterest. Это зависит от ваших требований, но также может зависеть от вашего (или вашего клиента) личного выбора.
Infinite может быть эффективным способом просмотра содержимого пользователями, но он имеет много недостатков и может быть неправильным выбором для определенных типов веб-сайтов.
Одной из основных проблем с бесконечной прокруткой является тот факт, что она, в ее самой простой форме, не оптимизирована для SEO. Когда вы реализуете бесконечную прокрутку, новый контент загружается через Ajax. Если вы не примете конкретные меры , это сделает контент невидимым для поисковых систем. Итак, как же тогда сделать бесконечный свиток SEO дружественным? Давайте обсудим несколько способов, которыми мы можем это сделать, в том числе Google, обсуждаемый в блоге для веб-мастеров.
Включить карту сайта
Если контент, который вы загружаете с помощью бесконечной прокрутки, разделен на различные отдельные страницы или блоки, которые имеют свои собственные URL-адреса, поисковые роботы, такие как Googlebot, могут не найти этот контент, если он не связан где-то в доступном месте на одной из ваших страниц. уже проиндексированные страницы.
Карта сайта — это один из способов, с помощью которого поисковый сканер может найти каждую страницу, включая контент, загруженный с помощью функции бесконечной прокрутки. Карта сайта — это список страниц на сайте, обычно в формате XML. Если часть вашего веб-сайта недоступна для сканеров, вы можете предоставить карту сайта, чтобы проинформировать сканер о полном списке страниц. Для получения дополнительной информации о файлах сайта и о том, как их создать, вы можете обратиться к этому руководству на Tuts + .
Если у вас есть учетная запись в Инструментах Google для веб-мастеров, вы можете использовать эту службу для тестирования и отправки своей карты сайта, чтобы убедиться, что сканер не пропустит ваш сайт из-за ошибок в вашей карте сайта или других факторов.
Использование пагинации + бесконечный свиток
Этот метод, как упоминалось ранее, Google обсуждает в недавнем сообщении в блоге. Интересно, что это предусматривает предоставление альтернативы бесконечной прокрутке на одной странице! Давайте посмотрим на детали.
Использование HTML5 History API
При загрузке нового контента Google рекомендует использовать API истории HTML5, чтобы изменить URL-адрес страницы, чтобы он соответствовал номеру страницы, когда пользователь прокручивает, чтобы инициировать загрузку нового нового контента. Например, при загрузке страницы 3 текущий URL-адрес изменится на http://myexample.com/?page=3 . Аналогично, при прокрутке вверх для просмотра предыдущего содержимого URL-адрес изменится на http://myexample.com/?page=2 .
Включая нумерацию страниц вместе с бесконечным свитком
В дополнение к изменению URL-адреса при прокрутке содержимого Google предлагает вам предоставить свой список страниц внизу, которые представляют собой ссылки на те же страницы с номерами страниц в URL-адресе (например, http://myexample.com/?page = 3 ) Точно так же, как в традиционной нумерации страниц, когда кто-то нажимает на страницу, страница обновляется, и отображается содержимое страницы 3. На этом этапе функция бесконечной прокрутки все еще будет работать вместе с изменениями API истории HTML5, описанными выше. Поэтому, если пользователь прокручивает вверх или вниз, отображается новый контент и номер страницы изменяется в URL.
Выгоды
Так что же это значит для поисковых роботов? Хорошо, когда сканер посещает ваш сайт, содержание первой страницы показывается с номерами страниц внизу. Поскольку сканер не может запустить бесконечную прокрутку, новый контент загружаться не будет. Тем не менее, поскольку на странице по-прежнему присутствует раздел нумерации страниц, сканер может получить доступ ко всему содержимому. Это также гарантирует, что при поиске, когда кто-то ищет определенный элемент на странице 3, он попадает непосредственно в контент, а не где-то еще.
Этот метод имеет дополнительный бонус, заключающийся в упрощении глубоких ссылок на бесконечный контент прокрутки. Поэтому, если я хочу поделиться определенным элементом на 4-й странице с кем-то, я могу просто скопировать URL-адрес (который будет на странице 4 в то время), и когда кто-то перейдет по этому URL-адресу, он сможет увидеть именно то, что я хочу, чтобы они увидели.
Демо Джона Мюллера
Демо-версию реализации этой идеи бесконечной прокрутки с нумерацией страниц предоставил аналитик Webmaster Trends Джон Мюллер.
Как уже упоминалось, вы можете прочитать полное описание демоверсии Джона в центральном блоге Google для веб-мастеров .
Вывод
В одной из моих недавних статей, посвященных реализации бесконечной прокрутки с помощью jQuery, кто-то заметил, что чем больше сайтов начнут использовать эту технику, тем лучше будет для тех, кто этого не делает. Это вполне может быть правдой.
Собственные предложения Google, наряду с тем, что я здесь обсуждал, должны стимулировать тех, кто хочет использовать эту технику, но не страдает от ограничений SEO.
Если вы просматривали предложения Google или имели дело с этим на одном из ваших собственных веб-сайтов или приложений, сообщите нам об этом в комментариях.