Мета-тег max-image-preview — это специальная инструкция для роботов, которая указывает Google максимальный размер изображения, доступный для предварительного просмотра ваших страниц в Google Discover. Добавляя этот тег на свой сайт, вы даете Google разрешение отображать более крупные, привлекательные изображения вместо использования по умолчанию миниатюр меньшего размера. Эта простая строка кода является прямым способом повлиять на то, как ваш контент отображается для миллионов пользователей в их персональных лентах.
Как работает тег max-image-preview в поиске?
Google Discover работает по принципу приоритета визуального контента, отдавая предпочтение материалам, которые сразу привлекают внимание пользователя. Тег max-image-preview служит четким сигналом, точно сообщающим сканеру, какие размеры изображений доступны для использования. Когда этот тег отсутствует, Google принимает автоматическое решение на основе существующих визуальных активов, что не всегда приводит к наиболее привлекательному с визуальной точки зрения макету для вашего конкретного бренда.
Например, новостная статья или страница с описанием продукта, на которой отсутствует этот тег, может быть представлена только маленькой обрезной миниатюрой. Это может сделать контент менее релевантным или менее срочным в ленте, наполненной изображениями высокого разрешения. Явно установив значение ‘large’, вы гарантируете, что ваше основное изображение имеет право на максимальное пространство, доступное в интерфейсе Discover, что помогает вашему контенту выделяться на фоне конкурентов.
Каковы конкретные настройки, доступные для этого тега?
У вас есть три четких варианта при настройке этого тега, каждый из которых определяет поведение сканера по-разному. Понимание этих значений важно во избежание случайных ограничений потенциала отображения вашего контента.
- none: Эта настройка запрещает Google показывать какие-либо превью изображений для страницы, что редко требуется для сайтов с контентом.
- standard: Это позволяет использовать превью изображения стандартного размера, что часто является поведением по умолчанию, если тег отсутствует.
- large: Это говорит Google о том, что у вас есть высококачественные большие изображения, и поощряет отображение максимально возможного формата превью вплоть до ширины области просмотра.
Выбор настройки ‘large’ является наиболее распространенным выбором для издателей и брендов электронной коммерции, которые хотят максимизировать вовлеченность. Это не заставляет Google использовать большое изображение, если таковое отсутствует, но устраняет искусственный барьер, который может помешать идеальному изображению отображаться в полном масштабе.
Как внедрить тег в ваш HTML-хеддер
Внедрение — это простой процесс, включающий добавление одной строки кода в раздел head вашего HTML-документа. Вам не нужно изменять базу данных или менять способ загрузки изображений на сервер; вам нужно лишь убедиться, что инструкция видна сканеру при запросе исходного кода вашей страницы.
Чтобы внедрить это, вставьте следующий тег в шаблон вашего сайта:
Если вы используете CMS, проверьте настройки плагина или файл хеддера вашей темы. Многие платформы позволяют добавлять пользовательские мета-теги без изменения основного кода. Если вы используете кастомную сборку, убедитесь, что этот тег появляется в необработанном HTML-выводе ваших страниц. Быстрый способ проверить это — посмотреть исходный код вашей страницы в браузере и найти строку ‘max-image-preview’.
Как Alien Road применяет это в наших проектах
В Alien Road наш процесс технического аудита начинается с полного обзора заголовка документа. Мы рассматриваем мета-теги как критически важную инфраструктуру, которая поддерживает нашу более широкую поисковую стратегию. Для типичного клиента мы отдаем приоритет этому тегу, так как он требует минимальных усилий, но обеспечивает немедленные преимущества в том, как контент интерпретируется автоматизированными системами Google.
Когда мы работаем над сайтом клиента, мы следуем стандартной процедуре для обеспечения согласованности во всех шаблонах:
- Проверьте текущую конфигурацию хеддера в десктопных и мобильных шаблонах.
- Убедитесь, что сайт предоставляет высококачественные визуальные материалы, соответствующие требованию минимальной ширины 1200px для больших превью.
- Разверните тег глобально на всех индексируемых страницах для обеспечения унифицированного поведения.
- Мониторьте отчет об эффективности в Google Search Console для отслеживания любых изменений показов из Discover.
Мы часто обнаруживаем, что у клиентов есть большие, красивые изображения, которые никогда не показываются в Discover, потому что на сайте не было соответствующих инструкций. Просто добавив тег, мы часто видим изменения в том, как контент представлен в ленте, что может положительно повлиять на интерес пользователей. Мы не останавливаемся на внедрении; мы также направляем творческую команду на то, чтобы изображения имели релевантный альт-текст и четкий фокус.
мета-теги — это HTML-теги, используемые для предоставления дополнительной информации о странице поисковым системам и другим клиентам.
Google Search Central
Почему порог размера изображения важен для вашего бренда?
Визуальные активы служат крючком для вашего контента в среде на основе ленты. Если ваше изображение слишком маленькое или не соответствует рекомендациям для большого превью, ваш контент будет опущен вниз ленты. Пользователи с большей вероятностью кликнут на статью, в которой есть четкое изображение высокого разрешения, занимающее всю ширину их мобильного экрана.
Кроме того, настройка ‘large’ гарантирует, что ваш контент оптимизирован для современных дисплеев с высокой плотностью пикселей. Если вы предоставляете изображение низкого разрешения, даже если тег установлен в значение ‘large’, визуальный результат может быть размытым или растянутым. Именно поэтому мы настаиваем на контроле качества наряду с технической конфигурацией; тег позволяет отображать изображение, но сам актив должен быть высокого качества, чтобы удерживать внимание пользователя.
С чего начать на этой неделе
Начните с аудита ваших важнейших целевых страниц, чтобы узнать, присутствует ли в данный момент тег max-image-preview. Если вы обнаружите, что он отсутствует, поработайте со своей командой разработчиков, чтобы добавить значение ‘large’ в ваш глобальный шаблон хеддера. После развертывания проверьте рекомендации по изображениям, чтобы убедиться, что ваш сайт предоставляет изображения шириной не менее 1200 пикселей для максимального использования этой настройки.
После обновления следите за аналитикой, чтобы увидеть любые изменения в эффективности Discover. Помните, что изменения в поиске происходят не мгновенно, поэтому дайте сканеру время повторно посетить ваши страницы и распознать новые инструкции. Если вы столкнетесь с трудностями, обратитесь к документации вашей CMS на предмет встроенной настройки SEO, которая может управлять этим автоматически.