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

Автор:
8 Ноябрь, 2015

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

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

  •  Как и контент, картинки тоже индексируются поисковыми системами, следовательно они могут приносить на ваш сайт пусть небольшой, но все же трафик. Пренебрегать этим я думаю не стоит.
  •  Чем меньше «вес»картинок, тем меньше места занимает на хостинге. Обычное фото может «весить» порядка 1-2 мб а то и больше, а после оптимизации в десятки раз меньше. К примеру у вас, скажем, тот же кулинарный сайт и изначально места на сервере 1 гб. Если вы будете каждое свое блюдо фотографировать и выкладывать на свой ресурс неоптимизируя, то места хватит максимум на полгода.
  • Чем меньше вес картинки, тем быстрее загружается страница. Согласитесь, это немаловажный фактор. Лично я больше пяти секунд не могу ждать, не хватает терпения.
  •  Хорошо подогнанное и оптимизированное изображение оставляет благоприятное впечатление о себе у поисковых систем, тем самым внося свою скромную лепту в дело продвижения как страницы, так и сайта в целом.

Согласны с этими утверждениями? Если же нет, или у вас есть какие-то вопросы, дополнения давайте обсудим это в комментариях. Ведь как гласит мудрое изречение- в споре рождается истина. Хорошо. Идем дальше.

Как оптимизировать изображения

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

Из огромного количества картинок по данной теме выбираете ту, которая вам больше по душе. Вот тут есть один момент. Многие скачивают картинку к себе на компьютер, затем чаще всего с помощью фотошоп долго возятся, чтобы довести ее размер и «вес» до нужных кондиций. Все это можно сделать до безобразия быстро и качественно с помощью программы «Snagit». Во-первых, я не скачиваю, а сразу делаю там же скриншот. Скачанное изображение размером 500×375 весит 104 кб, а на скриншоте 33,3 кб, причем качество картинки остается таким же. А если это фото размером в 5 мб?  Представляете, какая разница?

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

Здесь можно выполнить огромное количество различных действий по уникализации картинки: взять в рамочку, сделать рваные края, отогнуть один край, изменить размер, цвет и т.д. У меня, конечно, тоже есть Fotoshop, но в этом плане «Snagit» нравится больше. Рекомендую всем, скачайте с официального сайта и пользуйтесь на здоровье, радуя себя и своих читателей качественными снимками.

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

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

Затем уже в админпанели, загрузив ее, прописываем теги Title и Alt. Я не буду здесь особо умничать, рассуждая о значении и важности этих тегов, скажу лишь, что title переводится как «заголовок» и предназначен для людей, поэтому заполняется русскими буквами. Alt- это краткое описание картинки и предназначен для роботов. Сведущие люди говорят, что со времен динозавров этот тег было принято транслитом писать, но уже давненько пишут русскими. Пусть так и будет.

И еще один маленький нюанс: если размещаете картинку не по центру, а скажем с левой стороны, то она и текст находятся вплотную друг к другу, что не очень эстетично смотрится. Чтобы исправить это, щелкните по снимку, зайдите в редактирование, выберите пункт «Дополнительно» и в графе   поставьте цифру 10.

В завершение представляю вам очень интересный и безусловно полезный сервис для проверки изображений на странице, который называется Image SEO Tool. Он показывает, насколько правильно заполнен ваш атрибут ALT. Перейдите по ссылке на этот сервис, введите URL проверяемой страницы и щелкните по кнопочке  «GO».

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

Image name:  название картинки.

Первая зеленая галочка: альтернативный текст состоит из 2 слов.

Синий значок: альтернативный текст соответствует требованиям Google,хотя мог бы быть более наглядным.

Вторая зеленая галочка: изображение имеет размеры(высота/ширина).

Из этого смело можно сделать вывод о том, что с задачей оптимизации изображений мы справились успешно. Хочу также предупредить- все эти манипуляции нужно делать только со значимыми картинками, с главными что ли. Не надо на всех скриншотах прописывать альты и тайтлы, иначе поисковик может расценить это как переоптимизацию. На этом, пожалуй, я закончу эту коротенькую статью. Удачи всем!

P.S. Как вам статья?

Автор статьи — Баяс Батуев

Читайте также:


Комментарии:

Комментарии