Правила оптимизации картинок для сайтов | BloggerMen

Правила оптимизации картинок для сайтов

Рубрика: Продвижение сайтов

Оптимизация картинокРаньше вопросам оптимизации картинок уделялось минимум времени и внимания. Можно сказать, в этом не возникало необходимости. Достаточно было грамотно поработать с текстом (подобрать НЧ запрос и добиться определенной плотности ключа) и все, ТОП обеспечен. Даже продвижение по СЧ не требовало больших затрат. Но…

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

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

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

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

Для чего нужна оптимизация картинок?

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

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

Как делать оптимизация картинок?

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

image – тег в html для отображения картинки в графическом формате.

alt, title, height, width, src… — атрибуты тега image, но никак не теги.

Использование этих атрибутов при оптимизации изображений обязательно. Вот как это должно быть прописано в коде:

<img title="Правила оптимизации картинок" src="http://bloggermen.ru/wp-content/uploads/2011/01/pravila-optimizacii-kartinok.jpg" alt="Правила оптимизации картинок для web" width="250" height="176" />

Рассмотрим каждую составляющую в отдельности.

Атрибут SRC

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

Во-первых, обратите внимание на формат изображения, которое хотите предложить читателям. Должен быть .jpeg или .png. Другие могут восприниматься за анимацию, соответственно в выдаче показаны не будут.

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

Согласитесь, что optimizaciya-kartinok.jpeg намного лучше, чем %D0%9C%D0%B8%D0%BA%BE%D0%.jpeg или 102.jpeg. И дело не в том, как оно смотрится. Такое название файла дает понять, что вообще это за изображение и возможность прописать ключевую фразу, под которую заточена страница.

Третье – название папки, в которой хранятся изображения, по умолчанию uploads (по крайней мере, для WordPress), а в идеале должно иметь что-то общее с продвигаемой страницей и оптимизируемым изображением.

Например, для приведенного примера можно создать папку optimizaciya, в которую выкладывать изображения optimizaciya-kartinok.jpeg, optimizaciya-title.jpeg и т. д.

Атрибут ALT

Атрибут alt считается одним из важнейших при оптимизации картинок. Для тех, кто не знает, alt – это альтернативное описание изображения. То есть тот текст, который увидит пользователь при отключенных картинках в браузере.

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

Атрибут TITLE

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

Атрибуты HEIGHT и WIDTH

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

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

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

Надписи на изображении

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

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

И еще. Если цель оптимизации картинок – получение трафика, уделите внимание окружающему тексту. Он должен содержать ключевые слова, по которым продвигается изображение.

А теперь вопрос, на который я не смог найти однозначного ответа. Как вы считаете, стоит ли делать изображение ссылкой на пост, на себя или вообще не прописывать ссылку? Просмотрел пару десятков блогов, у всех по-разному. Интересно как будет правильно с точки зрения оптимизации?

__________

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

Popularity: 6% [?]

 

Похожие записи:

Комментарии: (34)

 

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

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

 

 

Может и не учитывает, но ведь есть еще и google. Да и мало ли, что будет завтра. Может в очередной раз алгоритм изменится.

Это точно, на яндексе свет клином не сошелся  :-D А так видел часто что ссылка на статью стоит или на увеличенное изображение.

Да, варианты есть разные. Я и сам ставил ссылку на пост, потом где-то прочитал, что это не есть хорошо. Вот и пытаюсь разобраться.

Вовремя ты написал про оптимизацию картинок! Обновил дизайн, теперь в каждом посте имется своя картинка. Ну и конечно вопрос: Для хранения изображений ( только для постов) я использую сервис Picasa от гугла. Загружаю картинку, жму правую кнопку мыши и копирую адрес, потом вставляю его в пост. Адрес картинки получается длинный и состоит из «кракозябр», т.е вообще не читаемый! %)  Прочитав про src задумался, имеет ли смысл их вообще оптимизировать, с таки-то урлом?

По поводу, картинка — путь к посту, читал сегодня об этом у Терехова, там этот пункт был среди «обязательных» Вот как-то так.

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

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

