Как Google использует CSS стили для надежного и быстрого отслеживания кликов в поисковой выдаче

Описание

Какую задачу решает

Патент решает проблемы, присущие традиционным методам отслеживания кликов (Click Tracking) на веб-страницах:

• Зависимость от JavaScript: Клиентские скрипты могут быть отключены пользователями, вызывают проблемы совместимости между браузерами и создают задержки при выполнении.
• Задержки из-за редиректов: Использование промежуточных серверов для регистрации клика перед перенаправлением увеличивает задержку (latency), усложняет инфраструктуру и может стать узким местом в производительности.

Цель изобретения — обеспечить надежный, быстрый и универсально совместимый сбор данных о поведении пользователей без этих недостатков.

Что запатентовано

Запатентован метод отслеживания кликов с использованием языка таблиц стилей (например, CSS). Для ссылки определяется стиль, включающий поведенческий триггер (behavior trigger), указывающий на выбор ссылки пользователем, и свойство отображения (display property). Это свойство настроено так, что при активации триггера браузер вынужден запросить ресурс с удаленного сервера отслеживания, тем самым регистрируя клик без использования скриптов или редиректов.

Как это работает

Механизм использует стандартное поведение браузера при обработке CSS:

1. Спецификация стиля: Google генерирует SERP, где CSS связывает действие пользователя (через псевдоклассы, например, :active) со свойством, требующим внешнего ресурса (например, background-image). Значением этого свойства является уникальный Click-Tracking URL.
2. Действие пользователя: Когда пользователь кликает по ссылке, браузер пытается применить стиль и инициирует запрос по Click-Tracking URL.
3. Регистрация клика: Сервер отслеживания получает запрос, декодирует URL (идентифицируя результат и запрос) и регистрирует клик.
4. Ответ сервера: Сервер отвечает «No Content» Response (например, HTTP 204). Это предотвращает кэширование ресурса и гарантирует, что внешний вид страницы не изменится.
5. Результат: Браузер применяет стиль по умолчанию и одновременно переходит по целевой ссылке. Процесс отслеживания прозрачен для пользователя.

Актуальность для SEO

Высокая (для инфраструктуры). Патент опубликован в 2021 году (хотя является продолжением заявок с 2009 года). Надежный и быстрый сбор поведенческих данных остается фундаментальной задачей для систем машинного обучения в поиске. Описанный метод обеспечивает эффективный способ сбора данных, устойчивый к блокировке скриптов и минимизирующий задержки.

Важность для SEO

(3/10). Влияние на SEO-стратегии минимальное. Это инфраструктурный патент, который описывает метод сбора данных (CTR), а не алгоритм ранжирования. Он не дает прямых рекомендаций по оптимизации сайтов. Однако он важен для стратегического понимания: он подтверждает, что Google обладает сложной и надежной инфраструктурой для точного измерения поведенческих сигналов, подчеркивая их значимость для поисковой системы.

Детальный разбор

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

Behavior Trigger (Триггер поведения)

Событие или состояние элемента веб-страницы, указывающее на взаимодействие пользователя. В контексте CSS реализуется через псевдоклассы (Pseudo-classes).

Click-Tracking Engine (Механизм отслеживания кликов)

Серверная система, ответственная за генерацию Click-Tracking URLs и регистрацию кликов.

Click-Tracking URL (URL отслеживания кликов)

Уникальный URL, используемый в качестве значения свойства отображения (например, background-image). Кодирует информацию о целевом документе, исходном поисковом запросе, времени и т.д. Запрос к этому URL служит сигналом о клике.

Display Property (Свойство отображения)

Атрибут стиля элемента, который требует загрузки внешнего ресурса. В патенте в качестве примера используется background-image.

Model DB (База данных моделей)

Хранилище, где агрегируются собранные данные о поведении пользователей (кликах) для последующего анализа.

No Content Response (Ответ «Нет контента»)

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

Pseudo-classes (Псевдоклассы)

Ключевые слова в CSS, используемые как Behavior Triggers. Примеры:

• :active: Применяется в момент активации элемента (например, нажатие кнопки мыши).
• :hover: Применяется при наведении указателя на элемент.
• :focus: Применяется, когда элемент получает фокус ввода.

Tracking Server / Remote Server (Сервер отслеживания)

Удаленный сервер, который принимает запросы, инициированные Click-Tracking стилями, и регистрирует клики.

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

Патент US10997358B1 является патентом-продолжением (continuation). В отличие от первоначальных патентов этой серии, этот конкретный патент фокусируется на защите клиентской части процесса (действия браузера).

Claim 1 (Независимый пункт): Описывает метод, выполняемый клиентским устройством (браузером).

1. Получение от поисковой системы спецификации стиля (style specification) для SERP. Спецификация кодирует идентификатор ресурса (resource identifier / URL) для сервера отслеживания (tracking server) в атрибуте ссылки.
2. Обнаружение взаимодействия пользователя со ссылкой.
3. В ответ на обнаружение взаимодействия:
   • Определение идентификатора ресурса.
   • Запрос второго ресурса у сервера отслеживания с использованием этого идентификатора.
