Допустимый размер изображения для разметки фрагмента JSON-LD

Размер изображения ПК и AMP для действительной разметки фрагмента JSON-LD

Обновлено 20.07.2021

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

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

давайте сразу перейдем к вашим ключевым вопросам.

Есть ли требования к размеру изображений на AMP-страницах?

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

Что означает это предупреждение: размер изображения меньше рекомендуемого размера?

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

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

В чем преимущество соблюдения требований к изображениям AMP?

• Следуя этим рекомендациям, ваши статьи с большей вероятностью займут первые места в избранных фрагментах и ​​в верхней части результатов поиска. Это не влияет на индексацию стандартных HTML-страниц.
• Соблюдая минимальные рекомендации, ваш медиаконтент повышает ваши шансы на то, что статья будет размещена в карусели AMP.
• Чаще, чем когда-либо, люди начинают поиск с поиска изображений. уважая то, что лучше всего работает для поисковых систем при поиске и отображении вашего контента, вы можете выиграть новый бизнес.

Есть ли у изображений логотипов требования к размеру для AMP?

да. Существуют основные требования к формату логотипа, размерам и отступам для страниц AMP. Логотип должен помещаться в рамку размером 60 x 600 пикселей; однако он будет отображаться в карусели AMP с размером 16 x 160. Логотипы AMP должны иметь размеры 60 x 600 пикселей.

ИЗОБРАЖЕНИЕ ЛОГОТИПА САЙТА

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

У каждого веб-сайта есть логотип (или он должен быть), а правильная разметка logo позволяет веб-мастерам сообщать Google, какое изображение они хотят использовать в своем отображении сети знаний.

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

Способность бизнеса продвигать свои позиции в поисковой выдаче продолжает расти, и алгоритмы Google теперь больше полагаются на эту форму разметки . Schema.org предоставляет список своих новых выпусков. Схема для изображений была предоставлена ​​в течение некоторого времени. В выпуске 1.7 от 8 июля 2014 г. говорилось: «В этом выпуске изменено свойство изображения, отметив, что ImageObject является разумным значением». И он стремительно развивается, поэтому у бизнеса появляется больше возможностей для использования разметки.

Google обновляет свои рекомендации по изображениям структурированных данных

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

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

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

Прежние рекомендации, которые у нас были, были скудными и мало что говорили, кроме как предоставить изображение; однако лица, внедряющие схему, теперь должны придерживаться новых руководящих принципов, которые являются гораздо более описательными. Одно новое правило не вызывает затруднений: «URL- адреса изображений должны быть доступными для сканирования и индексирования ».

Раньше нам нужно было только предоставить URL для каждого изображения. Теперь Google указывает, что ему нужно «Повторяющееся поле ImageObject или URL». Хотя некоторые из наших страниц не содержали изображения, в новых правилах говорится: «Каждая страница должна содержать хотя бы одно изображение , и не указано, что это только для страниц и сообщений, содержащих микроразметку. Разница может заключаться в том, отображается ли ваш контент в популярных картах Google .

Google рекомендует использовать content="max-image-preview:large", чтобы стимулировать ранжирование в Google Discover для URL-адресов без AMP.

Google обнаруживает веб-объекты с локальным изображением

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

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

Просто любое старое изображение бесполезно для зрителей, поэтому, естественно, мы всегда знали, что изображения должны соответствовать контенту, размеченному с помощью схемы. Явным изменением является то, что Google теперь показывает, что предпочитает массив изображений с разным соотношением сторон. Как и отличный контент, ваши изображения должны быть ориентированы на потребителя и привлекать вашу аудиторию . Мы узнаем, что «для достижения наилучших результатов предоставьте несколько изображений с высоким разрешением (минимум 800 000 пикселей при умножении ширины и высоты) со следующими соотношениями сторон: 16 × 9, 4 × 3 и 1 × 1».

Если вы используете свойство изображения thumbnailUrl , в игру вступают те же рекомендации, включая рекомендацию для нескольких соотношений сторон. Не все пошло в сторону большей конкретики. В то время как телевидению и фильмам раньше требовалось изображение с «минимум 140 пикселей в ширину и 210 пикселей в высоту, с соотношением сторон 2: 3», в настоящее время такие спецификации заменены этими новыми «стандартными» форматами изображений, что означает призыв Google к «16 × Соотношения сторон 9, 4 × 3 и 1 × 1 дюйм.

Веб-мастера, перед которыми стоит задача вернуться назад, обновить и заменить прежнее изображение, чтобы оно соответствовало новым запросам Google на изображения структурированных данных , будут рады узнать, что рекомендации по изображениям в статьях не изменились. Они сохраняют ту же спецификацию ширины изображения в пикселях: URL-адрес изображения, представляющего статью. Следует указывать только размеченное изображение, которое непосредственно относится к статье. Раньше изображения должны были иметь ширину не менее 696 пикселей; обязательно следите за рекомендациями Google, чтобы ваши изображения чаще отображались на Картах Google .

ИЗОБРАЖЕНИЕ СТАТЬИ

Как в настоящее время точно указано в Руководстве Google: «ImageObject; обязательный (AMP), рекомендуемый (не AMP)

Дополнительные рекомендации по изображению:

• Следует указывать только размеченное изображение, которое непосредственно относится к статье.
• Изображения должны иметь ширину не менее 1200 пикселей (ранее — 696 пикселей).
• Каждая страница должна содержать хотя бы одно изображение (независимо от того, включаете ли вы разметку или нет). Google выберет лучшее изображение для отображения в результатах поиска с учетом соотношения сторон и разрешения.
• URL-адреса изображений должны быть доступными для сканирования и индексации.
• Изображения должны представлять размеченный контент.
• Изображения должны быть в формате .jpg, .png или. формат гиф.
• Для достижения наилучших результатов предоставьте несколько изображений с высоким разрешением (минимум 800 000 пикселей при умножении ширины и высоты) со следующими соотношениями сторон: 16 × 9, 4 × 3 и 1 × 1.

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

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

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

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

Google предоставляет подробные сведения об отображении изображения в статье.

С 6 января 2017 года мы должны были иметь разметку схемы изображения с размером изображения в соответствии со следующими рекомендациями:

* Ширина изображения не менее 400 пикселей.

* Изображение имеет соотношение сторон не более 5:2 (ширина:высота).

Когда ваш +Snippet Image не отображается

Google раскрывает возможную причину: «Слишком маленькие или недостаточно квадратные изображения не включаются в +Snippet, даже если на изображения явно ссылаются микроданные schema.org или разметка Open Graph. В частности, высота должна быть не менее 120 пикселей, а если ширина меньше 100 пикселей, то соотношение сторон должно быть не более 3,0».

РАЗМЕР ВИДЕО ИЗОБРАЖЕНИЯ МИНИАТЮР

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

Необходимо указать thumbnailUrl , указывающий файл изображения миниатюры видео, который может отображаться на страницах результатов поисковой системы (SERP). «Изображения должны быть не менее 160×90 пикселей и не более 1920×1080 пикселей. Мы рекомендуем изображения в форматах .jpg, .png или .gif. Все URL-адреса изображений должны быть доступны для сканирования и индексации. В противном случае мы не сможем отобразить их на странице результатов поиска», — в настоящее время заявляет Google.

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

* Иметь разрешение 1280×720 (при минимальной ширине 640 пикселей).

* Загружать изображения в таких форматах, как .JPG, .GIF, .BMP или .PNG.
Не превышайте ограничение в 2 МБ.

* Старайтесь использовать соотношение сторон 16:9, так как оно чаще всего используется в проигрывателях YouTube и в превью».

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

КАРУСЕЛЬ AMP ИЗОБРАЖЕНИЙ

Он использует файл amp-carousel-0.1.js и width: 100% . Кодировщики полагаются на тип carousel для отображения списка изображений одинакового размера в виде непрерывной полосы. Компонент amp-carousel идеально использует меньшие экранные пространства на смартфонах, позволяя мобильным зрителям выбирать из множества похожих миниатюр контента, предлагаемых путем нажатия на изображение вдоль его горизонтальной оси.

Статья RelayMedia под названием Spread the Carousel Love ** начинается со слов: «Любые издатели, сомневающиеся в AMP, должны рассмотреть возможность, которую они упускают. Публикация AMP-статей практически не сопряжена с риском, и вы можете многое выиграть с точки зрения поисковой известности и обучения».

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

Страница AMP by Example использует ширину 400 пикселей и высоту 300 пикселей для каждого изображения карусели.

ГАЛЕРЕЯ ИЗОБРАЖЕНИЙ НЕ AMP

Страница без AMP со структурированной галереей изображений данных

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

Миниатюрное изображение, относящееся к Вещи


"primaryImageOfPage": {
"description": "Indicates the main image on the page.",
"$ref": "file://imageobject.json"
},
"image": {
"oneOf": [
{
"$ref": "file://imageobject.json"
},
{
"type": "string",
"format": "uri"
}
],
"description": "An image of the item. This can be a href=\"https://schema.org/URL\">URL or a fully described href=\"https://schema.org/ImageObject\">ImageObject."
},
"thumbnailUrl": {
"type": "string",
"description": "A thumbnail image relevant to the Thing.",
"format": "uri"
},


Github JSON Schema Form Repository — идеальный сайт для сбора примеров кода и участия в расширении этой области Интернета. Поскольку Google очень заботится о поисковых запросах с транзакционным намерением; новые типы разметки схемы электронной коммерции появляются, а также расширяются .

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

Рэнд Фишкин сообщил о своем анализе поиска изображений в Google в статье от 14 марта 2017 года под названием «Состояние поведения искателя, выявленное с помощью 23 замечательных статистических данных» .

Рэнд сообщил о своем анализе поиска изображений Google по данным Jumpshot и Moz и обнаружил, что:

• Google Image Search — вторая наиболее часто используемая поисковая платформа, сразу после Google.com на 1-м месте.

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

• Более чем в 10 раз больше, чем при любом поиске в Bing или Yahoo.

• Они более чем в 40 раз превышают количество поисковых запросов изображений на платформе Facebook.

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

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

Большая часть современных инновационных технологий распознавания изображений зависит от технологии глубокого обучения , усовершенствованной формы машинного обучения и растущего успеха искусственного интеллекта. Специалистам по семантическому поиску ранее приходилось придерживаться менее жестких правил при использовании свойства image для разметки схемы, которая применяется к LocalBusiness , Article и NewsArticle. Первоначально требовался только URL-адрес изображения. Затем он заявил, что «[a] URL-адрес или список URL-адресов, указывающих на репрезентативный файл (ы) изображения», вместе с предложениями. Многие из ранних предложений теперь превратились в правила, в частности, для статей.

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

Расставьте приоритеты среди изображений в вечнозеленом контенте . Учитывая, что в статье может быть несколько изображений; это устраняет догадки из процесса выбора для поисковой системы при отображении статьи с сопровождающим фрагментом изображения. Также интересно, что указан минимальный размер: «[i]изображения должны быть не менее 696 пикселей в ширину». Можно предположить, что это указывает на ценность изображения на странице и что оно не должно быть раздражающим размером эскиза.

Текущее условие, что высота и ширина изображения должны быть включены, указывает на тот факт, что простое объявление URL для image больше не поддерживается для фрагментов, богатых статьями, и приведет к критической ошибке. Не будет ошибкой предположить, что это часть подталкивания Google, чтобы помочь веб-мастерам перейти на ускоренные мобильные страницы (AMP). Элементы AMP предназначены для быстрой загрузки, и многое удаляется или определяется, когда дело доходит до макета мобильной статьи. Включите теорию AMP для улучшения взаимодействия с пользователем в вашем UX-дизайне.

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

Если раньше для amp-img требовалось, чтобы тег «должен включать явную ширину и высоту», то теперь то же самое является универсальным для настольных компьютеров. Для веб-дизайнеров, которые используют относительные URL-адреса для вставки изображений, они должны настроить AMP, где объявление URL-адреса ImageObject требует абсолютного URL-адреса, а не версии относительного URL-адреса. Это имеет смысл при рассмотрении задач браузера по отображению веб-страницы. В совокупности это только замедляет Google, поскольку ему приходится анализировать код для расчета размеров изображения.

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

КАРУСЕЛЬ ПРОДУКТА ЭЛЕКТРОННАЯ КОММЕРЦИЯ ИЗОБРАЖЕНИЯ

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

