Главная » Техника продвижения » Правильная оптимизация изображений для сайта — первый шаг на пути к человеческим сайтам

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

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

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

Как оказалось на практике оптимизация изображений для сайта совсем не сложная, но эффективная фишечка.

Для чего нужны изображения на сайте?

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

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

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

Как правильно оптимизировать изображения для сайта?

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

Уменьшаем вес картинки

Допустим, у вас уже есть уникальные изображения для статьи, и вы уже готовы ее публиковать, но перед этим обязательно проверьте ее вес. На моей практике клиенты часто загружали просто огромные картинки (по несколько мегабайт) и потом писали мне, почему у них долго грузится сайт. Вы должны максимально уменьшать вес всех изображений, тогда скорость загрузки страницы будет высокой, и вы не будете терять своих посетителей. Существую сервисы для оптимизации веса картинок, например, Kraken. С его помощью вы можете загрузить имеющиеся у вас изображения, прямо в веб интерфейсе. Для этого нужно перейти в режим Try Free Web Interface.

8

Далее нужно выбрать интересующий вас файл.

1

После чего вы сможете скачать уже оптимизированную картинку.

2

Честно говоря, я не использую этот сервис, а делаю я этот процесс с помощью программы Photoshop.

В первую очередь, если это нужно я изменяю размер картинки. Для этого заходу в раздел «Image» — «Image Size»

3,2

и там уменьшаю до необходимых размеров.

3,1

Далее, после обработки изображения выбираю «File» — «Save for Web & Devices…».

4

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

3

Лично я изменяю, форматы картинок и отслеживаю в окне просмотра размер получившихся картинок.

6

Также можно проиграться с качеством. Для большинства случаев будет достаточно выставить следующие настройки:

5

Сохраняю изображение и проверяю результат.

7

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

Идем дальше.

SEO параметры изображения

Тут стоит выделить два основных параметра – это:

— title – отображается при наведении на картинку;

— alt – так называемый альтернативный текст, который будет отображаться, в случае если ваша картинка будет не доступна.

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

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

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

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

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *