Правильная оптимизации картинок для сайтов Раньше вопросам оптимизации картинок уделялось минимум времени и внимания. Можно сказать, в этом не возникало необходимости. Достаточно было грамотно поработать с текстом (подобрать НЧ запрос и добиться определенной плотности ключа) и все, ТОП обеспечен. Даже продвижение по СЧ не требовало больших затрат. Но…
Конкуренция растет, и добиться высоких позиций только за счет внутренней оптимизации почти нереально. По крайней мере, если не говорить о запросах с незначительной конкуренцией, но таких все меньше.
Для чего нужна оптимизация картинок?С того момента как картинки появились в результатах основной выдачи поисковых систем, их начали рассматривать как источник трафика. Достаточно грамотно делать оптимизацию изображений во время написания постов и получать дополнительные переходы. Пусть намного, но для молодого блога каждый посетитель на счету.
Но это не единственная причина, по которой нужно оптимизировать картинки. Не забывайте, что тег image дает прекрасную возможность лишний раз прописать ключевое слово на странице, не раздражая пользователей. Что благоприятно сказывается на оптимизации страницы в целом.
Как делать оптимизацию картинок?Прежде чем переходить непосредственно к оптимизации, определимся с тегами и атрибутами. А то некоторые путают эти понятия. Итак…
image – тег в html для отображения картинки в графическом формате.
alt, title, height, width, src… — атрибуты тега image, но никак не теги.
Использование этих атрибутов при оптимизации изображений обязательно. Вот как это должно быть прописано в коде. Возьмем для примера картинку в этой статье. Я ее оптимизирую под запросы Отдых в Хорватии и "Макарска Ривьера". Значит я напишу следующие теги
<img title="Отдых в Хорватии" src="http://hotel-baskavoda.com/images/makarska/baska-obala.jpg" alt="Отдых в Хорватии на Макарской Ривьере" width="150" height="150" />
Рассмотрим каждую составляющую в отдельности.
Атрибут SRCsrc – это обязательный параметр, в котором прописывается адрес изображения. Только не нужно думать, что если это адрес оптимизация не требуется.
Во-первых, обратите внимание на формат изображения, которое хотите предложить читателям. Должен быть .jpeg или .png. Другие могут восприниматься за анимацию, соответственно в выдаче показаны не будут.
Второй момент – название файла. Понятно, что мы не всегда находим время создать уникальное изображение, но хоть переименовать его можно?
Согласитесь, что nazvanie-kartinki.jpeg намного лучше, чем%V0%5C%V0%B8%V0%BA%BE%D0%.jpeg или 111.jpeg. И дело не в том, как оно смотрится. Такое название файла дает понять, что вообще это за изображение и возможность прописать ключевую фразу, под которую заточена страница.
Атрибут ALT Атрибут alt считается одним из важнейших при оптимизации картинок. Для тех, кто не знает, alt – это альтернативное описание изображения. То есть тот текст, который увидит пользователь при отключенных картинках в браузере.
К тому же он учитывается при ранжировании. Соответственно нужно обязательно включать в него ключевую фразу. Только без фанатизма. Не забывайте, что его могут увидеть не только боты.
Атрибут TITLEТекст, который прописан в атрибуте title будет показываться при наведении курсора на изображение. Естественно нужно прописать ключ и здесь. В принципе, можно скопировать текст из alt, немного изменив его.
Атрибуты HEIGHT и WIDTHОни задают высоту и ширину изображений. Может большого значения в оптимизации картинок они и не играют, но прописывать атрибуты желательно. Причем предпочтительнее ставить размеры в пикселях, а не в процентах, чтобы браузеру не пришлось тратить время высчитывание пропорции.
- Какие бы размеры не были заданы, изображение загрузится полностью и только потом будет показано в заданном виде. Поэтому избегайте громоздких файлов.
- Измените размер, отредактируйте и только после этого загружайте на хостинг.
- Надписи на изображении
- Не имеют никакого отношения к оптимизации картинок, но позволяют хоть как-то защитить их от воровства. Если они уже не сворованы
Если цель оптимизации картинок – получение трафика, уделите внимание окружающему тексту. Он должен содержать ключевые слова, по которым продвигается изображение.
Источник: http://hotel-baskavoda.com | 
