Image SEO 101: Как получить лучший рейтинг для ваших изображений

1. Вы должны использовать изображения в вашем контенте?
2. Создайте карту сайта для ваших изображений.
3. Альтернативный текст помогает Google понять содержание фотографий.
4. Определитесь с типом файла.
5. Новые форматы изображений
6. Уменьшите размер файла с помощью инструментов сжатия.
7. Краткое введение в SVG.
8. При необходимости используйте разметку схемы.
9. Что ждет нас в будущем

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

Даже если вы думаете, что у вас самый минималистичный рабочий процесс публикации контента на планете, рано или поздно - вы будете использовать изображение для объяснения и / или представления чего-либо. И когда вы это сделаете, вы должны спросить себя: «Оптимизирую ли я свои изображения для потенциального SEO-трафика?»

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

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

Вы можете посетить Google Cloud Vision платформу и убедитесь сами, насколько «умны» некоторые алгоритмы Google в понимании тонкостей фотографии.

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

Готовы начать? Давайте доберемся до этого.

Вы должны использовать изображения в вашем контенте?

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

Когда люди слышат информацию, они могут запомнить только 10% этой информации через три дня. Однако, если соответствующее изображение сопряжено с той же информацией, люди сохранили 65% информации через три дня. - Джон Медина

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

Создайте карту сайта для ваших изображений.

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

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

Как пользователь WordPress, вам не нужно сильно беспокоиться, потому что плагины, такие как Yoast, предоставляют XML Sitemaps из коробки. И если вы не используете WordPress, вы всегда можете использовать Инструменты Google для веб-мастеров или другой сервис Sitemap-генератора.

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

Альтернативный текст помогает Google понять содержание фотографий.

Alt теги для изображений существуют с самого начала HTML. А также Google очень непреклонен чтобы веб-мастера правильно помечали свои изображения.

Вот краткое изложение атрибута alt Томаса Брэдли:

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

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

Определитесь с типом файла.

Говоря о форматах изображений: каждый из них имеет свою структуру и, как следствие, свой размер файла.

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

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

На изображении выше показан основной процесс мышления для выбора правильного типа файла. Но изображения JPG и PNG - не единственные типы файлов, которые делают успехи в современной публикации. SVG и WebP набирают обороты, и о них стоит узнать самостоятельно.

Новые форматы изображений

PNG, JPEG или SVG - это установленные форматы файлов изображений. Тем не менее, разработка форматов графических файлов все еще продолжается. Например, форматы JPEG 2000 и JPEG XR являются дальнейшим развитием оригинального формата JPEG. Они предлагают одинаковое качество, несмотря на меньший размер файла. Кроме того, формат JPEG XR поддерживает прозрачность, как и формат PNG.

В дополнение к этим дальнейшим разработкам также разрабатываются новые форматы файлов. Основная цель - сохранить небольшой размер файла без ущерба для качества. Текущие разработки включают в себя форматы FLIF (свободный формат изображения без потерь) и HEIF (высокоэффективный файл изображения).

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

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

Уменьшите размер файла с помощью инструментов сжатия.

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

Но все же зачем сжимать изображения?

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

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

Фото: опытный

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

Размер изображения зависит от качества изображения. Другими словами, количество пикселей, которое использует фотография. Фотографии с большим количеством пикселей равны большему размеру и качеству файла. Таким образом, если вы урежете 25% пикселей - вы все равно получите твердую фотографию, не жертвуя качеством, но значительно уменьшив размер файла.

Какие инструменты сжатия вы можете использовать?

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

Кроме того, вы можете использовать онлайн-сервисы, такие как TinyPNG которые сжимают файлы PNG и JPG.

Вы также можете использовать программное обеспечение, как ImageOptim - поставляется в форматах Windows, Mac, Linux и Web API.

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

Краткое введение в SVG.

Самое большое и самое важное различие между SVG и JPEG и PNG - это тип формата файла. Файлы SVG являются векторной графикой, а SVG обозначает масштабируемую векторную графику. Формат восходит к разработке W3C в 2001 году. Формат основан на языке разметки XML.

Следовательно, возможно интегрировать файлы SVG непосредственно в HTML-код веб-страницы , Затем браузер загружает графику напрямую и без файла с сервера, в отличие от JPEG или PNG. Это положительно влияет на время загрузки веб-сайта, поскольку между браузером и сервером необходимо обмениваться меньшим количеством запросов. Файлы SVG также можно масштабировать без потерь. Это невозможно с файлами JPEG или PNG. Это означает, что файлы SVG особенно подходят для логотипов или графики.

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

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

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

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

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

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

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

Что ждет нас в будущем

Самое большое модное слово в связи с оптимизацией изображений в SEO - это Visual Search. Поиск изображения на основе информации об изображении и больше не на основе текстовой информации. Проект Google Lens на смартфонах Android демонстрирует возможности визуального поиска. Вышеупомянутый API Cloud Vision также показывает, что уже возможно с точки зрения визуального поиска с помощью машинного обучения.

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

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

Оптимизируйте свой имидж SEO бесплатно с Ryte

Начинай сейчас!

Похожие

Комментарии