4. Получение от сервера отслеживания ответа «нет контента» (no content response).
5. В ответ на получение ответа «нет контента», применение стиля по умолчанию (default style) к ссылке.

Ядро изобретения заключается в использовании стандартного поведения браузера (попытка применить стиль при взаимодействии) для отправки сигнала на сервер отслеживания и последующем использовании ответа No Content для того, чтобы это отслеживание было незаметным и не влияло на отображение (применяя default style).

Claim 5 (Зависимый): Уточняет механизм обработки множества ссылок.

SERP содержит множество ссылок. Спецификация стиля кодирует множество уникальных идентификаторов ресурсов. При взаимодействии используется именно тот идентификатор, который соответствует ссылке, с которой взаимодействовал пользователь.

Claim 6 (Зависимый): Уточняет тип взаимодействия.

Взаимодействие пользователя представляет собой выбор ссылки (клик). Сервер отслеживания является сервером отслеживания кликов (click tracking server).

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

Изобретение описывает инфраструктуру сбора данных и взаимодействие между клиентом (браузером) и серверами Google.

CRAWLING – Сканирование и Сбор данных (Crawling & Data Acquisition)
Это основная фаза применения патента. Он описывает механизм для Data Acquisition — сбора поведенческих данных пользователей (кликов) со страницы результатов поиска (SERP).

RANKING / RERANKING (Server-Side — Подготовка к выдаче)
Перед отправкой SERP пользователю, серверная система (Click Tracking Engine) выполняет подготовительную работу:

• Генерирует HTML-код SERP.
• Создает уникальные Click-Tracking URLs для каждой ссылки.
• Генерирует необходимые CSS-стили, связывающие URL с триггерами поведения.

Взаимодействие с пользователем (Client-Side)
Механизм выполняется браузером пользователя. Движок рендеринга (layout engine) и обработчик событий (event listener) обнаруживают клик и инициируют запрос на основе правил CSS, без выполнения скриптов.

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

• Вход (Сервер, генерация): Список результатов (URLs), Запрос (Query).
• Выход (Сервер, генерация): HTML SERP + CSS с Click-Tracking URLs.
• Вход (Клиент): Клик пользователя.
• Выход (Клиент): HTTP-запрос к Click-Tracking URL.
• Вход (Сервер, отслеживание): HTTP-запрос.
• Выход (Сервер, отслеживание): Зарегистрированные данные о клике в Model DB; HTTP 204 «No Content» response.

На что влияет

• Конкретные типы контента: Влияет на гиперссылки (элементы <a>) на SERP. Патент также упоминает возможность применения для отслеживания кликов по рекламе (advertisement).
• Специфические запросы/Ниши/Языки: Не имеет ограничений. Механизм применяется универсально для сбора данных.
• Платформы: Метод разработан для максимальной кроссплатформенной совместимости, используя стандартные веб-технологии (HTML, CSS, HTTP).

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

• Условия работы: Применяется каждый раз, когда пользователю предоставляется SERP, и он взаимодействует со ссылками.
• Триггеры активации: Активация ссылки пользователем. Для обеспечения кроссбраузерности патент описывает использование комбинации CSS псевдоклассов:
  • :active (обычно клик основной кнопкой мыши).
  • Комбинация :hover и :focus. Используется для отлова кликов вспомогательными кнопками мыши (средней, правой) или выбора с клавиатуры в тех браузерах, где :active их не фиксирует.

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

Процесс А: Генерация SERP (Server-Side)

1. Получение списка результатов: Поисковая система определяет релевантные результаты для запроса Q.
2. Генерация Click-Tracking URLs: Click Tracking Engine создает уникальный Click-Tracking URL для каждого результата. В URL кодируется: адрес сервера отслеживания, URL результата, идентификатор запроса Q, временная метка и, возможно, цифровая подпись (signature) для защиты от фрода.
3. Генерация HTML и CSS: Генерируется HTML-код SERP. Создается спецификация стиля, где для каждой ссылки определяются правила, использующие триггеры поведения (:active, :focus:hover) и свойство, требующее внешний ресурс (например, background-image), указывающее на соответствующий Click-Tracking URL.
4. Отправка клиенту: Сформированная страница и CSS отправляются в браузер пользователя.

Процесс Б: Обработка клика (Client-Side)

1. Рендеринг и ожидание: Браузер отображает страницу. Event Listener отслеживает события.
2. Обнаружение клика: Пользователь кликает по ссылке, активируя соответствующий псевдокласс CSS.
3. Попытка применения стиля (Re-rendering): Браузер пытается применить заданный стиль.
4. Запрос ресурса: Поскольку стиль требует внешний ресурс, браузер инициирует HTTP-запрос по Click-Tracking URL.
5. Переход: Одновременно с этим браузер выполняет переход по основному URL ссылки (href).

Процесс В: Регистрация клика (Server-Side)

1. Получение запроса: Tracking Server принимает запрос.
2. Парсинг и регистрация: Из URL извлекается закодированная информация, клик регистрируется в Model DB.
3. Отправка ответа: Сервер отправляет ответ «No Content» (HTTP 204).
4. Обработка ответа клиентом: Браузер получает HTTP 204, применяет стиль по умолчанию (т.е. визуально ничего не меняет) и не кэширует ресурс.

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

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

