SEO-оптимизация изображений и картинок для сайта
10 минут
6978
Ранее мы уже рассматривали подробно необходимость оптимизации контента и мета-тегов страницы. Но существует и еще одна, не менее важная составляющая - оптимизация изображений для сайта.
Причины необходимости 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 вы получаете заветный трафик на свой сайт.