Могут ли Google и ИИ-поисковики прочитать страницу с ценами, работающую только на JavaScript?

Могут ли Google и ИИ-поисковики прочитать страницу с ценами, работающую только на JavaScript?

Google может читать страницы с ценами на чистом JavaScript, но вам всё равно следует разместить названия тарифов, цены и ключевые лимиты в исходном HTML-коде страницы. Отрисовка страниц поисковиком Google может задерживаться или выполняться не полностью, к тому же Google предупреждает, что не все боты умеют запускать JavaScript.

Риск заключается не в том, что Google не умеет выполнять JavaScript

Google использует современную версию Chromium для рендеринга JavaScript. Однако он обрабатывает страницы в несколько этапов: сначала загружает страницу, затем отрисовывает её и после этого использует отрисованный контент для индексации. По заявлению Google, страница может ожидать в очереди на рендеринг от нескольких секунд и дольше. Если какой-либо скрипт или ресурс страницы заблокирован — или скрипт не смог загрузить информацию о ценах — Google может не увидеть тот контент, который видите вы в своем браузере. Руководство Google по SEO для JavaScript и руководство по устранению неполадок с JavaScript объясняют эти ограничения. (developers.google.com)

Это создает бизнес-риск: ваша страница с ценами может выглядеть полной для посетителя, но для поискового робота оказаться пустой оболочкой или содержать неполные сведения о тарифах. Если в отрисованной Google версии отсутствуют цена или лимит использования, Google заявляет, что не сможет проиндексировать этот недостающий контент. Функции искусственного интеллекта от Google также опираются на те же базовые SEO-основы, включая наличие проиндексированной страницы и доступность важного контента в виде текста. (developers.google.com)

ИИ-поиск добавляет еще одну причину не полагаться на единственную схему рендеринга. Google сообщает, что некоторые боты не могут выполнять JavaScript, в то время как OpenAI определяет OAI-SearchBot как робота-индексатора, используемого для показа веб-сайтов в ChatGPT Search. Не стоит рассчитывать на то, что любая поисковая система видит страницу так же, как браузер клиента. Руководство Google по SEO для JavaScript Документация OpenAI по роботам-индексаторам. (developers.google.com)

Приоритет исправлений: исходный HTML на первом месте

1. Лучший вариант: поместите названия тарифов, цены, условия оплаты и ключевые лимиты в начальный HTML. Страница должна передавать эти данные до того, как браузер выполнит JavaScript.
2. Затем: используйте JavaScript для интерактивных элементов. Пусть он управляет такими вещами, как переключатель ежемесячной/годовой оплаты или кнопка регистрации.
3. Не полагайтесь исключительно на проверку в браузере. Тот факт, что вы видите цены на своем ноутбуке, доказывает лишь то, что их загрузил ваш браузер. Это не показывает, что именно получил Google или другой поисковый робот.

Этот подход является небольшим и точечным решением для многих SaaS-сайтов. Вам не нужно перестраивать каждую страницу или добавлять специальную «ИИ-разметку». Google утверждает, что функции ИИ не имеют дополнительных технических требований или специальных схем (schema); его рекомендация заключается в том, чтобы следовать тем же основам SEO и делать важный контент доступным в виде текста. Рекомендации Google по функциям ИИ. (developers.google.com)

Страница с тремя тарифами: риск в долларах и часах

Предположим, у SaaS-компании из трех человек есть маркетинговый сайт на 30 страниц. Согласно Search Console, ее страница с ценами получает 120 органических кликов в месяц. Страница отображает три тарифа только после выполнения JavaScript:

Это примеры цен и лимитов; используйте свои реальные предложения. Суть в том, что страница должна содержать эти детали в виде текста, а не просто отрисовывать их после запуска скрипта. Если поисковый робот пропустит тариф Team за $49 или лимит в 5 мест, он может не понять предложение достаточно хорошо, чтобы сопоставить страницу с поисковыми запросами об этой цене или лимите. Это риск доступности для поиска, а не утверждение, что отсутствие цены гарантирует потерю позиций в выдаче.

Вот простой расчет затрат. Если один клиент, который мог бы выбрать тариф за $49, не найдет его или не поймет, это составит $588 выручки от подписки за 12 месяцев. Это простая арифметика, а не прогноз. Для примерного бюджета на реализацию выделите 30 минут для основателя, чтобы утвердить точный текст тарифов, и два часа работы разработчика на изменение страницы и проверку. При предполагаемой внутренней стоимости часа работы разработчика в $100, затраты времени составят $200.

Это исправление применяется к одной странице с ценами, а не ко всем 30 страницам. Для данного примера это вполне разумные затраты: разместите реальное предложение в первом ответе, а затем позвольте JavaScript добавить интерактивные элементы.

Задача для разработчика в одно предложение

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

Сохраняйте одни и те же данные на видимой странице и в исходном HTML-коде, чтобы клиенты и поисковые роботы не получали противоречивые цены.

Проверьте отрисованную страницу в Google Search Console

На этой неделе проверьте URL страницы с ценами в Search Console:

1. Вставьте полный URL страницы с ценами в строку поиска Search Console.
2. Нажмите Проверить URL (Test live URL).
3. Нажмите Посмотреть отрисованную страницу (View tested page).
4. Откройте вкладку HTML и найдите название каждого тарифа, цену, период оплаты и ключевой лимит.

Справочное руководство Google подтверждает, что кнопка Посмотреть отрисованную страницу отображает отрисованный HTML-код; проверка в реальном времени также может показать снимок экрана отрисованной страницы. Инструкция Google по просмотру отрисованного исходного кода. (support.google.com)

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

Кому стоит пропустить публикацию точных цен: SaaS-компаниям, которые намеренно продают только индивидуальные корпоративные тарифы по запросу. Вместо этого укажите в исходном HTML надпись «Индивидуальное ценообразование» и четкий способ связи с отделом продаж.

**Ваше следующее действие на этой неделе: запустите инструмент проверки URL для вашей страницы с ценами и найдите в отрисованном HTML-коде все три названия тарифов, цены и лимиты.