Добавлю ко всему сказанному еще то что ты же не закачиваешь картинки с разрешением от 1900×1600 и выше? Ну если у тебя конечно не фотогаллерея где большие картинки нужны по определению.

Я например если требуется увеличение картинки то делаю ее максимум 800×600, а при таких размерах они уже занимают копейки :) не говоря уже про 300×300, даже при хостинге в гигобайт и 1 картинке к посту чтобы забить такой объем тебе придется как минимум по посту в день шпарить :) ато и по 2.  :-D

А если загрузить хостинг, будет куча картинок на главной странице, соответственно много запросов, на скорость загрузки не повлияет? Посмотрим в общем, спасибо! :)

Откуда им взяться на главной? Они будут только там, где вы их вставите.

На моем аниме блоге картинки приносят где то процентов 20% трафика, учитывая, что отдельные галереи не делаю просто одна картинка на пост.

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

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

Отличный результат. Картинки все уникальные?

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

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

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

Согласна, что картинки — отличный способ привлечения дополнительного траффика. У меня пусть и не запросам целевой аудитории, но все равно приходило много людей в поисках картинок зимних пейзажей. Сделала вывод, что летом нужно будет разместить летние пейзажи))

А насчет ссылки в картинке... Не прописываю ее. Просто не нравится) Да и почему-то несколько знакомых оптимизаторов не рекомендуют так делать — вот, кстати, нужно будет узнать, почему.

Надеюсь поделитесь, если узнаете? :)

Обязательно) Самой интересно стало, честное слово)))

Надо же, как вовремя! Как раз рашил заняться оптимизацией картинок и такие подробные рекомендации как раз к месту, спасибо.

Насчёт ссылок в картинках, достоверно не знаю, поэтому просто убираю ссылки.

В целом пост интересный и, как видно из многих комментариев, своевременный =)

To roomster: Интересно, что написал Терехов насчёт ссылок с картинок. «По поводу, картинка — путь к посту, читал сегодня об этом у Терехова, там этот пункт был среди «обязательных»»Поделитесь ссылкой. Плз.

Ссылка на картинке может улучшить кликабельность некоторых сайтов, особенно с большим обилием текста. Т.к. на таких сайтах все привыкли к ссылке в картинке, ненадо искать «Читать далее» и прочего.

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

Я картинки всё время обрабатываю, как нужно. У меня даже бывало, что крупные новостники брали с меня картинки и указывали обратку.

Хорошо хоть ссылку ставят, а то многие «забывают»

По поводу уникальности-неуникальности картинок:

Яша ведь подключил сервис распознавания дублей картинок и, к примеру, на одном моём сайте при поиске изображений с сайта, указывает часть картинок с адресами других сайтов, которые «по его мнению» являются авторами их. На мой же сайт лишь ссылка как на копию. Иногда это верно, но есть примеры и обратного, хотя в большинстве случаев больший размер, а иногда водяные знаки на фото, являются главным критерием определения авторства картинки.

В большинстве же своём простые действия — обрезка, поворот, коррекция цветов и контрастности сделали сотни изображений уникальными для Яши.

С Гуглом сложнее — у него картинки или в индексе или нет. Кстати, никто не пробовал принудительно добавлять их в индекс? 8)

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

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

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

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

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

Методы оптимизации картинок для Гугла и Яндекса одинаковы?

Одинаковы. Во всяком случае, у меня оптимизированные картинки в обоих поисковиках собирают траф.

Я когда в анонсах вывожу картинки тогда ставлю ссылку на пост.

Когда картинка выводится в посте то либо стоит ссылка на увеличенное изображение либо вообще никакой ссылки не стоит.

Мне так кажется более правильным, потому как циклить с поста на пост действительно раздражает. А так либо большая картинка покажется, либо вообще нету ссылки.

Яндекс учитывает все ссылки. А если ссылка с картинки будет на саму картинку — то изображение будет посадочной страничкой и на неё будет утекать ссылочный вес. Так что лучше в слайдерах закрывайте ссылки на картинки nofollow  =)

Оставить комментарий