Рекомендации по работе с Google Картинками

Google Картинки позволяют находить в Интернете информацию, представленную визуально. Новые функции, такие как подписи к изображениям, крупные значки и AMP-страницы в результатах поиска, помогут пользователям быстро выбирать нужные им материалы. 

На ваших страницах с визуальным контентом по возможности должны быть дополнительные сведения о нем. Так вы сможете расширить свою аудиторию и привлечь на сайт более заинтересованных посетителей. Оптимизируйте свои страницы и изображения на них так, чтобы их можно было с большей вероятностью найти в Google Картинках. Для этого следуйте приведенным ниже рекомендациям.

Запрет интерактивных ссылок в результатах поиска по картинкам

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

Вот как это сделать:

  1. При запросе вашего изображения проверяйте заголовок HTTP Referer.
  2. Если запрос исходит из домена Google, отправляйте ответ с кодом HTTP 200 (OK) или 204 (No Content).

Google по-прежнему сможет обнаруживать картинку при сканировании страницы, но в результатах поиска будет показываться уменьшенное изображение, созданное во время сканирования. К такому запрету можно прибегнуть в любой момент, причем повторная обработка изображений на сайте не понадобится. Это не считается маскировкой и не повлечет применение санкций в отношении ваших веб-страниц.

Вы также можете полностью запретить показ изображения в результатах поиска.

Сделайте сайт удобным для пользователей

Чтобы улучшить позиции своего контента в результатах поиска по картинкам, создавайте страницы в первую очередь для пользователей, а не для поисковых систем. Вот несколько советов:

  • Используйте релевантные изображения. Следите за тем, чтобы ваш визуальный контент соответствовал теме, которой посвящена страница. Желательно использовать только те изображения, которые дополняют по смыслу остальное содержание. Крайне не рекомендуется размещать на странице неоригинальные тексты и изображения.
  • Учитывайте место размещения изображений. По возможности размещайте изображения рядом с текстом, который они иллюстрируют. Наиболее важное изображение бывает разумно поместить в верхней части страницы.
  • Не размещайте важный текст непосредственно на картинках. Старайтесь не использовать текст на изображениях, так как в таком виде он доступен не всем пользователям. В первую очередь это касается таких важных текстовых элементов, как заголовки страниц и пункты меню. Помимо прочего, текст на изображениях не распознают инструменты, применяемые для перевода страниц на другие языки. Чтобы максимально упростить просмотр и поиск вашего контента, добавляйте текст на страницу только в разметке HTML, а также не забывайте указывать описания к картинкам в атрибутах alt.
  • Создавайте информативные и качественные сайты. Содержание страницы в целом не менее важно при поиске в Google Картинках, чем собственно визуальный контент. В этом случае результаты будут более релевантными и в них можно будет использовать дополнительные функции. Например, в качестве описаний к найденным картинкам могут быть использованы фрагменты текста страницы. Google также учитывает качество контента страницы при определении рейтинга изображений в результатах поиска.
  • Создавайте сайты, оптимизированные для мобильных устройств. Пользователи чаще выполняют поиск в Google Картинках с мобильных устройств, чем с компьютеров. Поэтому важно сделать свой сайт удобным для просмотра на устройствах любых типов и размеров. Проверка оптимизации для мобильных устройств поможет узнать, правильно ли показываются страницы и нет ли на них ошибок.
  • Тщательно прорабатывайте структуру URL для своих изображений. Помимо названий файлов, Google при обработке визуального контента учитывает пути в URL. Постарайтесь выработать логическую схему для URL изображений.

Уделите внимание заголовку и описанию страницы

Сервис "Google Картинки" автоматически создает заголовки и описания для изображений, чтобы пользователь понимал, как тот или иной результат соотносится с его запросом. Во многом от этого зависит, будут ли пользователи переходить к результатам поиска или нет.

Чтобы получить необходимые для работы этой функции сведения, мы используем различные источники, в том числе заголовки и метатеги на странице.

Чтобы обеспечить информативность создаваемых нами заголовков и описаний, следуйте этим рекомендациям.

Добавьте структурированные данные

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

Вы должны соблюдать общие правила в отношении структурированных данных, а также правила, касающиеся конкретного типа таких данных. В противном ваши структурированные данные не будут использоваться для показа расширенных результатов. Структурированные данные любого типа, на основе которых будут генерироваться расширенные результаты со значками, должны содержать атрибут image.

Ускорьте загрузку своих страниц

Зачастую именно изображения больше всего утяжеляют страницу и тормозят ее загрузку, из-за чего может дополнительно расходоваться трафик. Рекомендуем решить эту проблему с помощью новейших методов оптимизации и адаптивных изображений.

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

С помощью инструмента PageSpeed Insights узнайте, насколько быстро загружается ваш сайт, а затем ознакомьтесь с рекомендациями на нашем ресурсе Основы веб-дизайна, которые помогут вам ускорить загрузку веб-страниц.

Добавьте качественные фотографии

Пользователям больше нравятся фотографии хорошего качества. Четкие уменьшенные изображения в результатах поиска также с большей вероятностью привлекут посетителей на ваш сайт.

Правильно разместите изображения среди текста и подберите для них содержательные заголовки, названия файлов и подписи

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

Название файла может выполнять ту же функцию, что и заголовки с подписями. Поэтому вариант sobaka.jpg в качестве названия предпочтительнее, чем IMG00023.JPG.