Изображение, найденное в действительном расширенном фрагменте и результатах поиска изображений, может содержать информацию о продукте, которая нужна покупателям электронной коммерции . ПРИМЕЧАНИЕ: ваш веб-дизайнер может отображать карусели продуктов в любой области вашего веб-сайта электронной коммерции, используя функцию дизайна карусели продуктов; это отличается от того, что Google добровольно выбирает отображение вашего продукта в карусели в расширенных результатах мобильной электронной коммерции .

Способы указания размеров изображения JSON-LD

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

При использовании разметки JSON-LD значения изображения без использования кавычек являются «числами», тогда как значения, выраженные в кавычках, являются «строками». Это означает, что кодировщику необходимо избегать кавычек, когда желаемым результатом является числовое значение.

Обычный способ указать высоту и ширину изображения — это "width": "600px" , но для многих современных браузеров возникает проблема с ожидаемым значением «width», поскольку он ожидает «Distance» или «QuantitativeValue». . Тесты, которые включают «ширину»: «600px», были изменены Google на:


"width":{
"@type":"Intangible",
"name":"600px"
}

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


"width":
{
"@type":"Distance",
"name":"600 px"
}

Думайте не только о том, чтобы получить здесь действительную разметку, поскольку она по-прежнему оставляет некоторую двусмысленность в отношении единицы измерения и заставляет поисковые системы пытаться выяснить, что подразумевается под использованием «px». Мы предпочитаем использовать инструмент Linter Structured data , ему нравятся изображения, которые вместо этого используют «QuantitativeValue»:

"contentSize":"298 Bytes",
"width": {
"@type": "QuantitativeValue",
"value": "700"
},
"height": {
"@type": "QuantitativeValue",
"value": "490"
}
},

URL-адреса, описывающие объекты изображений, должны быть стабильными и не зависеть от переменных данных. Этот пример разметки изображения будет интерпретироваться как ссылка, а не строковый литерал, потому что (на момент публикации) контекст schema.org JSON-LD определяет изображение как тип @id:
Пример фрагмента контекста schema.org для кодирования изображения JSON:

{
"@context": {
...
"image": { "@id": "schema:image", "@type": "@id"},
...
}
}
Если данные термины не выражены как таковые в удаленном контексте, они могут быть (повторно) определены в локальном контексте:

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

{
"@context": ["https://schema.org", {
"image": { "@id": "schema:image", "@type": "@id"}
}],
"id": "https://www.wikidata.org/wiki/Q22686",
"type": "Person",
"name": "Donald Trump",
"givenName": "Donald",
"familyName": "Trump",
"jobTitle": "President-elect of the United States of America",
"image": "https://en.wikipedia.org/wiki/Donald_Trump"
}

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

Разметка JSON помогает понять визуальные компоненты статьи

Учитывая рост визуального поиска , это важный аспект SEO. Если сайт находится на платформе WordPress и использует плагин для отображения структурированной разметки, могут возникнуть проблемы, когда вам нужно исправить свойство Image. В этом случае обычно это связано с тем, что избранное изображение должно использоваться для страницы или публикации. Возможно, стоит потратить время на ручное кодирование вашей схемы, если у плагинов возникают проблемы с совместимостью и устаревшим кодом.

Без этой настройки плагин не сможет распознать, какая фотография лучше всего представляет содержание этой статьи. Плагин зависит от этой информации, чтобы добавить ImageObject вместе с его размерами. Независимо от того, использует ли ваш сайт плагины или нет, некоторые из ваших лучших SEO-инструментов для устранения неполадок можно найти в Google Search Console .

Аарон Брэдли из SEO Skeptic рекомендует, что «преимущества, которые Google надеется получить от разметки статей, в целом заключается в возможности лучше манипулировать статьями в экосистеме Google благодаря лучшему пониманию компонентов статьи и происхождения, а не использованию разметки для лучше понять, о чем статья».********

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

ПРИМЕЧАНИЕ. Используйте запятую, чтобы обозначить наличие дополнительных свойств. Например, это требуется при включении нескольких изображений. В последнем свойстве «изображение» запятая не используется. Протестируйте новый код и убедитесь, что все ошибки заменены правильным синтаксисом.

