Изображения Google - полное руководство | ВесьТоп создание и продвижение сайтов

Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

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

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Изображения Google — полное руководство

Сохранить на потом Только для подписчиков клуба (авторизация)

Никола Миньков — основатель & Генеральный директор Змей и имеет более 7 лет международного опыта в поисковой оптимизации. Его основное внимание уделяется технической оптимизации, построению стратегий контент-маркетинга, планированию и прогнозированию полных SEO-кампаний, созданию стратегий для управления результатами поисковой выдачи.

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

?????? СОДЕРЖАНИЕ:

  1. История изображений Google
  2. Вскрытие изображений Google к 2019 г.
  3. Запрос всегда первый (поиск картинок Google)
  4. Используйте категории в Картинках Google
  5. Используйте инструменты в Картинках Google
  6. Оптимизация изображений Google
  7. Оптимизировать заголовки изображений
  8. Пользовательский опыт (UX)
  9. Независимо от размера файла — оптимизация скорости
  10. Заранее оптимизируйте альтернативные теги фотографий
  11. Используйте правильные форматы в правильных ситуациях
  12. Структурированные данные
  13. Помогите Google найти ваши изображения
  14. Вывод

?????? Смотрите также эти ТОП-25 приложений для удаления дефектов и украшения ваших фотографий, лица и тела — для сервисов Instagram и Facebook.

?????? История изображений Google:

Изображения Google принадлежат компании Google Inc., которая является частью Alphabet Inc. На заре Google в 2000 году результаты сводились к страницам текста.

Google Images был запущен 12 июля 2001 года из-за большого количества запросов по фотографиям Дженнифер Лопес и знаменитого "зеленого платья Версаче". Скорость роста проиндексированных изображений замечательна, посмотрите сколько:

Хронология основных изменений:

Вскрытие изображений Google к 2019 г.

Чтобы этот материал был полезен читателям LifeHack, мы постараемся сделать краткую архитектуру всех возможностей в Google картинки. Есть два URL-адреса, по которым вы можете получить доступ к изображениям Google:

Официальной документации, объясняющей причину появления двух адресов, нет, но если вы выполните поиск на google.com и нажмете кнопку «изображения», вы заметите, что эта кнопка приводит к тем же результатам, что и google.com/imghp и images.google. .com. Однако, если вы переключитесь с google.com, вы заметите, что Google перенесет вас на google.com/imghp. С другой стороны, в патенте Google под названием «Каскадные кластерные коллажи: визуализация результатов поиска изображений на небольших дисплеях» еще в 2006 году упоминается images.google.com. Основная цель этого патента Google состоит в том, чтобы объединить и подготовить поисковую систему к эпохе мобильных устройств с помощью так называемого алгоритма k-средних, который группирует изображения с помощью k-дерева с учетом будущих смартфонов. Если вы хотите узнать больше о патентах Google, читайте здесь.

Запрос всегда первый

Если вы хотите выполнить поиск в Картинках Google, вам нужно ввести запрос (слово, фразу или фразу), но, как мы упоминали в истории изображений Google, есть несколько изменений, которые мы собираемся продемонстрировать сейчас.

У нас есть 4 основных типа поиска на компьютере:

?????? Поиск по словам или фразам (по умолчанию)

Введите фразу или слово в поисковую систему и нажмите Enter или кнопку поиска. Например, мы вводим «Lifehack bg» и результат такой. Однако это довольно простая задача для Google, и ожидается, что с ней будет легко справиться.

?????? Поиск по URL или загрузке изображения

Когда вы нажмете эту кнопку, появится всплывающее окно (см. Изображение ниже), и у вас будут следующие параметры:

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

Вы должны сначала переключиться на «Загрузить изображение». Затем загрузите изображение, которое мы использовали (ниже).

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

Как видите, изображение в Lifehack не имеет тега alt или заголовка, а файл назван «соответствующим образом»: 87987-332 × 143.jpg. Соответственно, у Google нет другого выбора, кроме как попытаться проанализировать это изображение через свою нейронную сеть на определенных основаниях.

Это не очень простая задача, но результат жестокий, наслаждайтесь.

Основные черты результата связаны с «Джокером» (если вы смотрели Бэтмена), но интересно, что команда Lifehack.bg ни разу не упомянула в своей статье про «Безумных гениев» слово «джокер», даже Бэтмен », Мы даже проверили дальше, и нет никаких упоминаний« кино »или« актер ». Итак, давайте спросим себя: насколько умен Google?

