Статьи

SEO для изображений: полное руководство (с контрольным списком)

  1. Как оптимизировать ваши изображения для поисковых систем
  2. 1. Оптимизируйте имя файла изображения
  3. 2. Оптимизируйте размер файла изображения
  4. 3. Используйте Адаптивные изображения
  5. 4. Оптимизируйте изображение Alt Text
  6. 5. Оптимизируйте заголовок и заголовок изображения
  7. 6. Оптимизируйте размещение изображения
  8. 7. Не добавляйте важный текст внутри изображения
  9. 8. Добавить структурированные данные (схема изображения)
  10. 9. Добавить мета-теги Open graph
  11. 10. Используйте изображение Sitemap
  12. 11. Избегайте изображений и текста
  13. Изображение SEO Контрольный список
  14. Заключение

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

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

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

SEO Преимущества использования изображений в вашем контенте

  1. Они делают ваш контент более интересным, и это означает, что посетители с большей вероятностью будут читать вашу статью. Неудивительно, что контент с релевантными изображениями получает на 94% больше просмотров, чем контент без него.
  2. Ваши читатели с большей вероятностью поделятся страницей с изображениями в социальных сетях, а в общедоступной публикации больше внимания привлекают социальные сети, чем в виде текстовых сообщений. Согласно недавнему исследованию Buffer , посты с изображениями получают на 150% больше ретвитов.
  3. Они облегчают вам (писателю) объяснение концепции или делают ее более сильной.
  4. Это еще один простой способ повысить эффективность вашего SEO, предоставляя поисковым системам правильные сигналы о том, что ваш контент представляет собой с помощью изображений.
  5. Ваши изображения могут иметь более высокий рейтинг в Поиске картинок Google и получать больше трафика на ваш сайт.

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

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

1. Оптимизируйте имя файла изображения

Имя изображения - это первое, что нужно проверить, прежде чем загружать его на свой сайт.

Имена файлов изображений должны быть информативными и точно описывать изображение.

Когда вы покупаете изображение или фотографируете с помощью телефона, они обычно имеют имена, такие как DC0001IMG.jpg (или аналогичные), которые не имеют никакого смысла.

Вместо этого вы должны переименовать ваше изображение в более значимое имя, например, «nexus-6p-Rear-view.jpg» или «link-building-Guide.png».

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

ПОЛНЫЙ КУРС SEO Пошаговый курс о том, как увеличить ваш трафик за 60 дней или меньше. Узнайте, как практически построить успешный сайт или блог. ЕДИНСТВЕННЫЙ SEO-курс, который вам когда-либо нужно будет прочитать!

2. Оптимизируйте размер файла изображения

Как правило, чем меньше размер изображения (в байтах), тем лучше.

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

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

Для всех изображений, которые я использую в своих сообщениях, я сначала открываю их в Pixelmator (аналогично Photoshop), изменяю их размер, а затем экспортирую в png или jpg.

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

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

3. Используйте Адаптивные изображения

Начиная с версии 4.4, в WordPress появилась встроенная поддержка адаптивных изображений.

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

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

Вот пример того, как работают адаптивные изображения:

Вы загружаете большое изображение (1000 × 600) в свой пост. Размер файла изображения составляет 100 КБ. Когда пользователи на мобильном телефоне просматривают вашу страницу, им не нужно загружать это изображение и тратить свою пропускную способность, но WordPress автоматически покажет пользователям изображение размером 320 × 200 и размером всего 15 КБ.

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

4. Оптимизируйте изображение Alt Text

Альтернативный текст является наиболее важным элементом для SEO изображения.

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

Почему ALT Text важен?

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

При написании ALT-текста ваших изображений имейте в виду следующее:

  • Не используйте тире в вашем альтернативном тексте. Пишите нормально и постарайтесь в двух словах описать, о чем идет речь.
  • Используйте ключевые слова, которые имеют отношение к содержанию страницы, но не переусердствуйте.
  • Держите ваш альтернативный текст коротким и конкретным
  • Некоторые люди (включая меня), как правило, используют заголовок сообщения в качестве альтернативного текста выбранного изображения, и хотя это не самый эффективный способ, это приемлемо и является обычной практикой.
  • Смотрите ниже, что Google пример, данный Google об использовании ALT TEXT.
Пример SEO Alt Text

5. Оптимизируйте заголовок и заголовок изображения

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

6. Оптимизируйте размещение изображения

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

7. Не добавляйте важный текст внутри изображения

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

8. Добавить структурированные данные (схема изображения)

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

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

Дальнейшее чтение: Что такое разметка схемы в SEO

9. Добавить мета-теги Open graph

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

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

Если у вас есть страница с несколькими изображениями, вы можете использовать теги og: image, чтобы сообщить FB, какое изображение использовать.

Лучший способ добавить поддержку протокола Open Graph на ваш сайт WordPress - установить Yoast SEO Plugin.

10. Используйте изображение Sitemap

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

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

Изображение Sitemap Пример

Если вы используете Yoast SEO для создания XML-карты сайта, изображения уже включены, поэтому вам не нужен отдельный файл Sitemap для изображений.

11. Избегайте изображений и текста

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

Изображение SEO Контрольный список

Вот ваше изображение SEO контрольный список:

  • Оптимизировать изображение Имя файла
  • Оптимизировать размер файла изображения
  • Используйте адаптивные изображения
  • Оптимизируйте изображение и текст
  • Оптимизируйте заголовок и заголовок изображения
  • Оптимизировать размещение изображений
  • Не добавляйте важный текст внутри изображения
  • Добавить структурированные данные (Схема изображения)
  • Добавить метатеги Open graph
  • Используйте карту сайта с изображением
  • Избегайте изображений и текста

Заключение

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

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

Image SEO Best Practices

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

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

Почему ALT Text важен?

Новости

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

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

Интернет магазин ЛЕГО
Ка быстро растут чужие дети, да что там чужие и свои растут не медленнее. Еще казалось только вчера Вы ощутили небывалый прилив нежности только сказав мужу новость, что скоро он станет папой. И вот уже

Билайн домашний интернет за 1 рубль
Компания Beeline предоставляет абонентам не только качественную  мобильную связь, но и домашний интернет с телевидением. Появилась услуга недавно, поэтому многие клиенты ещё не знают об интересной

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

Кому какой пакет: на что хватит 1 ГБ мобильного интернета, а на что нужно больше
28 Января 2016 15:00 34791 С появлением 3G в Украине мобильный интернет перестал быть медленным и неполноценным придатком к смартфону, а стал таким же рабочим инструментом, как и Wi-Fi.  Скорость

Операторы показали украинцам 3G: на что хватит 1 ГБ трафика
Операторы предлагают абонентам пакеты с 0,7-2,5 ГБ трафика. Много это или мало? И что конкретно можно сделать, имея в смартфоне 1 ГБ? К середине июня уже два из трех мобильных операторов - Астелит (life:)

Интернет-банк Банка Авангард
Обзор системы интернет-банка Пожалуй, не будет преувеличением сказать, что интернет-банк – самый востребованный банковский сервис современного банка. Возможность подключения практически

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

Что делать если 3G,LTE и WIFI не работает
«Мегафон» - это компания, которая предоставляет услуги мобильной связи, а так же доступ к Интернету. Эта российская компания набирает все большей и большей популярности, так как имеет множество разных