ДОПОЛНИТЕЛЬНЫЕ ПРЕДЛОЖЕНИЯ ПО ИЗОБРАЖЕНИЯМ

Следующее является исключительно мнением Hill Web Marketing и является дополнением к допустимому размеру изображения:

1. По возможности избегайте стоковой фотографии

Многие клиенты спрашивают, какой тип изображения им следует использовать. Выберите изображение с людьми, если это возможно; счастливо выглядящий человек поднимает настроение зрителю, возможно, неосознанно, обладает силой. Человеческие лица и язык тела рассказывают историю, которая делает ее неотразимой. Вы когда-нибудь замечали, как беззастенчиво смотрит ребенок? Естественно смотреть на лица больше, чем на любые другие типы изображений. На каждой веб-странице должны быть фотографии людей или хотя бы картинка .

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

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

Самая распространенная ошибка при использовании стоковой фотографии — выбор случайных изображений вместо тех, которые в достаточной степени связаны с темой статьи или поста в блоге. Чтобы защитить свою зависимость от стоковых изображений, при покупке перейдите на такой сайт, как Getty Images или Fotolia, где общее качество фотографий выше. Убедитесь, что у вас есть изображения, которые могут привлечь внимание потребителей к вашим кампаниям Google Ads .

Проведя исследование использования изображений в 41 блоге в различных онлайн-нишах, Нил Патель***** пришел к выводу, что «в среднем, когда в блоге использовалось изображение из стоковой фотографии, оно получало 152 твита и 83 лайка в Facebook». Наблюдайте за тем, как ваше изображение способствует или отвлекает вас от ваших социальных платформ, и при необходимости нанимайте профессионального менеджера по маркетингу в социальных сетях .

2. Для легкой загрузки изображений используйте сжатие

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

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

Заранее узнайте, какой формат фотографий лучше всего подходит для сжатия изображений. Например, преобразование (не анимированного) файла GIF в изображение PNG снизит его в среднем на 21%. Гай Поджарный *** заявляет, что «преобразование (непрозрачного) файла PNG в JPEG может обеспечить еще большую экономию, часто уменьшая размер файла в 3–5 раз. Новые форматы, такие как WebP и JPEG XR, могут пойти еще дальше и передать тот же визуальный элемент, используя на 25–50 % меньше байтов».

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

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

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

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

Нил также сообщил, что при использовании графиков и изображений диаграмм он получил наибольшее количество обратных ссылок. «В среднем они получили на 258 % больше откликов, чем сообщения в блогах с другими типами изображений».

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

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

Hubspot говорит: «Если релевантное изображение сочетается с той же информацией, люди сохраняют 65% информации». Статья « 2 статистики визуального контент-маркетинга, которую вы должны знать в 2017 году» от 3 января 2017 года. *

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

Используйте допустимый размер изображения для всей подходящей разметки JSON-LD.

Нарисованная от руки, трехмерная графика или анимированные изображения популярны и обычно имеют меньший вес, особенно при использовании светлого фона. Взгляните на изображения, которые Рэнд Фишкин использовал для своих невероятно популярных постов в блоге «Белая широкая пятница» (moz.com/blog/). Возможно, «пастельный фон» не соответствует вашему фирменному стилю, но, вероятно, он был выбран не зря. Если у вас нет времени создавать или любить эти типы изображений, попробуйте графики, инфографику или стоковые фотографии.

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

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

Почему допустимый размер изображения имеет значение?

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

«Интернет становится все более насыщенным изображениями. Благодаря мобильным экранам с высоким разрешением, дизайну в стиле Pinterest и большой фоновой графике средняя полезная нагрузка изображения увеличилась более чем вдвое за последние три года. Несмотря на визуальную привлекательность, эти изображения несут значительную нагрузку на производительность и, если они не оптимизированы должным образом, могут сделать работу в Интернете медленной и болезненной, независимо от того, насколько она красива». - Гай Поджарный об Орейли

«Знаете ли вы, что 90% информации, передаваемой в мозг, является визуальной? Мозг также обрабатывает изображения в 60 000 раз быстрее, чем текст, и исследования показали, что 40% людей лучше реагируют на изображения, чем на обычный текст», — говорится на сайте shiftelearning.com ****. чтобы понять, какие типы изображений стимулируют связь с пользователями. После оптимизации размеров и разметки изображений отправьте файл sitemap.xml изображения. Google может индексировать ваши изображения, а также URL-адреса страниц .

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