Ответ на этот вопрос заключается в глубине и использовании нейронных сетей в алгоритме Google.

Наличие сети знаний (панель справа от изображения ниже, взятого из Википедии) в результате является признаком полного распознавания сущности вопреки намерению (намерению) запроса пользователя.

?????? Голосовой поиск

После нажатия кнопки «микрофон» появится всплывающее окно, через которое Google запросит у вас разрешение на использование микрофона в ваших целях. Как только вы включите его (иначе вы не сможете пользоваться сервисом), появится аналогичная панель.

Если вы не скажете что-либо в течение 8 секунд, появится следующее окно, позволяющее повторить запрос.

Для теста мы используем фразу «последнее сообщение Lifehack», и Google пытается распознать нашу речь, это называется «Google Speech-to-Text», которая является совершенно другой технологией, чем Google. Полученные нами результаты открывают стандартную панель поиска изображений, к которой мы привыкли.

В этом результате нет ничего удивительного, за исключением того, что Google смог распознать болгарский и английский по одной фразе, что является частью технологии Google Speech-to-Text.

Клавиатура больше никогда не будет лишней

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

?????? Используйте категории в Картинках Google

Мы снова будем использовать ссылку «последние сообщения лайфхака» для этого запроса.

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

Мы уже обнаружили, что Google достаточно умен.

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

Вот примеры, которые мы покажем:

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

Как видите, у нас есть:

Если вы помните, что наш первоначальный запрос был «Последние сообщения лайфхака», однако, категории, по которым Google предлагает нам фильтровать, — это те, которые предоставляют сообщения более 2 и 4 лет. Здесь Google не улавливает намерение в категориях для слова «последний» и игнорирует его, а предлагает их в соответствии с интересами пользователей. С другой стороны, при поиске в Google, связанном с Facebook, вы заметите, что сайт Lifehack.bg имеет очень хорошую видимость. И, в частности, по запросу "Уловки Facebook" сайт Lifehack.bg занимает первое место, посмотреть на себя.

Используйте инструменты в Картинках Google

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

Google Image Tools делится на несколько основных типов:

Размер

Этот инструмент позволяет фильтровать результаты по:

Вот список всех размеров:

цвет

Здесь у нас есть возможность фильтровать по цвету, вот как:

Права на использование

Это довольно удобно, если вы не хотите подпадать под действие закона об авторских правах какой-либо страны или учреждения. Вот возможности:

Тип

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

Время

Это очень удобно, если вы ищете архив или что-нибудь обновленное. Однако одно дело искать изображение Дженнифер Лопес из 2001 года, а другое — из 2019:

Дополнительные инструменты

Здесь у вас не так много вариантов, поэтому вам придется выбирать из:

Разница между ?????? Мобильные и настольные ??????

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

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

Как вы можете видеть (на изображении выше), у нас есть инструменты и категории на горизонтальной панели, которую вы можете провести пальцем влево и выбрать категорию или инструмент фильтрации, который подходит именно вам.

Категории идентичны настольным устройствам, но давайте проверим, что присутствует в инструментах поиска на рабочем столе в мобильном поиске:

Оптимизация изображений Google

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

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

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

Оптимизировать заголовки изображений

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

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

Размер имеет значение даже при оптимизации изображений

Как уже стало понятно, быстрая загрузка сайта важна как для пользователей, так и для поисковых систем. Никто не любит сайты с медленной загрузкой, верно?

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

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

Безусловно, лучшим решением будет использование программного обеспечения для обработки фотографий лидера. Для этого вы можете перейти в Photoshop и его команду «Сохранить для Интернета» из меню «Файл», но не все технически знакомы со спецификой различных форматов изображений, а также с интерфейсом и функциональностью Photoshop. Поэтому вы можете использовать другой сервис, например, на Tinypng.com или Compressor.io.

Пользовательский опыт (UX)

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

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

В контексте ключевой

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

Оптимизация макета изображения

Очень важно, чтобы ваше изображение не перекрывалось, не прилипало к тексту или не затемняло его, что может помешать работе пользователя.

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

Не пытайтесь вставлять тексты

Неправильно иметь много текста, особенно в заголовках, меню или в самом изображении, потому что это нарушит общую согласованность UX на вашей странице.

Помните, что потребители все чаще используют свои смартфоны.

