Блог о продвижении сайтов

Новости, события, эксперименты,
статьи о SEO

SEO-оптимизация изображений и картинок для сайта

SEO-оптимизация изображений и картинок для сайта

00:40 01/04/2015

Разберёмся, в чем состоит SEO картинок и иных объектов графики на вашем ресурсе. Ведь изображения – это тот же контент, требующий к себе должного внимания.

1608

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

Содержание

Причины необходимости SEO-оптимизации графики 

  • поиск изображений. Оптимизация графики приведёт к тому, что она будет появляться в первых рядах выдачи, а значит, привлечет трафик к вам на сайт;
  • ресурсы обмена фотографиями. Благодаря оптимизации вы сможете также продвигаться через социальные сайты по обмену картинками (Flickr);
  • смешанный поиск. Во время формирования поисковой выдачи Google предлагает пользователю не только релевантные сайты, но и фотографии. А это довольно простой способ обойти конкурентов;
  • взаимосвязь картинки и информации на сайте. Если пользователю подходит найденное изображение, то очень вероятно, что его заинтересует вся статья и – как результат – весь ваш ресурс.

Размер изображения 

Размер имеет значение! Чем он больше – тем это лучше! Когда поисковый робот находит несколько копий одной и той же картинки, то автоматически выбирается изображение, большее по размеру. Для этого необязательно загружать статью или страницу огромными картинками. Они могут открываться в отдельном окне или на другой странице по соответствующей ссылке, а вначале будет достаточно разместить лишь превью. Помимо этого, учитывайте, что размер миниатюр тоже важен. Если параметр картинки меньше 100 px, то поисковая система расценивает её в качестве элемента дизайна сайта и не пускает в выдачу. Когда же на одной странице вы разместите много крохотных изображений, даже при условии оптимизации поисковая система может отказаться ранжировать их. Самый приемлемый вариант – это делать ссылку на полное изображение, тогда оно точно попадёт в выдачу.

<a href="адрес оригинального изображения"><img src="адрес миниатюры изображения"/></a>

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

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

Расположение изображения 

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

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

Благодаря регулярному обновлению контента, поисковые системы пытаются распознавать картинки, но без текстового сопровождения поисковому роботу довольно проблематично определить, что там изображено. Именно для этого и проводится seo-оптимизация графики. Иллюстрация, которая сопровождается текстом, легко распознаётся роботом, проверяется поисковой системой на релевантность и - в результате – все это влияет на ранжирование страницы.

Подпись под картинкой 

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

Атрибут изображения title 

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

Тег изображения alt 

Тег alt — или, иными словами, текстовое описание картинки. Это тот текст, который видит пользователь, если в браузере запрещено отображение изображений, при ошибках загрузки и т.д. Примерно картинка будет иметь такой вид:

<img src="адрес изображения" alt="Описание изображения" />

Ошибка загрузки изображения

Если же оптимизировать тег Alt, то это оказывает положительное влияние на общий уровень страницы. Мы рекомендуем не забывать заполнять эту строку. В данном атрибуте необходимо кратко указывать, что изображено на картинке (буквально до 60 символов). Содержимое атрибутов Alt и Title должно отличаться друг от друга.

URL изображения или его название 

Следующий способ seo-оптимизации картинок – это соответствие содержимого изображения и его названия.  К примеру, иллюстрацию, на которой изображен красный автомобиль, следует назвать «krasniy-avtomobil». В названии допускается использование дефиса. Это сформирует ЧПУ и гораздо больше «понравится» поисковому роботу, чем «img-9631», что, в свою очередь, скажется на выдаче изображения.

Формат изображения 

Естественно, скорость загрузки картинки зависит от её размера в килобайтах. Чем меньше размер – тем выше скорость. Чаще всего на сайтах используются изображения в основных форматах – png, jpeg, jpg, gif. Они удобны для сохранения хорошего качества при небольшом объеме. Это касается любых видов изображений – рисунки, фотографии, графический материал. В принципе, значительной разницы в свойствах эти форматы не имеют.

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

Карта сайта 

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

Что же такое SEO-оптимизированная картинка 

При соблюдении этих довольно несложных правил мы должны получить:

<a href="/krasniy-avtomobil.jpg" alt="Красный автомобиль Ниссан" title="Автомобиль Ниссан – машина со своим характером”/> Новый красный автомобиль Ниссан 

или

<a href="/ krasniy-avtomobil.jpg" title="Автомобиль Ниссан – машина со своим характером"><img src="/mini- krasniy-avtomobil.jpg " alt=" Красный автомобиль Ниссан" /></a> Новый красный автомобиль Ниссан 

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

Как вы видите, особых сложностей оптимизация графических картинок для поисковиков не представляет. Просто уделите немного внимания и времени  правильному alt, title и ЧПУ. Во-первых, это позволит внести еще немного дополнительного уникального текста. А во-вторых, при попадании картинок в поиск Google и Yandex вы получаете заветный трафик на свой сайт. 

1608

предыдущие записи

  • Анализ неявных предпочтений пользователей.

    Анализ неявных предпочтений пользователей.

    17:31 10/03/2015

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

  • Landing Page по ремонту квартир

    Landing Page по ремонту квартир

    00:58 27/11/2014

    Хотите сделать Landing Page по ремонту квартир? Мы подобрали для Вас примеры лучших лендингов, которые нашли в поисковых системах.

  • Как проверить скорость сайта

    Как проверить скорость сайта

    23:25 30/03/2015

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

  • Landing Page для оформления шенгенских виз

    Landing Page для оформления шенгенских виз

    15:52 30/03/2015

    Хотите сделать Landing Page для для оформления шенгенских виз? Мы подобрали для Вас примеры лучших лендингов, которые нашли в поисковых системах.