Оптимизируем изображения

Здравствуйте, дорогие читатели моего блога!

Сегодня я продолжаю цикл статей «Как выйти в ТОП». В прошлой статье мы научились максимально повышать релевантность текста статей.

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

Оптимизация изображений

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

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

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

При неправильной оптимизации картинок они могут даже навредить статье, в результате чего она будет понижена в поисковой выдаче!

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

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

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

— картинки участвуют в поиске поисковых систем (Поиск по картинкам), что увеличивает поисковый трафик на блоги и сайты;

— оптимизация изображений увеличивает скорость загрузки страниц.

Где взять картинки?

Лично я с этим особо не парюсь. Я не дизайнер и не художник, изображения получаю следующими способами:

— скачиваю готовые с помощью поиска, например: «Яндекс картинки»;

— делаю скриншот с экрана монитора;

— делаю картинку при помощи графического редактора.

Остановлюсь на способах получения изображений подробнее.

Как скачать?

Заходим в поиск по картинкам, например, Google:

Находим подходящее мне изображение и сохраняем на свой ПК.

Как получить скриншот с экрана?

Для этого я использую классную программу «Snagit».

Запускаем программу, нажимаем кнопку «Сбор данных», выбираем нужную нам область экрана и «фотографируем».

После чего программа переносит наш снимок в графический редактор, где можно выполнить огромное количество различных действий:

— добавить эффекты (прозрачность, образка краев, и т.п.);

— добавить поясняющие надписи, сноски, стрелки и многое другое.

Отредактировав изображение, нужно сохранить его на компьютер.

Как создать самому?

Для этого я использую программу «Adobe Photoshop». В основном я там создаю изображения текста.

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

Оптимизация изображений – добавляем ключевые слова.

Ни для кого ни секрет, что картинки могут участвовать в поиске по картинкам, тем самым

привлекая дополнительный поисковый трафик. Вот пример моих картинок, участвующих в поиске Яндекса:

А вот что в поиске «Google»:

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

Вот пример названия картинки этого поста:

Также я прописываю ключевые слова в названии и в теге «Alt» (альтернативное название):

Оптимизация изображений для web

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

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

Для оптимизации я использую программу «Adobe Photoshop», вот небольшой пример:

Открываем изображение в «Adobe Photoshop» и редактируем его. Уроки по работе с этой программой Вы можете найти в интернете, я же покажу только лишь как уменьшить размер изображения.

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

Для этого выбираем пункт «Сохранить для Web и устройств» (Save for web), где Вы сможете изменить множество настроек Вашего изображения, необходимых для его оптимизации.

Для фотографий нужно использовать формат jpg.

Для изображений, не содержащих тонов и оттенков целесообразнее выбирать форматы gif или png.

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

Также, можете изучить мою статью «Как качать через торрент». Из этой статьи Вы узнаете о том, как пользоваться торрентами, и как скачивать оттуда файлы.

И в заключении мой видеоурок: Оптимизация изображений для web:

На этом у меня все. Надеюсь, моя статья была Вам полезна.

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

С уважением, Александр Бобрин

Поделись с друзьями: