Для чего вообще нужно оптимизировать картинки на сайте?

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

Конечно, если картинка интересная, то человек в 70% случаев перейдет на сайт-источник в поиске дополнительных картинок. Это нам как раз и нужно.

Вот пример, у другого моего сайта было 895 картинок в индексе Яндекса и чуть меньше в Google, каждый день по картинкам на сайт переходило несколько десятков человек. Разве плохо?!

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

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

Ну и наконец, перейдем к самому главному.

Как правильно оптимизировать картинки на сайте?

1) Добавление на страницу
Как правило, любая картинка вставляется в страницу с помощью HTML-тега img src. Выглядит это так:

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


2) Теги TITLE и ALT
Самым важным в оптимизации картинок является добавление названия и описания.
В них обязательно должны содержаться ключевые слова.
Вот такой код изображения получается:


В HTML-теге IMG атрибут ALT предназначен для того, чтобы отображать альтернативный текст в том случае, если картинка не показывается по какой-либо причине (например, если в браузере отключена загрузка изображений).

Тег TITLE отвечает за отображение названия картинки.

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

Название также должно содержать ключевое слово. Например:


4) Формат изображения 
ПС любят картинки формата JPG,JPEG, GIF и PNG.
Однако большие картинки формата PNG ПС робот может принять за части дизайна и не проиндексировать.
Формат BMP вообще не советую.
Лучший вариант – JPG.


5) Анимация
Не используйте анимированные картинки. Они очень плохо индексируются и обычно принимаются ПС, как баннеры.


6) Уникальность
Обычно люди просто находят в ПС картинку по нужному запросу и вставляют в текст. Это неправильно. 

О том, как сделать картинку уникальной я писал статью - Как сделать уникальную картинку для сайта.


7) Директория
Храните картинки в одной директории. Создайте для них отдельную директорию, например, папку images. Это позволит упростить путь до изображений, что благотворно скажется при индексации.


8) Размер изображения
Чем больше размер изображения, тем лучше.
Картинки с большим весом будут стоять выше в ПС, чем небольшие картинки с маленьким весом.


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


10) Атрибуты WIDTH, HEIGHT и BORDER
WIDTH отвечает за ширину изображения. Значение можно выставить любое, какое вам нужно.

HEIGHT отвечает за высоту изображения. Значение так же можно выставить любое, какое вам нужно.

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

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


11) Атрибут longdesc
Атрибут содержит ссылку на подробное описание картинки. Это описание должно дополнять краткое описание, заданное атрибутом alt.


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


12) Ссылки-картинки
Сейчас они стали очень популярными. Это обычные баннеры.
В продвижении по картинкам они не особо помогают. Однако широко используются для привлечения новых посетителей с других сайтов.
Код такой картинки:


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

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