12 экспериментов по поисковой оптимизации контента во вкладках

Этот эксперимент был впервые проведен в 2018 году, чтобы понять, как Google может отреагировать на адаптивный дизайн Bootstrap 4. В данной статье представлены обновленные результаты, которые отражают 2021 год.

Зачем скрывать контент?

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

Сводная таблица эксперимента

История контента во вкладках

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

До 2014 года Google индексировал контент, спрятанный во вкладках. Сканер и индексатор были менее продвинутыми и не имели возможности отрисовки. Когда дело дошло до контента, скрытого с помощью JavaScript, Google просто индексировал источник страницы.

В ноябре того же года все изменилось, когда во время видеовстречи для веб-мастеров Google Джон Мюллер сообщил, что поисковая система игнорировала скрытый контент «довольно долгое время».

Это удивило многих в SEO-сообществе, но Google больше не затрагивал данную тему до ноября 2016 года. Тогда Гэри Иллис упомянул в Твиттере, что индекс, ориентированный на мобильные устройства, на самом деле должен иметь полную способность индексирования, поскольку вкладки с контентом на мобильных устройствах считаются частью хорошего пользовательского опыта.

Он также заявил на SMX West в июне 2017 года, что для полного развертывания индекса, ориентированного на мобильные устройства, может потребоваться до пяти лет.

Немного больше информации было раскрыто в октябре 2017 года, когда Джон Мюллер пояснил, что контент во вкладках будет считаться частью индекса, ориентированного на мобильные устройства, при условии, что он загружен в исходную объектную модель документа («DOM»).

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

Следующий большой скачок в сроках индексации для мобильных устройств произошел в конце марта 2018 года, когда Google официально объявил, что теперь он будет чаще использовать мобильные версии контента сайта для индексации.

Эксперимент

Цель эксперимента — протестировать различные способы вставки контента на веб-страницу как при загрузке DOM, так и при onClick событиях. Чтобы обеспечить его успех и легитимность, необходимо было соблюдать определенные предпосылки:

• Использование нового URL-адреса, который Google раньше не «видел».

• Обеспечение уникального контента на каждой вкладке менее 32 слов.

• Не «пинговать» какие-либо API или iFRAME, участвующие в тесте.

• Возможность отслеживать трафик на веб-страницу и API.

• Использование вкладок Bootstrap 4 (Alpha).

Был протестирован фрагмент информации без вкладок и размещены 8 различных вкладок с 12 потенциальными сценариями. Начальный контрольный тест показывает, что статический HTML-код за пределами области с вкладками можно индексировать.

Статический HTML —  это содержимое вне вкладок HTML.

site:merj.com "Tabbed content can improve the mobile user experience."

В течение 2018 года Google успешно проиндексировал контент.

В 2021 году Google успешно проиндексировал контент.

1. Видимая вкладка

Имя вкладки: «Видимый»

Вкладка активна при загрузке страницы и содержит статическую разметку HTML. Используемый оператор сайта:

site:merj.com "The first tab has static content that is always visible and should be seen."

В течение 2018 года Google успешно проиндексировал контент.

В 2021 году Google успешно проиндексировал контент.

2. Скрытая вкладка

Имя вкладки: «Не отображается»

Вкладка по умолчанию скрыта при загрузке страницы и содержит статическую разметку HTML.

site:merj.com "Content that is not visible on the initial DOM load, but is static should be seen."

В течение 2018 года Google успешно проиндексировал контент.

В 2021 году Google успешно проиндексировал контент.

3. Внутренняя вкладка JSON (статическая)

Имя вкладки: "Int JSON"

По умолчанию вкладка скрыта с разметкой HTML, которую следует заменить внутренним JSON:

site:merj.com "Initial content was here before the internal hash was used to generate a new message."

В течение 2018 года Google успешно проиндексировал контент.

В 2021 году Google успешно проиндексировал контент.

4. Внутренняя вкладка JSON (динамическая)

Имя вкладки: "Int JSON"

По умолчанию вкладка скрыта со статическим JSON (словарём JavaScript), который присутствует при загрузке страницы:

site:merj.com "The DOM load has triggered this internal replacement message."

