Чи можуть Google та AI-пошук читати сторінку ціноутворення, яка працює лише на JavaScript?

Чи можуть Google та AI-пошук читати сторінку ціноутворення, яка працює лише на JavaScript?

Google може читати сторінки ціноутворення лише на JavaScript, але вам все одно варто розміщувати назви тарифів, ціни та ключові ліміти в початковому HTML сторінки. Рендеринг від Google може бути затриманим або неповним, і Google попереджає, що не всі боти можуть виконувати JavaScript.

Ризик не в тому, що Google не може виконувати JavaScript

Google використовує сучасну версію Chromium для рендерингу JavaScript. Але він обробляє сторінки етапами: спочатку завантажує сторінку, потім виконує її рендеринг, а далі використовує відрендерений вміст для інндексації. Google зазначає, що сторінка може чекати в черзі на рендеринг секундами чи довше. Якщо скрипт або ресурс сторінки заблоковано — або скрипт не завантажує деталі ціноутворення — Google може не побачити вміст, який ви бачите у своєму браузері. Посібник Google з JavaScript SEO та посібник з усунення несправностей JavaScript пояснюють ці обмеження. (developers.google.com)

Це створює бізнес-ризик: ваша сторінка ціноутворення може виглядати повноцінною для відвідувача, але видавати краулеру порожню оболонку або неповні деталі тарифів. Якщо в відрендереній версії Google бракує ціни чи ліміту використання, Google зазначає, що він не може проіндексувати цей відсутній вміст. ШІ-функції Google також спираються на ті самі базові основи SEO, зокрема на індексацію сторінки та доступність важливого контенту у вигляді тексту. (developers.google.com)

ШІ-пошук додає ще одну причину не покладатися на єдине налаштування рендерингу. Google заявляє, що деякі боти не можуть виконувати JavaScript, тоді як OpenAI визначає OAI-SearchBot як краулер, який використовується для виведення вебсайтів у ChatGPT Search. Не припускайте, що кожна пошукова система бачить сторінку так само, як браузер клієнта. Посібник Google з JavaScript SEO Документація краулера OpenAI. (developers.google.com)

Пріоритети виправлень: початковий HTML перемагає

1. Найкраще: Додайте назви тарифів, ціни, умови оплати та ключові ліміти до початкового HTML. Сторінка повинна надсилати ці факти до того, як браузер виконає JavaScript.
2. Потім: Використовуйте JavaScript для взаємодії. Нехай він керує такими елементами, як перемикач місячної/річної підписки або кнопка реєстрації.
3. Не покладайтеся лише на перевірку в браузері. Те, що ви бачите ціни на своєму ноутбуці, доводить лише те, що їх завантажив ваш браузер. Це не показує, що отримав Google чи інший краулер.

Цей підхід є невеликим, цілеспрямованим виправленням для багатьох SaaS-сайтів. Вам не потрібно переписувати кожну сторінку чи додавати спеціальну «ШІ»-розмітку. Google зазначає, що його функції на базі ШІ не мають додаткових технічних вимог чи спеціальної схемної розмітки; його порада — дотримуватися тих самих базових правил SEO та робити важливий контент доступним у вигляді тексту. Рекомендації Google щодо ШІ-функцій. (developers.google.com)

Сторінка з трьома тарифами: ризик у грошах та годинах

Уявіть, що SaaS-компанія з трьох людей має маркетинговий сайт із 30 сторінок. Її сторінка ціноутворення отримує 120 органічних кліків на місяць, згідно з даними Search Console. На сторінці відображаються три тарифи лише після виконання JavaScript:

Це приклади цін і лімітів; використовуйте вашу реальну пропозицію. Суть у тому, що сторінка повинна показувати ці деталі у вигляді тексту, а не лише малювати їх після запуску скрипта. Якщо краулер пропустить тариф Team за $49 або його ліміт у 5 місць, він може не зрозуміти пропозицію достатньо добре, щоб зіставити сторінку з пошуковими запитами про цю ціну чи ліміт. Це ризик індексації (discoverability), а не твердження, що відсутність ціни гарантує втрату позицій у видачі.

Ось простий розрахунок витрат. Якщо один клієнт, який обрав би тариф за $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 напис «Ціна за запитом» (Custom pricing) та чіткий шлях зв'язку з відділом продажів.

**Ваша наступна дія цього тижня: виконайте перевірку URL-адреси (URL Inspection) для вашої сторінки ціноутворення та знайдіть у відрендереному HTML усі три назви тарифів, ціни та ліміти.