Добавьте описания изображений в атрибуты alt

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

Определяя тему изображения, Google учитывает описания в атрибутах alt и контент страницы, а также опирается на алгоритмы компьютерного зрения. Кроме того, если вы решите использовать изображение в качестве ссылки, замещающий текст можно сделать ее текстом. 

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

  • Нежелательный вариант (нет текста в атрибуте alt): <img src="sobaka.jpg"/>
  • Нежелательный вариант (слишком много ключевых слов): <img src="sobaka.jpg" alt="собака щенок собачка маленькая собачка ретривер лабрадор волкодав сеттер пойнтер корм для собак дешевый корм для собак еда для собак"/>
  • Более эффективный вариант: <img src="sobaka.jpg" alt="собака"/>
  • Рекомендуемый вариант: <img src="sobaka.jpg" alt="далматин несет палку"/>

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

Помогите роботу Google найти ваши страницы

Реализуйте для изображений семантическую разметку

Считывая HTML-код ваших страниц, Google не индексирует изображения CSS.

  • Рекомендуемый вариант: <img src="sobaka.jpg" alt="Щенок золотистого ретривера" />
  • Нежелательный вариант: <div style="background-image:url(sobaka.jpg)">Щенок золотистого ретривера</div>

Используйте файлы Sitemap для изображений

Изображения являются важным источником информации о контенте сайта в целом. Вы можете указать дополнительные сведения об изображениях и предоставить Google адреса тех из них, которые иначе нельзя было бы обнаружить, в файле Sitemap.

Файлы Sitemap для изображений, в отличие от обычных файлов такого типа, могут содержать URL из других доменов. Это позволяет вам использовать для размещения графических файлов сети доставки контента (СДК). Рекомендуем подтвердить доменное имя СДК в Search Console, чтобы мы могли уведомлять вас о выявленных ошибках сканирования.

Поддерживаемые графические форматы

Google Картинки поддерживают изображения в следующих форматах: BMP, GIF, JPEG, PNG, WebP и SVG.

Вы также можете встраивать изображения с помощью URI с данными. С помощью этого способа можно добавить файл, например изображение, указав в качестве значения атрибута src элемента img строку следующего формата (в кодировке Base64):

<img src="data:image/svg+xml;base64,[data]">

Хотя встроенные изображения позволяют уменьшить количество HTTP-запросов, использовать их следует с осторожностью, поскольку в результате объем кода на странице может существенно вырасти. Более подробно о плюсах и минусах встроенных изображений рассказывается на сайте Основы веб-дизайна.

Адаптивные изображения

Адаптивными веб-страницами обычно удобнее пользоваться, так как их можно просматривать на самых разных устройствах. Советы по работе с изображениями для адаптивных сайтов можно найти на нашем ресурсе Основы веб-дизайна.

Адаптивные изображения добавляются с помощью атрибута <img srcset> или элемента <picture>. Однако они распознаются не всеми браузерами и поисковыми роботами. Поэтому рекомендуем всегда добавлять в код резервный URL (через атрибут img src).

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

Пример: <img srcset>

<img srcset="primer-320w.jpg 320w,
             primer-480w.jpg 480w,
             primer-800w.jpg 800w"
     sizes="(max-width: 320px) 280px,
            (max-width: 480px) 440px,
            800px"
     src="primer-800w.jpg" alt="Адаптивные изображения!">

Элемент <picture> представляет собой контейнер, с помощью которого группируются теги <source> для разных версий одного и того же изображения. В результате браузер может выбрать подходящий вариант изображения с учетом характеристик устройства, таких как плотность пикселей и размер экрана. Кроме того, элемент picture удобно использовать с новыми графическими форматами – если они не поддерживаются тем или иным клиентом, изображение будет загружено в более старом формате.

При использовании тега picture рекомендуем всегда включать в код резервный элемент img с атрибутом src.

Пример: <picture>

<picture>
  <source type="image/svg+xml" srcset="piramida.svg">
  <source type="image/webp" srcset="piramida.webp"> 
  <img src="piramida.png" alt="Большое изображение в формате PNG">
</picture>

Оптимизируйте изображения для Безопасного поиска

Безопасный поиск – это функция, с помощью которой в результатах поиска Google блокируется или разрешается показ изображений, видео и веб-страниц с контентом сексуального характера. Чтобы соответствующие настройки применялись надлежащим образом, вам нужно предоставлять Google информацию о типе контента ваших изображений.

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

Если на вашем сайте есть визуальный контент, предназначенный для просмотра исключительно взрослыми, мы настоятельно рекомендуем разместить его отдельно. Пример: http//www.example.com/adult/image.jpg.

Добавьте метаданные на страницы с контентом для взрослых

Если пользователь включил режим Безопасного поиска, алгоритмы Google на основе различных данных определяют, какие результаты не показывать. В случае с изображениями свою роль играет машинное обучение, однако учитываются и достаточно простые факторы, например, где и в каком контексте определенное изображение использовалось раньше.

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

<meta name="rating" content="adult" />
<meta name="rating" content="RTA-5042-1996-1400-1577-RTA" />

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

Дополнительная информация

Ознакомьтесь с нашим руководством Введение в поисковую оптимизацию, чтобы узнать, как повысить рейтинг своего ресурса в результатах поиска. Если у вас есть вопросы, задайте их на Справочном форуме для веб-мастеров.

Эта информация оказалась полезной?
Как можно улучшить эту статью?