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

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

Image Display Environment (Среда отображения изображения)

Интерфейс, генерируемый на ресурсе страницы для отображения полного изображения и его метаданных. Может быть реализован как оверлей (overlay) или встроенный блок (inline).

iFrame

HTML-элемент, используемый как пример реализации Image Display Environment. В патенте он создается как дочерний элемент (child) по отношению к Page Resource.

Image Resource (Ресурс изображения)

Сам файл изображения (например, JPG).

Image Search Result (Результат поиска изображений)

Элемент на SERP, включающий миниатюру (thumbnail), ссылку на Image Resource и ссылку на Page Resource.

Page Resource (Ресурс страницы)

Целевая веб-страница (например, HTML-документ), которая содержит изображение.

Top Level Page (Страница верхнего уровня)

Основной документ, загруженный в окне браузера. В контексте патента критически важно, что Page Resource загружается именно как Top Level Page.

First Domain / Search Engine Domain

Разграничение принадлежности ресурсов. First Domain — домен сервера издателя. Search Engine Domain — домен поисковой системы.

HTML Elements (HTML-элементы)

Элементы разметки (например, image tags, anchor tags, HREF tags), которые анализируются для определения местоположения изображения на странице.

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

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

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

1. Отображение результатов поиска, полученных от сервера поисковой системы (Search Engine Domain).
2. В ответ на выбор результата:
   • Отправка запроса на первый сервер, хостящий Page Resource (First Domain, отличный от Search Engine Domain).
   • Отображение полученного Page Resource как Top Level Page, принадлежащего First Domain.
   • Генерация Image Display Environment на этом Page Resource.
   • Отображение Image Resource в этой среде.
3. В ответ на команду закрытия среды: закрытие среды и отображение Page Resource (который остается Top Level Page) без последующего запроса к первому серверу для повторной загрузки Page Resource.

Ядро изобретения — загрузка страницы издателя как главной и внедрение окна просмотра как подчиненного элемента для предотвращения перезагрузки.

Claim 3 и 4 (Зависимые): Уточняют реализацию Image Display Environment.

• Среда отображения может быть реализована как оверлей в iFrame (Claim 3).
• Этот iFrame может принадлежать домену поисковой системы (Claim 4).

Claim 5 и 6 (Зависимые): Описывают функцию автоматической навигации (прокрутки).

1. Определение местоположения Image Resource внутри Page Resource.
2. Навигация к этому местоположению так, чтобы при закрытии оверлея отображалась часть страницы, содержащая изображение (Claim 5).
3. Метод определения местоположения включает: поиск HTML Elements, указывающих адрес файла изображения; сравнение этого адреса с адресом выбранного Image Resource; при совпадении — навигация области просмотра (viewport) к этой части страницы (Claim 6).

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

Этот патент не относится к основным этапам архитектуры поиска Google (CRAWLING, INDEXING, RANKING, RERANKING). Он описывает исключительно клиентское поведение (client-side behavior) и пользовательский интерфейс (UI/UX) после того, как поиск завершен и результат выбран пользователем.

Взаимодействие с компонентами:

• Браузер пользователя: Основное место выполнения логики. Выполняет инструкции (скрипты) для загрузки страницы, создания iFrame/оверлея и автоматической прокрутки.
• Сервер поисковой системы: Предоставляет результаты поиска и инструкции для обработки клика.
• Сервер хостинга контента (Издатель): Предоставляет Page Resource и Image Resource.

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

• Выбор пользователем результата поиска (клик).
• URL целевого Page Resource и Image Resource.
• HTML-код и DOM-структура полученного Page Resource.

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

• Модифицированное отображение в браузере: целевая страница с наложенным оверлеем, прокрученная до места расположения изображения.

На что влияет

• Типы контента и Запросы: Влияет исключительно на взаимодействие с результатами вертикали поиска по изображениям (Google Images) и на веб-страницы, содержащие эти изображения.
• Ниши и тематики, Языковые и географические ограничения: В патенте не указаны какие-либо ограничения. Применимо глобально.

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

• Триггеры активации: Клик пользователя по результату поиска изображений на странице выдачи, предоставленной поисковой системой, реализующей этот метод.

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

Процесс работы системы на устройстве пользователя:

1. Мониторинг выбора: Браузер отслеживает выбор пользователем результата поиска изображений.
2. Запрос ресурса страницы: Браузер отправляет запрос на получение Page Resource (целевой страницы).
3. Загрузка и отображение верхнего уровня: Полученный Page Resource загружается и отображается как Top Level Page.
4. Генерация среды отображения: Выполняются инструкции для создания Image Display Environment (например, iFrame). Эта среда создается иерархически подчиненной ресурсу страницы (например, добавляется в document.body).
5. Загрузка изображения: Image Resource (полноразмерное изображение) запрашивается и загружается в созданную среду (оверлей).
6. Определение местоположения (Опционально): Система отслеживает событие готовности страницы (например, onload event, DOM ready event) и выполняет поиск по HTML-коду Page Resource для определения точного местоположения изображения.
7. Автоматическая навигация (Опционально): Если местоположение найдено, браузер автоматически прокручивает (scrolls) базовый Page Resource так, чтобы изображение оказалось в активной области просмотра (viewport).
8. Обработка закрытия: При получении команды на закрытие, Image Display Environment закрывается.
9. Финальное отображение: Page Resource остается отображенным без перезагрузки, в том положении, до которого он был прокручен.

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

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

