​Как работает рендеринг Google? 1. Определение понятия...

​Как работает рендеринг Google?

1. Определение понятия рендерингa (отрисовки):

— Рендеринг - это процесс превращения (гипер)текста в пиксели.

— Google использует Puppeteer (headless Хром) для чтения веб-страницы

2. Время проведения рендеринга:

— Рендеринг происходит после того, как страница была просканирована (краулинг) и до того, как она была проиндексирована.

3. Система рендеринга Google:

— Rendertron, решение для headless рендеринга в хроме, построенное на основе Puppeteer.

https://github.com/GoogleChrome/rendertron

4. Процесс отображения в браузере:

— Посылает HTTP-запрос на сервер

— Парсит полученные документы

— Создает макет из элементов дерева DOM

— Рисует HTML

5. HTTP-запрос:

— Браузер посылает HTTP-запрос, а сервер возвращает HTML-данные

6. Парсинг HTML:

— Браузер анализирует HTML, чтобы понять его структуру.

— Парсинг означает анализ каждого элемента HTML.

7. Создание макета HTML:

— После парсинга браузер определяет макет страницы.

8. Отрисовка HTML:

— Браузер рисует дерево HTML по пикселям

9. Роль JavaScript в рендеринге:

— JavaScript может изменять содержимое страницы

— Он может добавлять, удалять или изменять элементы из дерева DOM.

— Значительные изменения могут привести к перестройке макета

10. Конвейер индексирования:

— Состоит из различных микросервисов

— Включает такие процессы, как каноникализация страниц, анализ файла robots.txt, краулинг веб-страниц и т.д.

11. Web Rendering Service (WRS):

— Используется всеми инструментами тестирования

— Считывает HTTP-ответы и заголовки

— Соблюдает "ограничение скорости краулинга"

Рендеринг с пакетной оптимизацией:

— Google может использовать архитектуру пакетной оптимизации рендеринга и получения данных

— Устанавливает виртуальные часы для остановки рендеринга через определенный период времени

— Пропускает некритичные ресурсы для рендеринга

Улучшение рендеринга для SEO:

— Убедитесь, что изменения DOM, сделанные с помощью JavaScript, не приводят к перестройке макета

— Используйте "tree shaking" для удаления неиспользуемого кода

— Используйте простое и чистое кэширование

— Пакетируйте код, но разбивайте его на разумные пакеты

Когда Googlebot прекращает рендеринг:

— Остановка происходит "когда цикл событий пуст".

— Холостые (idle) циклы:

— Холостые задачи, такие как setTimeout, выполняются в Googlebot быстрее

Оценка Google для WRS:

— Google проверяет разницу между исходным HTML и отрисованным HTML, чтобы определить, что нужно отправить в WRS.

Другие особенности WRS:

— WRS читает HTTP-ответ и заголовки

— Приоритетом Googlebot является не ухудшение качества работы пользователя, поэтому он использует "ограничение скорости краулинга".

Как диагностировать рендеринг сайта:

— Используйте инструмент тестирования Google Rich Results, чтобы увидеть, как Google отображает ваш сайт.

Проблемы с API:

— Если API блокирует Googlebot в robots.txt, Google не сможет отрисовать страницу.

— Это должно охватить все основные моменты статьи, касающиеся процесса рендеринга, используемого Google.

https://www.jcchouinard.com/what-is-rendering-for-google/

@MikeBlazerX

Источник новости https://t.me/mikeblazerx/2199...