Как JSON-LD и ваши изображения усердно работают над повышением узнаваемости вашего бренда и EAT.

«Фото и видео — это невероятный способ помочь людям понять, что происходит в мире. Но сила визуальных медиа имеет свои подводные камни⁠, особенно когда возникают вопросы, связанные с происхождением, подлинностью или контекстом изображения. С сегодняшнего дня мы публикуем информацию о проверке фактов в Google Картинках по всему миру, чтобы помочь людям ориентироваться в этих вопросах и делать более обоснованные суждения о том, что они видят в Интернете. Это основано на функциях проверки фактов в Поиске и Новостях, с которыми люди сталкиваются миллиарды раз в год.

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

Google также сообщает нам, что «добавление этого ярлыка в результатах Google Images не влияет на ранжирование; наши системы предназначены для предоставления наиболее актуальной и надежной доступной информации». В опубликованной 22 июля 2020 г. статье «Перенос информации о проверке фактов в изображения Google» менеджер по продуктам Google Харрис Коэнм рассказывает о намерении обеспечить людям доступ к важнейшему контексту информации, которую они находят ⁠, включая изображения ⁠, с которыми они сталкиваются в Интернете. .

Сотрудничайте с Джинни Хилл , основательницей Hill Web Creations, которая работает с предприятиями Миннеаполиса, чтобы гарантировать, что используется допустимый размер изображения и безошибочный код для улучшения обычного поиска, поисковой оптимизации для мобильного мира и шансов на получение конкурентного преимущества в Интернете. . Постоянно следите за обновлениями в рекомендациях Google по поисковой оптимизации и следуйте им .
Мне нравится жить в Миннеаполисе , штат Миннесота , где я предоставляю услуги цифрового маркетинга в районе метро и за его пределами.

Резюме

Authoritative business sites that rise to the call for AMP pages, use a planned structured approach when building content, and incorporate schema image SEO data to be among those early adopters. They already are able to enjoy the first-mover benefits of winning more viewer clicks from the scrolling images.

A relevant image that has Microdata has the potential to enhance a site's CTR within search results from anywhere between 10-25%, according to builtvisible.com*****. In the case of the need to troubleshoot your markup for an image code error, currently, two types of errors are produced. We can resolve errors and fix both for you.

1. The “image is required” error that can be found in the Google Structured Data Testing Tool (SDTT).

2. An image error that when checking for the Accelerated Mobile Pages (AMP) version.

Your photos reached a new record on Google Maps!

After adding the above image strategies to one client site, they received a message directly from Google that their images uploaded to their Google Profile had a significant increase in views. Ready to start a more advance approach to how your business site uses imagery?

“Your photos helped people over 3,000 times, a new record for you on Google Maps. Поздравляем! Millions of people rely on photos like yours when they search for places. Thanks for sharing your photos with the world.” – Google Maps

“More records this week…(One Photo)reached 3,320 views.” – Google Maps

Leverage cutting-edge opportunities to make your site's image use more advantageous to both and viewers and your business. Call 651-206-2410 to get on our Schema Site Audit Schedule

NOTE: Topic image source: PHLEARN. Consider hiring a professional photographer to make critical image edits that can transform an flawed image into one perfect to use. Start with great images, then add JSON-LD snippet markup wherever you can – that fits.

NOTE: Informative references have been listed in context at time of use.

* https://blog.hubspot.com/marketing/visual-content-marketing-strategy#sm.000000iy0z9nnp3d6210gl3qzksok

** https://www.relaymedia.com/2016/03/06/spread-the-carousel-love/

*** http://www.oreilly.com/pub/e/3425

**** http://info.shiftelearning.com/blog/bid/350326/Studies-Confirm-the-Power-of-Visuals-in-eLearning

***** https://builtvisible.com/micro-data-schema-org-guide-generating-rich-snippets

****** https://www.quicksprout.com/2014/08/13/what-type-of-images-should-you-use-within-your-blog-posts/

******* http://www.seoskeptic.com/google-article-rich-snippets-guide-updated-for-amp/