Bugsp.ru

Ваша компьютерная помощь
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как пользоваться поиском по картинкам в Google

Как пользоваться поиском по фото Google с телефона или компьютера

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

Одним из бессменных лидеров рынка, который занимается поиском данных пользователей, конечно же является корпорация Google. Её поисковик уже давно считается самым узнаваемым сервисом интернета. Но если с письменными запросами всем всё понятно, то о возможности отыскать информацию по картинке знает далеко не каждый. Мы намерены исправить эту ситуацию и объяснить простые методы работы с ещё одной полезной функцией поисковика.

Вставить картинку в поиск

Ситуации, из-за которых мы всё чаще обращаемся к поиску по картинке в Интернете, случаются всё чаще. Иногда желаешь отыскать первоисточник, разместивших оригинальное изображение. Или случается так, что, имея кадр из фильма, заинтересован узнать название киноленты. Такой вид поиска даже имеет свой отдельный термин – «реверсивный». А самих вариаций реверсивного поиска всего две:

Поиск через ссылку

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

Процесс копирования url-адреса

  1. После получения необходимой ссылки, переходим на сайт https://images.google.com/. Здесь нас интересует иконка фотокамеры, нажатие на которую даст возможность разместить ссылку.

Интерфейс сервиса Google Картинки

  1. Вставляем ссылку в появившуюся графу (комбинация клавиш CTRL + V) и нажимаем «Поиск по картинке».

Вставка ссылки для поиска

  1. Далее сервис предоставит нам все найденные результаты по вашему запросу. Как мы видим, система распознала на картинке марку и модель авто, а также предоставила новости/видеоматериалы, которые вполне возможно заинтересуют ищущего.

Выданные гуглом результаты поиска

Примечание: браузер Google Chrome заметно упрощает работу с поиском картинки по ссылке. В обход сразу нескольких пунктов, после нажатия ПКМ на фото вы можете выбрать вариант «Найти картинку (Google)» и сразу перейти к результатам.

Уникальная для Google возможность поиска картинки

Поиск по файлу

Набор алгоритмов, предоставляющих нам возможность осуществить Гугл поиск изображения по картинке получил название «компьютерное зрение». Технология дорабатывается и по сей день, предоставляя возможность не только найти совпадающие иллюстрации, но и близкие по источнику. Например, вы можете провести поиск картинки через Гугл, имея при этом отредактированную её версию, или расположенную с другого ракурса (даже незначительную её часть). Также удобно проводить поиск человека по картинке Гугл, даже если объект съемки имеет другой ракурс.

  1. Для начала вам потребуется зайти на сайт https://images.google.com/ и нажать на значок, напоминающий камеру.

Интерфейс сервиса Google Картинки

  1. Далее следует выбрать вкладку «Загрузить файл» и нажать на кнопку «Выбрать файл».

Загрузка фотографии на сервер Гугл

  1. В необходимой директории выберите фото, которое вас интересует и нажмите «Открыть».

Как пользоваться поиском по фото Google с телефона или компьютера

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

Выданные популярные запросы и близкие по стилю фотографии к нашей

Расширение Google Reverse Image Search

Если вас заинтересовала возможность быстрого поиска изображений в гугл, в обход ручному копированию и вставки ссылок, но вы принципиально отказываетесь пользоваться Хромом, или же вы столкнулись с проблемой поиска определенного размера картинки, советуем воспользоваться расширениями для браузера. Отличным выбором будет Google Reverse Image Search, которое подходит для установки в Opera, или Mozilla Firefox. Для примера разберем установку на последний.

  1. Проходим на официальную страницу расширения. На появившейся странице выбираем «+ Добавить в Firefox».

Страница Google Reverse Image Search в магазине Firefox

  1. Далее соглашаемся с требования приложения, нажимая на кнопку «Add/Добавить».

Добавление расширения в список исполняемых файлов

  1. Расширение установлено и готово к работе. Проверим его. Выберите любое изображение в интернете и примените к нему ПКМ. Нажмите на команду «Google Reverse Image Search».

Вывод контекстного меню с последующим применением плагина

  1. Как вы видите, на странице результатов отобразились те же фото, однако с отличающимися разрешениями сторон.

Разнообразие представленных вариантов одного фото

С помощью TinEye

Иным вариантом, которым вы можете воспользоваться является расширение TinEye Reverse Image Search, также использующееся с различных браузеров. Принципиального отличия между ним и Google Reverse Image Search почти нет. Однако, Тинай имеет более расширенный поиск, так как производит автоматическую загрузку изображения в одноименную поисковую систему.

  1. Установка его всецело повторяет процедуру, описанную в разделе выше. Для начала перейдем на страницу с расширением. Нажимаем «Добавить в Firefox».

