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

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

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

Вот несколько причин:

  • Так же, как и тексты, картинки попадают в поиск в отдельный раздел. Это значит, что можно получить с них дополнительных посетителей на свой сайт. В некоторых случаях, ощутимое количество. Так что не стоит упускать такую возможность.
  • Если на сайте много картинок (например, по тематике дизайн интерьера), то они могут занять на хостинге значительный объем диска. И придется выбирать более дорогой тариф для дальнейшего размещения информации.
  • Чем меньше вес картинки, тем быстрее загружается страница. Согласитесь, это немаловажный фактор. Лично я больше пяти секунд не могу ждать, не хватает терпения.
  • Хорошо подогнанное и оптимизированное изображение оставляет благоприятное впечатление о себе у поисковых систем, тем самым внося свою скромную лепту в дело продвижения как страницы, так и сайта в целом.

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

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

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

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

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

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

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

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

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

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

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

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

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

Написать комментарий