В большинстве ниш, которые мы проанализировали в Змей, и глобальная тенденция, которая наблюдается с конца 2016 года, заключается в том, что трафик с мобильных устройств превышает трафик с компьютеров. Поэтому при планировании построения архитектуры страницы нам необходимо соблюдать требования и ориентироваться в основном на мобильных пользователей. Для этого вы можете прочитать эти короткие советы от Google для удобства мобильных устройств. Если вы хотите проверить, подходит ли ваш сайт для мобильных устройств, вы можете посетить так называемый. Google Mobile Friendly Test (GMFT).

Создайте хорошую структуру URL

Часто при загрузке изображения не уделяется внимания имени файла, как мы показали в приведенном выше примере с сайтом Lifehack.bg, что приводит к изображениям с адресом: IMG123456.jpg.

?????? Вот наш совет:

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

Пример: ime-na-izobrajenie.jpg.

Также обязательно используйте латиницу, а не кириллицу.

Какой размер файла — оптимизация скорости?

Точного рецепта для этого нет. Использовать Google PageSpeed ​​Insights, чтобы контролировать скорость зарядки. В принципе, это хорошо, если размер фотографий меньше 100 Кб, но, конечно, это не стандарт и не правило, потому что каждая фотография отличается своим разрешением, размером изображения / в пикселях / и т. Д.

Еще один очень удобный инструмент для анализа скорости, с помощью которого вы можете увидеть, оптимизированы ли ваши изображения, и если не загружать оптимизированную версию напрямую, — это GTmetrix. По указанному адресу вы увидите, что GTmetrix дает нам в поле «Оптимизировать изображения» версию изображения, которое есть на сайте Lifehack.bg.

Также рекомендуем ознакомиться с основными рекомендациями Ильи Григорика по оптимизации изображений для поисковых систем в разделе — Скорость загрузки страницы.

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

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

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

Вы также можете использовать инструмент YSlow, чтобы узнать, оптимизация изображений на вашем сайте был успешным.

Не забудьте пройти тест на своем мобильном телефоне или планшете.

Заранее оптимизируйте альтернативные теги фотографий

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

?????? Как это добавить?

Просто найди тег lt; imggt; в коде вашего сайта и напишите alt = "Your alt tag".

Пример: lt; img src = "chocolate-donuts.jpg" alt = "шоколадные пончики" / gt;

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

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

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

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

Используйте правильные форматы в правильных ситуациях

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

Но какие форматы используются чаще всего?

Стандартные форматы изображений, используемые в Интернете:

Новые форматы изображений от Рекомендация Google:

Структурированные данные

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

Однако сегодня мы рассматриваем именно оптимизацию изображений в Google, поэтому укажем основные типы тегов согласно официальной документации Google:

?????? Продукты

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

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

lt; тип сценария = «application / ld + json» gt;
{
 «@Context»: «https://schema.org/»,
 «@Type»: «Продукт»,
 «Имя»: «Наковальня руководителя»,
 «Изображение»: [
   «Https://example.com/photos/1×1/photo.jpg»,
   «Https://example.com/photos/4 × 3/photo.jpg»,
   «Https://example.com/photos/16 × 9/photo.jpg»
  ],
 "Описание": "Более гладкая, чем классическая наковальня ACME, наковальня Executive идеально подходит для деловых путешественников, которым нужно что-то упасть с высоты.",
 «Артикул»: «0446310786»,
 «Mpn»: «925872»,
 "Бренд": {
   "@Type": "Вещь",
   «Имя»: «ACME»
 },
 "Обзор": {
   "@Type": "Обзор",
   "ReviewRating": {
     "@Type": "Рейтинг",
     "RatingValue": "4",
     «BestRating»: «5»
   },
   "Автор": {
     "@Type": "Человек",
     «Имя»: «Фред Бенсон»
   }
 },
 "AggregateRating": {
   "@Type": "AggregateRating",
   «RatingValue»: «4,4»,
   "ReviewCount": "89"
 },
 "Предложения": {
   "@Type": "Предложение",
   "URL": "https://example.com/anvil",
   «PriceCurrency»: «USD»,
   «Цена»: «119,99»,
   «PriceValidUntil»: «2020-11-05»,
   «ItemCondition»: «https://schema.org/UsedCondition»,
   «Доступность»: «https://schema.org/InStock»,
   «Продавец»: {
     «@Type»: «Организация»,
     «Имя»: «Исполнительные объекты»
   }
 }
}
lt; / scriptgt;