Страница TinEye Reverse Image Search в магазине Firefox

  1. Подтверждаем добавление в библиотеку.

Добавление расширения в список исполняемых файлов

  1. TinEye функционирует. В контекстном меню браузера, вызвать который можно кликнув ПКМ на любую картинку, появился доп. пункт.

Вывод контекстного меню с последующим применением плагина

  1. После его нажатия должна открыться новая вкладка с результатами поиска.

Результаты выданные из сервера TinEye

Поиск картинки через телефон

Всё чаще нам приходится проводить Гугл поиск по картинке с телефона и рассчитывать на столь многочисленные варианты, представленные выше мы уже не можем. Тем не менее найти подходящее изображение с телефона Андроид (Айфона) мы можем несколькими способами.

Вариант, при котором картинка находится в сети

При наличии интернет соединения мы легко можем воспользоваться упрощенными алгоритмами поиска Google. Для этого выберите необходимое фото и долгим нажатием на его область дождитесь появления контекстного меню. Выберите «Найти это изображение в Google»

Читайте так же:
Проброс портов в VirtualBox

Примения автоматического поиска Google через url-адрес

Дождитесь появление страницы с результатами.

Найденная информация по нашему запросу

Вариант, если картинка находится на носителе

К сожалению сервис Google Картинки не представляет возможным загрузку изображения с телефона с последующей его идентификацией. На выручку приходят различные приложения лидером среди которых принято считать «Search By Image». Благодаря ему, вы сможете найти оригинал части снимка, задействованного в коллаже, редактировать фото перед его поиском, а сам процесс нахождения оригинала будет проводиться на серверах Google, TinEye и даже Яндекса.

Зайдите на страницу приложения в Play Маркет. Нажмите на «Установить» и дождитесь окончания установки.

Установка приложения на Android

Запустите приложение. Для добавления изображения нажмите на «+», расположенном в правом нижнем углу экрана.

Главная страница Search By Image

Поиск по фото с мобильного здесь возможен как через файл, хранящийся на вашем смартфоне, так и со свежо отснятого снимка. Для первого варианта выберите «Image Gallery».

Варианты добавления изображения

Загрузите любое интересующее вас изображение и нажмите на появившуюся рядом с плюсом лупу.

Применение функции поиска к выбранному изображению

По умолчанию выводимый результат отобразится на странице Google.

Найденная информация по нашему запросу

Ищем фильм по картинке

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

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

Выделим фото правой кнопкой мыши и выберем поиск изображения в Гугл.

Вызов контекстного меню в браузере Chrome

Нам повезло! В первых результатах мы можем увидеть, что это 10 серия, третьего сезона и не теряя время насладиться просмотром.

Найденная информация по нашему запросу

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

Ищем и находим с помощью Картинок Google

Уже была моя заметка о поиске похожих фотографий с помощью TinEye. Там я мельком упомянул о том, что похожие картинки можно искать и с помощью сервиса «Картинки Google». На тот момент все работало не слишком удачно, но сейчас сервис доработали.

Поиск предмета/события/еще чего-нибудь по названию

Просто заходим на страницу Картинок Google и вводим поисковый запрос. Например, «Котята»:

Просто ищем котят

Просто ищем котят

Здесь все просто: вводим слово и получаем результат.

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

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

Поиск похожих фотографий/рисунков/изображений

Данную функцию можно применять в разных случаях:

  1. Поиск картинки в лучшем качестве.
  2. Поиск человека в интернете по фотографии.
  3. Чтобы узнать название вещи или пейзажа по фотографии.
  4. Поиск похожих фотографий или рисунков, картинок.

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

Ищем картинку в более хорошем качестве

Например, вы увидели классные обои в интернете, но они слишком малы для вашего монитора — разрешение у картинки маленькое, у монитора большое, в итоге все размыто. Значит, надо найти картинку в лучшем качестве.

К примеру, у меня есть вот такая небольшая картинка синеволосой девушки:

Загадочная девушка

Поищем вариант в большем разрешении. Открываем Картинки Google и нажимаем неприметную кнопку в строчке:

Нажимаем кнопку

У нас будет выбор — указать ссылку на фотографию либо загрузить ее с компьютера. У меня картинка на жестком диске, поэтому я нажимаю Загрузить файл — Выберите файл — Открыть. Спустя некоторое время (картинка должна загрузиться на сервера Гугла) появится страница с результатами поиска:

Много синеволосых девушек

Много синеволосых девушек

Чтобы отфильтровать картинки по качеству, есть две ссылки — «Маленькие» и «Большие». Естественно, выберу «Большие«, чтобы увидеть наилучшее качество:

Ссылка на страницу картинки в самом лучшем качестве

Ссылка на страницу картинки в самом лучшем качестве

Разрешение картинки очень даже хорошее — 1920 на 1080 пикселей. Так что можно пройти по ссылке и скачать ее себе.

Итак, чтобы найти картинку в лучшем качестве, чем есть, надо указать ее адрес или загрузить с диска, затем нажать ссылку «Большие».

Поиск человека в интернете по фотографии

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

Результат поиска дает ссылку на место, где эта фотография выложена. Это нам и надо.

Результат поиска дает ссылку на место, где эта фотография выложена. Это нам и надо.

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

Читайте так же:
Как отключить антивирус

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

Узнаем название вещи или пейзажа по фотографии

Существует программа под названием Google Goggles для iPhone и телефонов с операционной системой Android. Она позволяет переводить сфотографированный текст или определять название, находить информацию сфотографированного предмета или достопримечательности. Действительно замечательная штука, но версии для компьютеров нет. Отчасти это можно компенсировать с помощью того же поиска картинок Google.

Пример: у нас есть фотография пейзажа, но мы не знаем, что это за такое красивое место:

Неизвестная (пока что) достопримечательность

Неизвестная (пока что) достопримечательность

Как и в предыдущих вариантах, нажимаем кнопку в виде фотоаппарата в строке поиска, загружаем фотографию и получаем результат:

Результат поиска

Предупреждаю — это работает не всегда. Для правильного результата эта фотография или очень похожая должна уже быть в базе поиска картинок Google, т.е. быть в интернете, также возле картинки на странице должно располагаться описание. Если достопримечательности можно легко узнать (т.к. известное место и в интернете «известно»), то с предметами шанс найти описание почти нулевой.

Если информации о месте нет, мы увидим страницу с похожими фотографиями по аналогии со следующим примером.

Ищем похожие фотографии или рисунки, картинки

Раньше в этом был силен поисковик TinEye, как я уже рассказывал ранее. Но Картинки Google тоже не лыком шиты.

Как и раньше, открываем поиск по картинкам от Google, нажимаем в строке поиска значок фотоаппарата и загружаем (к примеру) фотографию рыжего котенка:

Много котов!

И нажимаем ссылку «Похожие изображения«. Напомню: можно не загружать фотографию, а указать ее адрес в интернете либо просто ввести в поиск запрос «рыжий котенок», навести стрелку мыши на фотографию и нажать «Похожие«.

В любом случае, эти действия приведут к поиску похожих фотографий:

Поиск похожих фотографий

Поиск похожих фотографий

Обратите внимание на надпись «Похожие» над картинками. Значит, сейчас работает этот режим. Нажатие на крестик справа выключит его. Щелчок по картинке откроет, как и следует, увеличенную копию на фоне сайта, где эта картинка находится.

Вывод

Поиск картинок Google всегда действует одинаково. В зависимости от того, что удалось найти, страница поиска меняется. При очень успешном результате, когда удается точно опознать название фотографии и найти информацию по ней, нас перекидывает на страницу поиска по тексту (как в случае с поиском достопримечательности).

Фактически, сайт поиска старается предугадать — что же нам нужно на самом деле. Иногда успешно, иногда нет. Разницы между приведенными выше примерами фактически нет. Поиск всегда происходит одинаково, просто мы смотрим в разные места поиска и нажимаем нужные нам ссылки. Я лишь привел самые «контрастные» примеры, поэтому не следует искать кнопочку «Поиск похожих фотографий» или «Поиск человека по фотографии». Их нет. Поиск всегда один. Все зависит лишь от того, что мы ищем.

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

Настройка Arch Linux для хостинга сайтов с оптимизацией PageSpeed
Фоторедактор Movavi: улучшение фотографий для начинающих
Недостатки WordPress и как их обойти

Поиск по изображениям — гугл и не только

Сначала немного общих слов о том, как вообще можно организовывать поиск по изображениям.
В идеале нам бы хотелось иметь систему, которая может анализировать содержимое рисунка, определять, изображен там дом, озеро или кошка с котятами, ну и попутно запоминать разные характеристики обнаруженных объектов — такие как цвет, размер, взаимное размещение — а потом осуществлять поиск по этой информации. Но, к сожалению, на сегодняшний день это решительно невозможно. Как минимум, нет метода, который позволил бы сколько-нибудь надежно выделять объекты реального мира на картинках.
Поэтому любая система вынуждена анализировать менее интеллектуальные признаки, и этих признаков может быть несколько разных типов:

Границы
image
Алгоритмов выделения границ есть несколько, они работают достаточно хорошо и надежно, главная проблема с ними в том, что после выделения все еще непонятно, что с ними делать. Можно посчитать относительную площадь границ — в идеале это может сказать, «рябое» это изображение, или «ровное», но на практике оказывается, что этот критерий работает слабенько. Можно попробовать посмотреть на Фурье-образ изображения границ — это может сказать нам, нет ли на изображении выраженных периодических контуров. Но все равно, подобная информация очень слабо характеризует то, как картинка будет восприниматься визуально. Поэтому этот класс признаков может служить только глубоко вспомогательным.

Читайте так же:
Как скопировать загрузочную флешку на другую флешку

Текстура
image
Текстура — это область изображения, где между соседними точками могут быть существенные перепады яркости и цвета, но которая при этом визуально воспринимается как однородная область (например, трава, поверхность воды, и т.п.). Существуют различные методы, которые позволяют более-менее неплохо выделять границы между текстурами (несколько примеров тут: matlab.exponenta.ru/imageprocess/book2/55.php ), и хотя они достаточно вычислительно дорогие, все же они могут использоваться на практике. Вопрос скорее в другом — что делать с этой информацией? По сути, это может дать примерно тот же набор признаков, что и границы — представление о том, насколько изображение визуально однородно — только, в некотором смысле, более качественно. Соответственно эти признаки тоже могут быть только вторичными, хотя их значение несколько больше.

SIFT-подобная сигнатура
image
Метод SIFT (scale-invariant feature transform) выбирает на изображении набор опорных точек (грубо говоря, в местах, где вторая производная изображения достигает локальных максимумов — но строго говоря там все несколько сложнее), и использует взаимное расположение опорных точек в роли характеристики картинки. У этого метода есть несколько вариаций (в первую очередь связанных с другими способами выбора опорных точек). Эта группа методов весьма хороша для выяснения, является ли одно изображение деформированной копией другого — однако для определения подобия двух принципиально разных, пусть и визуально похожих картинок, метод непригоден (например, две фотографии одного и того же котенка в разных позах будут иметь мало общего для таких методов). Поэтому в системе поиска он может играть роль только определения, есть ли в базе модификации искомого изображения, но не может находить подобные в любом другом смысле.

Цвет
image
Цвет является, пожалуй, наиболее значимой для анализа характеристикой — т.к. во-первых, это визуально очень важный признак. А во-вторых, достаточно несложно пройтись по изображению и выяснить, какие именно цвета там чаще всего встречаются. Более того, оказывается, что для большинства реальных изображений основных цветов обычно не более 6-7, а часто и вовсе 3-4. Это существенно — т.к. при таком небольшом количестве признаков поиск по базе картинок можно реализовать даже быстрее, чем поиск по базе html-страниц.

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

Теперь о Гугле
Анализируя собственно поиск Гугла, несложно выяснить, что первое что он пытается сделать — это найти подобное изображение в своей базе «популярных картинок» (например, туда входят иллюстрации из википедии). Судя по всему, используется некоторый SIFT-подобный метод — т.к. мои попытки сбить его с толку цветокоррекцией не дали никаких результатов (вплоть до замены синий->зеленый, и остальные цвета аналогично), однако изображение с измененными пропорциями, сжатое по горизонтали всего на 20%, этот метод уже не узнавал.
Если изображение обнаружено в базе популярных — то Гугл поднимает его контекст, и выдает подобные на основании этого контекста.

Самое интересное начинается, если изображение не было «узнано». В этом случае гугл предлагает набор «визуально подобных» картинок — и несложно выяснить экспериментальным путем, что ключевым признаком подобия у них является как раз набор цветов, присутствующих на изображении, с учетом занимаемой ими площади — возможно, дополненный некоторой информацией о текстуре или границах, но ключевым признаком безусловно является цвет.

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

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

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

Отключение интерактивных ссылок в 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=»https://developers.google.com/search/docs/advanced/guidelines/puppy.jpg»/>
  • Нежелательный вариант (слишком много ключевых слов): <img src=»https://developers.google.com/search/docs/advanced/guidelines/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=»https://developers.google.com/search/docs/advanced/guidelines/puppy.jpg» alt=»puppy»/>
  • Рекомендуемый вариант: <img src=»https://developers.google.com/search/docs/advanced/guidelines/puppy.jpg» alt=»Dalmatian puppy playing fetch»/>
Читайте так же:
Steam Inventory Helper для Opera

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

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

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

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

  • Рекомендуемый вариант: <img src=»https://developers.google.com/search/docs/advanced/guidelines/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):

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

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

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

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

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

Пример: <img srcset>

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

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

Пример: <picture>

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

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

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

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

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

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

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

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

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

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

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

голоса
Рейтинг статьи
Ссылка на основную публикацию