Как Google определяет основной контент страницы, анализируя визуальную геометрию и расположение элементов после рендеринга

Термины и определения

Boundary Information (Информация о границах)

Геометрические данные, связанные с элементом на отрендеренной странице. Включают координаты расположения (location coordinates), размеры (высота, ширина), информацию о коллизиях (пересечениях) с другими элементами и свободном пространстве (space information).

Column of Interest (COI) (Колонка интереса)

Область на странице, идентифицированная алгоритмом как содержащая наиболее релевантный (основной) контент. Контент в этой колонке получает повышенный вес.

DOM Tree Node (Узел дерева DOM)

Элемент в объектной модели документа (Document Object Model). Структурная единица веб-страницы.

Jump-back (Скачок назад / Rewind)

Событие изменения позиции при обходе элементов. Если система обходит элементы сверху вниз, и следующий элемент оказывается значительно выше (вертикально) предыдущего, это сигнализирует о начале новой колонки.

Outlier (Выброс)

Контент, который находится за пределами основной области страницы. Патент (Claim 1) определяет его как контент, который не рендерится как видимый пользователю (user-viewable portion). Также может включать контент, находящийся слишком далеко от основного массива (например, tracking pixels).

Render Node (Узел рендеринга)

Элемент в Render Tree, соответствующий DOM Tree Node. Содержит визуальную информацию, включая Boundary Information.

Render Tree (Дерево рендеринга)

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

Ключевые утверждения (Анализ Claims)

Claim 1 (Независимый пункт): Описывает основной метод идентификации и использования важного контента.

1. Система получает узлы рендеринга (Render Nodes) для отрендеренной страницы, содержащие информацию о границах (Boundary Information).
2. Идентифицируются выбросы (Outliers) на основе порогового значения (outlier threshold value). Выброс определяется как контент, который не рендерится в видимой пользователю части страницы. Порог устанавливается на основе того, где расположен наибольший процент контента страницы.
3. Информация о границах, относящаяся к выбросам, исключается из анализа.
4. На основе оставшейся Boundary Information система детектирует колонки страницы.
5. Определяется Column of Interest на основе критериев, связанных с позицией колонки на странице.
6. Поисковая система при классификации страницы использует контент в Column of Interest иначе, чем контент в других колонках, а именно: присваивает контенту внутри COI вес (weight), который выше, чем вес контента за пределами COI.

Claim 12 (Зависимый от 1): Детализирует механизм обнаружения колонок (Jump-back).

1. Измеряется разница в пикселях между нижней границей первого элемента и верхней границей второго элемента.
2. Новая колонка определяется, если эта разница соответствует пороговому значению изменения местоположения (threshold amount of change), т.е. произошел значительный Jump-back.

Claim 9, 10, 11 (Зависимые): Уточняют идентификацию COI.

Column of Interest часто является центральной колонкой (Center Column). Она может быть идентифицирована по предопределенным критериям (пересечение с вертикальными, горизонтальными или диагональными осями страницы) или динамически (путем оценки расположения всех колонок).

Где и как применяется

Изобретение является критически важной частью этапа анализа контента после его получения и рендеринга.

CRAWLING – Сканирование и Сбор данных
На этом этапе происходит загрузка ресурсов (HTML, CSS, JS), необходимых для последующего рендеринга.

INDEXING – Индексирование и извлечение признаков
Основное применение патента происходит здесь:

1. Рендеринг (WRS): Система рендерит страницу для создания Render Tree и получения Boundary Information.
2. Сегментация страницы (Page Segmentation) / Анализ макета: Описанный алгоритм анализирует геометрию для разделения страницы на логические блоки (колонки). Происходит исключение Outliers и идентификация Column of Interest.
3. Извлечение признаков (Feature Extraction): При извлечении текста и других сигналов система применяет дифференцированное взвешивание. Контент из Column of Interest получает повышенный вес.

RANKING – Ранжирование
На этапе ранжирования используются веса, рассчитанные во время индексирования. Страницы, у которых ключевые слова находятся в Column of Interest, получат преимущество перед страницами, где те же слова находятся в боковых панелях или футере.

Входные данные:

• DOM Tree страницы.
• Render Tree страницы (результат рендеринга).
• Boundary Information (координаты, размеры) для каждого Render Node.

Выходные данные:

• Сегментированная структура страницы (идентификация колонок).
• Идентификация Column of Interest.
• Дифференцированные веса для контента в зависимости от его расположения.

На что влияет

• Конкретные типы контента: Наибольшее влияние оказывается на страницы со сложной структурой макета, где основной контент соседствует с рекламой, навигацией и boilerplate (статьи, блоги, новостные сайты, страницы товаров в e-commerce).
• Специфические запросы: Влияет на все типы запросов, так как определяет, какой текст на странице является основным для оценки релевантности.

Когда применяется

• При каких условиях работает алгоритм: Алгоритм применяется во время индексирования, после того как страница была успешно отрендерена и получена ее визуальная геометрия.
• Пороговые значения: Используется threshold amount of change для определения Jump-back и Outlier threshold value для определения границ основного контента.

Пошаговый алгоритм

1. Рендеринг страницы: Система выполняет рендеринг электронной страницы.
2. Получение структуры и геометрии: Получается Render Tree. Извлекается Boundary Information (координаты и размеры) для каждого узла (Render Node).
3. Идентификация и исключение выбросов (Outliers): Анализируется распределение контента. Определяется основная область на основе Outlier Threshold Value (например, где находится наибольший процент контента). Элементы за пределами этой области или невидимые (non user-viewable) элементы исключаются из дальнейшего анализа колонок.
4. Обход структуры: Система начинает обход Render Nodes (и соответствующих им DOM узлов), обычно предполагая порядок сверху вниз.
5. Детекция колонок (Jump-back Detection):
   1. Система отслеживает вертикальную позицию элементов.
   2. Сравнивается нижняя граница текущего элемента с верхней границей следующего элемента.
   3. Если следующий элемент находится значительно выше (т.е. произошел "скачок назад" к верху страницы), и разница превышает threshold amount of change, это детектируется как начало новой колонки. (Примечание: изменение позиции между родителем и потомком может не считаться новой колонкой).
6. Определение границ (Опционально): Патент упоминает, что нижняя граница шапки и верхняя граница футера также могут быть определены на основе позиций элементов до и после Jump-back.
7. Идентификация Column of Interest: После того как все колонки определены (с учетом исключенных выбросов), система идентифицирует Column of Interest. Обычно это центральная колонка (Center Column), определенная по осям основной области контента (горизонтальной, вертикальной или диагональной).
8. Применение весов: Контенту, находящемуся внутри границ Column of Interest, присваивается более высокий вес для целей ранжирования и классификации.

Какие данные и как использует

Данные на входе

Патент фокусируется исключительно на структурных и технических данных, полученных в результате рендеринга.

• Технические факторы: DOM структура (используется для порядка обхода и определения отношений родитель-потомок), CSS (косвенно, так как определяет результат рендеринга и геометрию).
• Структурные факторы (Геометрия):
  • Render Tree: Иерархия визуальных элементов.
  • Boundary Information: Ключевые данные для анализа. Включают точные координаты (X, Y), высоту и ширину каждого элемента на отрендеренной странице. Информация о коллизиях и свободном пространстве.

Какие метрики используются и как они считаются

• Pixel Difference (Разница в пикселях): Разница между вертикальными координатами последовательных элементов. Используется для детекции Jump-back.
• Threshold amount of change (Порог изменения положения): Пороговое значение для Pixel Difference. Может быть предопределенным (например, 200 пикселей) или вычисляться динамически (например, с помощью машинного обучения на основе исторических данных о Jump-back).
• Outlier Threshold Value (Пороговое значение выброса): Значение, используемое для определения границ основной области контента. Патент указывает, что оно базируется на том, где расположен наибольший процент контента. Также учитывается видимость элементов (user-viewable).
• Weights (Веса контента): Метрики, присваиваемые контенту. Контент в Column of Interest получает повышенный вес. Конкретные формулы не приводятся.