• Технические факторы: URL-адреса Page Resource и Image Resource. Используются для запросов и сравнения.
• Структурные факторы (HTML/DOM): HTML-элементы Page Resource (DOM-дерево). Система ищет теги изображений (image tags), анкорные теги (anchor tags) и атрибуты HREF для определения местоположения изображения на странице.
• Пользовательские факторы: Действия пользователя — выбор результата (selection/click) и команда закрытия (close command).
• Мультимедиа факторы: Метаданные изображения (размер, тип), которые могут отображаться в оверлее.

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

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

• Методы сравнения: Используется сравнение адресов ресурсов (URL), чтобы сопоставить выбранное изображение с изображением, присутствующим в исходном HTML-коде, для реализации функции автоматической прокрутки.
• События браузера: Система полагается на стандартные события браузера, такие как onClick, onload или DOM ready.

1. Патент описывает UI/UX, а не ранжирование: Этот патент не содержит информации об алгоритмах ранжирования. Он описывает исключительно интерфейс и техническую реализацию отображения результатов после клика в Google Images.
2. Фокус на скорости и бесшовном переходе: Основная цель изобретения — улучшить пользовательский опыт за счет минимизации задержек (latency) путем предотвращения ненужных перезагрузок страницы при переходе на сайт издателя.
3. Точность аналитики: Механизм способствует более точной аналитике веб-трафика (web traffic analytics), так как устраняет дублирующие запросы к серверу издателя, которые могли искусственно завышать показатели посещаемости.
4. Важность контекста изображения (Auto-Scroll): Функция автоматической прокрутки подтверждает, что Google считает важным показать пользователю изображение в контексте окружающего контента. Для этого система точно идентифицирует расположение изображения на странице.
5. Зависимость от структуры HTML: Для корректной работы функции автопрокрутки система должна уметь находить изображение в коде страницы, анализируя стандартные HTML Elements.

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

Хотя патент инфраструктурный, он дает понимание того, как оптимизировать опыт пользователей, приходящих из поиска по картинкам (Post-Click Experience).

• Использование стандартной и чистой HTML-разметки: Используйте стандартные HTML-элементы (теги <img>, стандартные атрибуты) для встраивания изображений. Это повышает вероятность того, что система сможет корректно определить местоположение изображения для функции автопрокрутки.
• Оптимизация контекста вокруг изображений: Поскольку система может автоматически прокручивать страницу к изображению, убедитесь, что контент, непосредственно окружающий важные изображения (текст, заголовки, CTA-элементы), обеспечивает релевантный контекст и способствует конверсии. Это первый контекст, который увидит пользователь после закрытия превью.
• Оптимизация скорости загрузки страницы: Так как целевая страница загружается сразу после клика (хотя и на фоне), критически важно, чтобы она загружалась быстро. Это улучшит общий UX пользователя после закрытия оверлея.

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

• Сложные механизмы загрузки для основных картинок: Использование нестандартных или чрезмерно сложных JavaScript-механизмов для загрузки ключевых изображений, которые не позволяют легко идентифицировать URL в DOM, может помешать системе определить их местоположение и сломать функцию автопрокрутки.
• Блокировка или вмешательство в работу iFrame Google: Попытки заблокировать отображение оверлея Google (который может быть реализован через iFrame) могут ухудшить функциональность для пользователей Google Images.
• Размещение изображений в нерелевантном или перегруженном рекламой контексте: Если пользователь автоматически перенаправляется к изображению, окруженному агрессивной рекламой или нерелевантным контентом, это ухудшит UX и может увеличить показатель отказов.

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

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

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

Сценарий: Оптимизация карточки товара в E-commerce для трафика из Google Images

1. Ситуация: Пользователь ищет "синие замшевые ботинки модель X" в Google Images и кликает на результат, ведущий на сайт магазина. На странице товара много текста и галерея из 10 фото.
2. Работа механизма: Система загружает страницу товара. Поверх нее открывается оверлей с выбранным фото. Одновременно система сканирует HTML, находит это изображение в галерее (используя стандартный тег <img>) и прокручивает фон к блоку галереи.
3. Действия SEO/UX специалиста: Убедиться, что код галереи чистый и использует стандартные теги. Обеспечить, чтобы рядом с галереей находились ключевые элементы конверсии (цена, выбор размера, кнопка "Купить"). Оптимизировать скорость загрузки страницы.
4. Результат: Пользователь видит желаемое фото в оверлее. Закрыв его, он мгновенно оказывается в нужном месте страницы с релевантным контекстом и CTA-элементами, без перезагрузки. Это улучшает UX и потенциально повышает конверсию.