lt; тип сценария = ”application / ld + json” gt;
{
«@Context»: «https://schema.org/»,
«@Type»: «Продукт»,
«Имя»: «Наковальня руководителя»,
«Изображение»: [
«Https://example.com/photos/1×1/photo.jpg»,
«Https://example.com/photos/4 × 3/photo.jpg»,
«Https://example.com/photos/16 × 9/photo.jpg»
],
«Бренд»: {
«@Type»: «Вещь»,
«Имя»: «ACME»
},
«AggregateRating»: {
«@Type»: «AggregateRating»,
«RatingValue»: «4,4»,
«RatingCount»: «89»
},
"Предложения": {
«@Type»: «AggregateOffer»,
«LowPrice»: «119,99»,
«HighPrice»: «199,99»,
«PriceCurrency»: «USD»
}
}
lt; / scriptgt;

lt; div typeof = »схема: продукт» gt;
lt; div rel = »схема: обзор» gt;
lt; div typeof = »схема: обзор» gt;
lt; div rel = »schema: reviewRating» gt;
lt; div typeof = «схема: рейтинг» gt;
lt; div свойство = »схема: рейтингValue» content = «4 ″ gt; lt; / divgt;
lt; div свойство = »схема: bestRating» content = «5 ″ gt; lt; / divgt;
lt; / divgt;
lt; / divgt;
lt; div rel = »схема: автор» gt;
lt; div typeof = "схема: человек" gt;
lt; div свойство = »схема: имя» content = «Фред Бенсон» gt; lt; / divgt;
lt; / divgt;
lt; / divgt;
lt; / divgt;
lt; / divgt;
lt; div rel = ”schema: image” resource = ”https://example.com/photos/4 × 3/photo.jpg” gt; lt; / divgt;
lt; свойство div = "схема: mpn" content = "925872" gt; lt; / divgt;
lt; div свойство = »схема: имя» content = «исполнительная наковальня» gt; lt; / divgt;
lt; div property = ”schema: description” content = ”Более изящная, чем классическая наковальня ACME, наковальня Executive идеально подходит для деловых путешественников, которым нужно что-то упасть с высоты.” gt; lt; / divgt;
lt; div rel = ”schema: image” resource = ”https://example.com/photos/1×1/photo.jpg” gt; lt; / divgt;
lt; div rel = "схема: бренд" gt;
lt; div typeof = »схема: вещь» gt;
lt; div свойство = »схема: имя» content = «ACME» gt; lt; / divgt;
lt; / divgt;
lt; / divgt;
lt; div rel = ”schema: aggregateRating” gt;
lt; div typeof = "схема: AggregateRating" gt;
lt; div свойство = »схема: reviewCount» content = «89 ″ gt; lt; / divgt;
lt; div свойство = »схема: рейтингValue» content = «4.4 ″ gt; lt; / divgt;
lt; / divgt;
lt; / divgt;
lt; div rel = »схема: предлагает» gt;
lt; div typeof = »схема: предложение» gt;
lt; свойство div = «схема: цена» content = «119,99 ″ gt; lt; / divgt;
lt; свойство div = "схема: доступность" content = "https://schema.org/InStock" gt; lt; / divgt;
lt; div rel = "схема: продавец" gt;
lt; div typeof = »схема: Организация» gt;
lt; div свойство = »схема: имя» content = «исполнительные объекты» gt; lt; / divgt;
lt; / divgt;
lt; / divgt;
lt; div свойство = »схема: priceCurrency» content = «USD» gt; lt; / divgt;
lt; свойство div = «схема: priceValidUntil» тип данных = «xsd: date» content = «2019-02-05 ″ gt; lt; / divgt;
lt; div rel = »schema: url» resource = «https://example.com/anvil» gt; lt; / divgt;
lt; div свойство = »схема: itemCondition» content = «https://schema.org/UsedCondition» gt; lt; / divgt;
lt; / divgt;
lt; / divgt;
lt; div rel = ”schema: image” resource = ”https://example.com/photos/16 × 9/photo.jpg” gt; lt; / divgt;
lt; div свойство = »схема: sku» content = «0446310786 ″ gt; lt; / divgt;
lt; / divgt;
lt; / divgt;

lt; div vocab = »https://schema.org/» typeof = «Product» gt;
lt; span property = "brand" gt; ACMElt; / spangt; lt; span property = "name" gt; Executive Anvillt; / spangt;
lt; img property = »изображение» src = »anvil_executive.jpg» alt = «Логотип исполнительной наковальни» / gt;