В течение 2018 года Google не индексировал контент.

Интересно, что замененная информация в словаре JavaScript не считается содержимым.

В течение 2021 года Google не индексировал контент.

5. Вкладка "Внешний JSON" (статическая)

Имя вкладки: «Ext JSON»

По умолчанию вкладка скрыта разметкой HTML, которую следует заменить внешним JSON:

site:merj.com "Initial content was here before the external AJAX call to a JSON API."

В течение 2018 года Google не индексировал контент.

В течение 2021 года Google не индексировал контент.

6. Вкладка "Внешний JSON" (динамическая)

Имя вкладки: «Ext JSON»

По умолчанию вкладка скрыта с помощью AJAX-вызова API, который возвращает JSON при загрузке страницы:

site:merj.com "A DOM load has occurred. This content has been called externally to replace the message."

В течение 2018 года Google успешно проиндексировал контент.

Контент из JSON API считается контентом.

В 2021 году Google успешно проиндексировал контент.

7. Внутренний переход на вкладку JSON

Имя вкладки: Int JSON Click

По умолчанию вкладка скрыта статическим JSON (хеш JavaScript) и статическим HTML, которые следует переопределить:

site:merj.com "An internal onClick event will replace this paragraph using an internal hash."

В течение 2018 года Google успешно проиндексировал контент.

В 2021 году Google успешно проиндексировал контент.

8. Внутренняя вкладка Click JSON (статическая)

Имя вкладки: Int JSON Click

По умолчанию вкладка скрыта статическим JSON (хеш JavaScript), который загружается только при нажатии на вкладку с помощью onClick события:

site:merj.com "The user has triggered this internal replacement message after clicking on an onClick tab."

В течение 2018 года Google не индексировал контент.

Использование onClick события с внутренним контентом не запускает его сканирование.

В течение 2021 года Google не индексировал контент.

9. Вкладка "Внешний JSON" (динамическая)

Имя вкладки: Ext JSON Click

По умолчанию вкладка скрыта статическим HTML-кодом, который следует заменить вызовом AJAX к API, который возвращает JSON только при щелчке по вкладке с использованием onClick события.

site:merj.com "An external onClick event will replace this paragraph using an external AJAX call to a JSON API."

В течение 2018 года Google успешно проиндексировал контент.

В 2021 году Google успешно проиндексировал контент.

10. Вкладка "Внешний JSON"

Имя вкладки: Ext JSON Click

По умолчанию вкладка скрыта с помощью AJAX-вызова API, который возвращает JSON только при щелчке по вкладке с помощью события onClick:

site:merj.com "A click trigger has occurred. The user has requested this external replacement message."

В течение 2018 года Google не индексировал контент.

Использование onClick события с внутренним контентом не запускает сканирование внешнего.

В течение 2021 года Google не индексировал контент.

11. Вкладка «Разрешить роботов в iFrame»

Имя вкладки: IFRAME IF

По умолчанию вкладка скрыта со встроенным iFRAME, который содержит директиву роботов «index, follow», которая присутствует при загрузке страницы:

site:merj.com "A simple IFRAME that can be indexed and can be embedded within a tab to provide generic duplicate messaging across multiple web pages."

В течение 2018 года Google успешно проиндексировал контент. Ссылка на iFRAME осуществляется только через эту веб-страницу. Он был найден и проиндексирован.

В течение 2021 года Google не индексировал контент. Содержимое iframe больше не индексируется.

12. Вкладка iFrame Disallow Robots

Имя вкладки: IFRAME NINF

По умолчанию вкладка скрыта со встроенным iFRAME, содержащим директиву robots noindex,nofollow, которая присутствует при загрузке страницы.

site:merj.com "A simple IFRAME with a noindex directive should not be indexed."

В течение 2018 года Google не индексировал контент.

В течение 2021 года Google не индексировал контент.

Резюме

Удивительно, что Google не считает строки словаря JavaScript контентом. Тем не менее, если контент необходимо скрыть, используйте строки словаря или onClick-обработчик событий для вызова API.

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

Перевод статьи: https://merj.com/blog/12-experiments-for-tabbed-content-seo