Патент фокусируется на механизме сбора данных, а не на факторах ранжирования.

• Поведенческие факторы: Основные собираемые данные — факт клика пользователя по конкретной ссылке в ответ на конкретный запрос.
• Технические факторы (CSS/HTML/HTTP): Используются спецификации CSS (псевдоклассы :active, :hover, :focus; свойство background-image) и HTTP-ответы (HTTP 204).
• Временные факторы: В Click-Tracking URL кодируется время предоставления страницы клиенту. Регистрируется время клика.
• Пользовательские факторы: Патент упоминает возможность записи IP-адреса, User Agent браузера, cookie пользователя, идентификатора пользователя и сессии.

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

• Click Count (Счетчик кликов): Основная метрика. Увеличивается при каждом запросе к Click-Tracking URL.
• Кодирование Click-Tracking URL: Метод расчета уникального URL. В URL кодируются:
  • Идентификатор целевого документа (Result URL).
  • Идентификатор поискового запроса (Query).
  • Позиция ссылки на странице.
  • Специальная сигнатура (special signature string) для верификации клика и предотвращения поддельных кликов (forged user clicks).
• Dwell Time (Время пребывания): Патент упоминает возможность вычисления времени между кликом на результат и возвратом пользователя на страницу выдачи. Оно вычисляется на основе сравнения временных меток последовательных кликов.

Выводы

1. Инфраструктурный патент: Это чисто технический патент, описывающий инфраструктуру сбора данных (Data Acquisition). Он не дает информации о том, как эти данные используются для ранжирования.
2. Надежность и скорость: Основная цель — сбор поведенческих данных (кликов) без использования клиентских скриптов (решение проблем совместимости и безопасности) или промежуточных серверов (решение проблемы задержек).
3. Использование стандартного поведения CSS: Ключевая инновация заключается в использовании комбинации поведенческих триггеров CSS (:active, :focus:hover) и свойств, требующих внешних ресурсов (background-image), для отправки сигнала на сервер отслеживания.
4. Кроссбраузерность: Использование комбинации псевдоклассов направлено на обеспечение максимального охвата различных браузеров и способов взаимодействия (разные кнопки мыши, клавиатура).
5. Незаметность для пользователя (HTTP 204): Использование ответа «No Content» гарантирует, что процесс отслеживания не вызывает визуальных изменений на странице и предотвращает кэширование ресурса отслеживания браузером.
6. Подтверждение важности поведенческих сигналов: Сложность и надежность инфраструктуры сбора данных косвенно подтверждают высокую значимость этих сигналов (CTR, Dwell Time) для поисковой системы.

Практика

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

Патент носит инфраструктурный характер и не дает прямых рекомендаций по SEO-оптимизации для манипулирования этим механизмом. Однако он подчеркивает важность аспектов, которые Google точно измеряет.

• Оптимизация сниппетов для повышения CTR: Поскольку патент доказывает, что Google имеет надежный, быстрый и полный механизм отслеживания кликов, работа над привлекательностью сниппетов (Title, Description, микроразметка) является стратегически важной. Необходимо максимизировать органический CTR.
• Фокус на удовлетворенности пользователя (User Satisfaction и Dwell Time): Патент упоминает возможность вычисления Dwell Time на основе временных меток кликов. Это подтверждает важность создания контента, который удерживает пользователя и полноценно отвечает на его запрос, минимизируя быстрые возвраты в выдачу.

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

• Накрутка поведенческих факторов: В патенте упоминается включение «специальной сигнатуры» (special signature string) в Click-Tracking URL, которая может быть зашифрована или подписана цифровой подписью для верификации кликов и устранения «поддельных кликов» (forged user clicks). Это подтверждает наличие у Google механизмов для фильтрации искусственно завышенных показателей.
• Использование кликбейта: Попытки завысить CTR без предоставления ценного контента контрпродуктивны, так как система надежно собирает данные не только о клике, но и о последующем поведении (например, коротком Dwell Time).

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

Стратегическое значение патента заключается в понимании инфраструктуры сбора данных Google. Он демонстрирует, что Google инвестирует в точные, быстрые и надежные методы измерения взаимодействия пользователей с выдачей. Для Senior SEO-специалистов это является четким сигналом: поведенческие факторы являются критически важным компонентом оценки качества поиска. Стратегия должна строиться на предположении, что Google видит и учитывает каждый клик.

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

Практических примеров применения в SEO нет, так как патент описывает техническую реализацию сбора данных Google. Однако можно привести пример того, как механизм может быть реализован в коде SERP.

Пример реализации (на основе патента)

HTML:

<a href="http://www.example.com/target-page.html" class="track_XYZ">Результат поиска</a>

CSS:

.track_XYZ:active, .track_XYZ:focus:hover { background-image: url('http://google.com/tracker?q=test&url=example.com&sig=12345'); }

Когда пользователь кликает по ссылке, браузер пытается загрузить изображение по URL из CSS, отправляя сигнал на сервер Google, и одновременно переходит на example.com.

Вопросы и ответы