lt; span property = "aggregateRating"
typeof = ”AggregateRating” gt;
Средний рейтинг: lt; span property = ”ratingValue” gt; 4.4lt; / spangt;, на основе
lt; span property = ”ratingCount” gt; 89lt; / spangt; отзывы
lt; / spangt;

lt; span property = "предлагает" typeof = "AggregateOffer" gt;
от $ lt; span property = "lowPrice" gt; 119.99lt; / spangt; к
$ lt; span property = "highPrice" gt; 199.99lt; / spangt;
lt; meta property = "priceCurrency" content = "USD" / gt;
lt; / spangt;
lt; / divgt;

lt; divgt;
lt; div itemtype = »https://schema.org/Product» itemscopegt;
lt; meta itemprop = "mpn" content = "925872 ″ / gt;
lt; meta itemprop = "name" content = "Executive Anvil" / gt;
lt; ссылка itemprop = ”изображение” href = ”https://example.com/photos/16 × 9/photo.jpg” / gt;
lt; ссылка itemprop = ”image” href = ”https://example.com/photos/4 × 3/photo.jpg” / gt;
lt; ссылка itemprop = ”image” href = ”https://example.com/photos/1×1/photo.jpg” / gt;
lt; meta itemprop = "description" content = "Более гладкая, чем классическая наковальня ACME, наковальня Executive идеально подходит для деловых путешественников, которым нужно что-то упасть с высоты". / gt;
lt; div itemprop = "предлагает" itemtype = "https://schema.org/Offer" itemscopegt;
lt; ссылка itemprop = "url" href = "https://example.com/anvil" / gt;
lt; meta itemprop = "доступность" content = "https://schema.org/InStock" / gt;
lt; meta itemprop = "priceCurrency" content = "USD" / gt;
lt; meta itemprop = "itemCondition" content = "https://schema.org/UsedCondition" / gt;
lt; meta itemprop = «цена» content = «119,99 ″ / gt;
lt; meta itemprop = "priceValidUntil" content = "2020-11-05 ″ / gt;
lt; div itemprop = "продавец" itemtype = "https://schema.org/Organization" itemscopegt;
lt; meta itemprop = «имя» content = «Исполнительные объекты» / gt;
lt; / divgt;
lt; / divgt;
lt; div itemprop = "aggregateRating" itemtype = "https://schema.org/AggregateRating" itemscopegt;
lt; meta itemprop = "reviewCount" content = "89 ″ / gt;
lt; meta itemprop = ”ratingValue” content = ”4.4 ″ / gt;
lt; / divgt;
lt; div itemprop = "обзор" itemtype = "https://schema.org/Review" itemscopegt;
lt; div itemprop = "автор" itemtype = "https://schema.org/Person" itemscopegt;
lt; meta itemprop = «имя» content = «Фред Бенсон» / gt;
lt; / divgt;
lt; div itemprop = ”reviewRating” itemtype = ”https://schema.org/Rating” itemscopegt;
lt; meta itemprop = "ratingValue" content = "4 ″ / gt;
lt; meta itemprop = "bestRating" content = "5 ″ / gt;
lt; / divgt;
lt; / divgt;
lt; meta itemprop = "sku" content = "0446310786 ″ / gt;
lt; div itemprop = «бренд» itemtype = «https://schema.org/Thing» itemscopegt;
lt; meta itemprop = «имя» content = «ACME» / gt;
lt; / divgt;
lt; / divgt;
lt; / divgt;

lt; div itemscope itemtype = ”https://schema.org/Product” gt;
lt; span itemprop = «марка» gt; ACMElt; / spangt; lt; span itemprop = «имя» gt; Executive Anvillt; / spangt;
lt; img itemprop = "изображение" src = "anvil_executive.jpg" / gt;

lt; span itemprop = "aggregateRating" itemscope itemtype = "https://schema.org/AggregateRating" gt;
Средний рейтинг: lt; span itemprop = ”ratingValue” gt; 4.4lt; / spangt; на основе
lt; span itemprop = ”ratingCount” gt; 89lt; / spangt; отзывы
lt; / spangt;