1. Геометрия рендеринга как фактор ранжирования: Патент демонстрирует, что Google использует визуальное расположение (геометрию) элементов, а не только структуру HTML или чистый текст, для определения важности контента. Расположение напрямую влияет на вес (weight) контента.
2. Критичность Рендеринга (WRS): Для работы этого механизма необходимо, чтобы страница была корректно отрендерена. Ошибки рендеринга или блокировка ресурсов (CSS/JS) могут привести к неправильной идентификации Column of Interest и неверной оценке контента.
3. Автоматическая сегментация страницы (Jump-back): Описан конкретный алгоритм для разделения страницы на колонки на основе визуального потока. Это позволяет автоматически понижать вес boilerplate, навигации и рекламы.
4. Приоритет центральной области: Система явно стремится идентифицировать центральную колонку как Column of Interest, предполагая, что там находится основной контент.
5. Надежность за счет исключения выбросов: Исключение Outliers (невидимых или удаленных элементов) предотвращает ошибки в определении центральной области и защищает от манипуляций с макетом, делая алгоритм более устойчивым.

Best practices (это мы делаем)

• Размещение ключевого контента в основном блоке: Проектируйте макеты так, чтобы основной контент (текст статьи, описание товара) находился в визуально центральной и главной колонке страницы. Это гарантирует, что он будет идентифицирован как Column of Interest и получит максимальный вес.
• Обеспечение чистого рендеринга (WRS): Критически важно, чтобы Googlebot мог корректно отрендерить страницу. Проверяйте отображение страниц в инструментах Google (например, URL Inspection в GSC) и не блокируйте доступ к CSS и JS, необходимым для построения макета.
• Логичная структура DOM и визуальный поток: Структура DOM должна по возможности соответствовать визуальному потоку. Алгоритм обходит элементы и ищет геометрические сдвиги (Jump-back). Стандартная и чистая верстка облегчает системе корректную сегментацию.
• Визуальное отделение основного контента: Используйте дизайн, который четко отделяет основной контент от второстепенных элементов (рекламы, сайдбаров), чтобы алгоритму было проще определить границы Column of Interest.

Worst practices (это делать не надо)

• Размещение важного контента в боковых панелях или футере: Контент, размещенный в областях, которые алгоритм идентифицирует как второстепенные колонки (вне COI), получит пониженный вес.
• Использование нестандартных или запутанных макетов: Макеты без четкой центральной колонки или макеты, где основной контент визуально смешан с рекламой, могут затруднить идентификацию Column of Interest.
• Блокировка ресурсов для рендеринга: Если CSS-файлы, определяющие макет, заблокированы, система не сможет определить геометрию элементов и может неверно оценить важность контента.
• Манипуляции с макетом с помощью скрытых элементов: Использование невидимых элементов (Outliers) для размещения ключевых слов или попытки искусственно изменить геометрию страницы неэффективны, так как система обнаруживает и исключает выбросы.

Стратегическое значение

Этот патент подтверждает стратегический курс Google на анализ визуального представления страницы (Page Experience и Page Understanding), а не только ее кода. Сегментация страницы является ключевым элементом индексирования. Для SEO это означает, что UX, дизайн и техническая реализация верстки напрямую влияют на то, как поисковая система интерпретирует важность контента. Рендеринг (WRS) является не просто техническим требованием, а основой для понимания контента.

Практические примеры

Сценарий: Сравнение двух страниц с одинаковым текстом, но разным расположением

1. Ситуация: Пользователь ищет "лучшие рецепты пасты карбонара". Есть две страницы (A и B) с идентичным набором слов.
2. Страница A: Фраза "лучшие рецепты пасты карбонара" находится в заголовке статьи в центральной колонке.
3. Страница B: Та же фраза находится только в блоке "Популярные статьи" в правой боковой колонке. Основной контент страницы посвящен пасте болоньезе.
4. Применение алгоритма:
   1. Google рендерит обе страницы и анализирует геометрию.
   2. На странице A алгоритм идентифицирует центральную колонку как Column of Interest. Фраза получает высокий вес.
   3. На странице B алгоритм определяет, что правая колонка не является Column of Interest. Фраза получает низкий вес.
5. Результат: Страница A будет ранжироваться значительно выше по запросу "лучшие рецепты пасты карбонара", чем Страница B, благодаря дифференцированному взвешиванию на основе геометрии элементов.