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

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

Снабдив изображения дополнительными сведениями, вы добьетесь большей точности поиска и привлечете на свой сайт более заинтересованных пользователей. Оптимизируйте свои страницы и изображения на них так, чтобы их можно было с большей вероятностью найти в 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="puppy.jpg"/>
  • Нежелательный вариант (слишком много ключевых слов): <img src="puppy.jpg" alt="puppy dog baby dog pup pups puppies doggies pups litter puppies dog retriever labrador wolfhound setter pointer puppy jack russell terrier puppies dog food cheap dogfood puppy food"/>
  • Более эффективный вариант: <img src="puppy.jpg" alt="puppy"/>
  • Рекомендуемый вариант: <img src="puppy.jpg" alt="Dalmatian puppy playing fetch"/>

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

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

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

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

  • Рекомендуемый вариант: <img src="puppy.jpg" alt="A golden retriever puppy" />
  • Нежелательный вариант: <div style="background-image:url(puppy.jpg)">A golden retriever puppy</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="example-320w.jpg 320w,
       example-480w.jpg 480w,
       example-800w.jpg 800w"
   sizes="(max-width: 320px) 280px,
      (max-width: 480px) 440px,
      800px"
   src="example-800w.jpg" alt="responsive web!">

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

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

Пример: <picture>

<picture>
 <source type="image/svg+xml" srcset="pyramid.svg">
 <source type="image/webp" srcset="pyramid.webp">
 <img src="pyramid.png" alt="large PNG image...">
</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" />

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

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

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