1. Демо-версия «Поиск в предвидении»
2. Как метод pushState делает страницу доступной для сканирования в Ajax?
3. Создать просматриваемую виртуальную пагинацию на бесконечно прокручиваемой странице
4. Напоминание: в мае 2018 года Google изменит свое поведение по URL-адресам, включающим #!

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

Google впервые представил метод, облегчающий обнаружение контента Ajax еще в 2009 году: это был так называемый метод «hash-bang». Однако это решение было объявлено устаревшим в 2015 году, и в течение нескольких лет Google выступал за использование другого подхода в HTML 5, который использует потенциал метода pushState в JavaScript.

Но все это очень технически, так как вы поймете, как это работает, и как вы сможете показать разработчику, как правильно кодировать в Ajax, оставаясь при этом совместимым с SEO?

Демо-версия «Поиск в предвидении»

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

• загрузка содержимого страницы в Ajax
• бесконечная страница прокрутки

Как метод pushState делает страницу доступной для сканирования в Ajax?

Чтобы понять практическое функционирование этого кода, просто нажмите на вкладку «Нант» или «Париж» на демонстрационном сайте:

• содержимое вкладки динамически изменяется после загрузки содержимого Ajax
• URL-адрес страницы в панели навигации изменяется без перезагрузки страницы
• SEO-теги динамически модифицируются (заголовок, мета-описание и т. Д.)

Почему эти действия позволяют индексировать загруженный Ajax-контент? Поскольку Google интерпретирует изменения URL-адреса в браузере, созданные с помощью метода pushState (), как если бы он читал URL-адрес новой страницы, загруженной обычным способом.

Метод был описан Google в этом статья :

Создать просматриваемую виртуальную пагинацию на бесконечно прокручиваемой странице

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

Пролистывая страницу, вы заметите, что через некоторое время:

- загруженное содержимое генерирует изменение URL в адресной строке браузера

- теги динамически модифицируются (в частности, теги ссылок rel = [next / prev])

Хотите использовать Ajax-звонки и использовать технологию LA, рекомендованную Google? Затем просто дайте URL нашей демонстрации вашей технической команде и попросите их черпать вдохновение из (ультра-упрощенного) кода, представленного в этой демонстрации.

Предупреждение: этот подход не чудодейственное решение, это просто более «элегантное» решение. В 2018 году по-прежнему не рекомендуется создавать контент JavaScript на стороне браузера. Если SEO вашего сайта имеет стратегическое значение для вас, вы должны отказаться от Ajax и JavaScript-фреймворков, генерирующих контент в браузере пользователя.

Напоминание: в мае 2018 года Google изменит свое поведение по URL-адресам, включающим #!

Со второго квартала 2018 года Google объявил, что прекратит управление URL-адресами, содержащими «#!» В соответствии со старой схемой сканирования Ajax. На практике это означает, что, когда сканер встречает этот тип URL, он больше не будет искать альтернативную версию: он будет пытаться сканировать страницу непосредственно в Ajax!

Похожие

Комментарии