Оптимизируете свой сайт для SEO / LLM'ов?

Mike Blazer

146

КРИТИЧЕСКИ важно, чтобы user-agent'ы / боты действительно могли видеть отрендеренный результат.

Не все технологические стеки подходят из коробки - JS стеки известны тем, что:

1. Их непросто рендерить даже для Гуглобота, который может рендерить JS, но делает это не особо эффективно

2. Они не подходят для краулинга / обработки контента LLM'ами

Хотите узнать, подходит ли ваш сайт?

1. Зайдите на страницу вашего сайта, нажмите F12 и откройте DevTools

2. Нажмите CTRL + SHIFT + P

3. Наберите Javascript и кликните Disable Javascript

4. Кликните NETWORK в верхнем меню devtools

5. Убедитесь, что включены Preserve Log и Disable Cache

6. Теперь к URL вашего сайта добавьте ?test и нажмите enter

7. На вкладке network кликните DOC (показано красной рамкой на изображении)

8. Где написано NAME, вы должны увидеть ?test, кликните на него

9. Кликните на вкладку RESPONSE (показано красной рамкой на изображении)

Это покажет вам РЕЗУЛЬТАТ того, что увидит LLM.

Google МОЖЕТ рендерить Javascript, но не все JS стеки одинаковы - если хотите увидеть ЧИСТЫЙ ТЕКСТОВЫЙ ВЫВОД, делайте следующее:

В нижней части DevTools вы увидите пункты меню "Console, Issues, Coverage" и т.д. кликните на CONSOLE (выбран по умолчанию).

Кликните иконку CLEAR (круг с линией)

Скопируйте и вставьте эту команду в консоль и нажмите ENTER:

const text = document.body.innerText;

for (let i = 0; i < text.length; i += 1000) {

console.log(text.slice(i, i + 1000));

}

Это покажет вам ЧИСТЫЙ, НЕ JS вывод вашего URL.

ВОТ этот контент увидят LLM'ы, и потенциально Гугл/другие поисковики, если будут проблемы с SSR.

ЕСЛИ ВЫ ИСПОЛЬЗУЕТЕ JS-основанные технологические стеки, вам СТОИТ рассмотреть SSG или пре-рендер.

Фактически вы хотите МАКСИМИЗИРОВАТЬ вывод ЧИСТОГО ТЕКСТА/HTML в DOM после обработки JS, прежде чем этот результат документа будет отдан.

Количество ВЛАДЕЛЬЦЕВ САЙТОВ, у которых есть эти навороченные технологические стеки, часто не подозревают о рисках/проблемах использования JS для веб-приложения / фреймворка сайта.

@MikeBlazerX