lt; span itemprop = "предлагает" itemscope itemtype = "https://schema.org/AggregateOffer" gt;
от $ lt; span itemprop = "lowPrice" gt; 119.99lt; / spangt; к
$ lt; span itemprop = "highPrice" gt; 199.99lt; / spangt;
lt; meta itemprop = "priceCurrency" content = "USD" / gt;
lt; / spangt;
lt; / divgt;

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

Вот как их визуализировать в поиске картинок Google.

Как вы можете видеть на изображении, Google добавляет метку "Продукт" при запросе Google "цена iphone xs", которая вычитается из представленных отметок на обоих веб-сайтах. Однако давайте проверим, так ли это в инструменте проверки структурированных данных Google {SDTT}, с первым результатом. Несмотря на наличие 7 предупреждений, видно, что Google достаточно, чтобы этот результат был №1 в поисковой выдаче фотографий.

Посмотрим, так ли это с результатом 2 с тем же запросом по тому же адресу результатов. Вот его скриншот и ссылка на тест. Хотя и 97 предупреждений, этого достаточно, чтобы второй сайт занял такую ​​же позицию.

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

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

?????? видео

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

?????? Приемы

Определенно, здесь изображения играют ключевую роль в SERP {Search Engine Result Pages}. Давайте узнаем как! Для начала познакомимся с базовой разметкой структурированных данных для рецептов из официальной документации Google здесь.

Мы также сделаем следующее уточнение, что для «рецептов», помимо уже известного SDTT, целесообразно протестировать и использовать т.н. RRTT {Инструмент тестирования расширенных результатов}.

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

А вот пример кода карусели из рецептов:

Начнем с примеров.

Отсюда вы можете следить за результатом в Google "рецепт пиццы на маргариту".

Как видите, у нас снова есть ярлык, но на этот раз он Рецепт блюда.

Посмотрим, есть ли маркировка любого из результатов. Как видно из теста в SDTT, у нас есть действующая отметка, хотя есть 3 предупреждения.

Как было сказано выше, одного теста здесь недостаточно, посмотрим, что будет, если мы будем тестировать в RRTT. Как видите, тест абсолютно верный.

Предупреждения еще есть, но чтобы нас не пугали, важно, чтобы ошибок не было.

Преимущество RRTT в том, что мы можем визуализировать, как результат отображается для нас в Google. Кроме того, теперь мы можем выбрать User Agent или, так сказать, выбрать, хотим ли мы переключиться с мобильного на настольный компьютер. Как и в случае с SDTT, мы можем протестировать, скопировав весь исходный код. Вы можете увидеть все возможности этого столь полезного инструмента Google для любого специалиста по SEO.

Осталось посмотреть, какие элементы есть в рецептах, относительно продуктов и оценить разницу в элементах. Вот они зеленые:

Помогите Google найти ваши изображения

Используйте Image XML Sitemap для отображения ваших изображений в Google. Конечно, как и каждый отдельный элемент вашего веб-сайта, изображения имеют свою роль и ценность. Поэтому наша рекомендация от Змей состоит в том, чтобы приложить усилия и создать свой собственный XML-файл Sitemap для изображений в соответствии с передовыми методами.

Вот определение различных тегов в этом XML-файле изображения:

?????? Бонусный совет: почему мое изображение не появляется на Facebook?

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

При интеграции столбца важно разместить следующий тег:

lt; meta property = «og: image« content = «https://example.com/image‐title.jpg« / gt;

В чем преимущество?

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

Еще одно преимущество OpenGraph заключается в том, что он также используется Pinterest. Случай с Twitter, который использует карту Twitter, абсолютно аналогичен.

?????? Вывод

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

Фактически, чтобы понять, как оптимизировать наши изображения, нам нужно узнать, как искать и какие возможности у нас есть в этом процессе.

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

Если у вас есть вопросы или тема, которую вы хотите, чтобы мы развили дальше на основе этого материала, не стесняйтесь обращаться к команде LifeHack.bg в их секретную группу или напрямую со мной (Никола Минков). Я отвечу всем, кто уже подписался на сайт, а если нет, вы можете сделать это здесь: https://www.lifehack.bg/club/. Всем удачи!

Никола Миньков — основатель & Генеральный директор Змей и имеет более 7 лет международного опыта в поисковой оптимизации. Его основное внимание уделяется технической оптимизации, построению стратегий контент-маркетинга, планированию и прогнозированию полных SEO-кампаний, созданию стратегий для управления результатами поисковой выдачи.

Читайте так же:
Not found

Нам доверяют

Интернет магазин