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

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

Оптимизация изображений для сайта ведётся в 2-х направлениях:

  1. SEO оптимизация картинок;
  2. Оптимизация размера изображений.

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

Итак,

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

Успех в продвижении картинок зависит от нескольких факторов:

Первый. Название медиафайла.

В фотоаппарате снимки нумеруются DSC_0638 и т. п. Если скачать изображение из интернета то, его имя будет солянкой из букв и цифр e8mKFt-rOWI.

Вставляй на сайт картинки только с именем соответствующим тому что на них нарисовано, и чтобы оно было латинскими буквами. Например: straykbolniy-privod-ak-74m.

Пример изображения в заметку SEO оптимизация изображений для сайта

Второй. В html коде вставки картинки есть атрибуты alt и title. Заполнение alt (описание) нужно поисковикам, а title (заголовок) показывается если навести курсор на изображение.

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

Он полезен когда картинка почему-то не загрузилась, или если посетитель отключил показ графики в браузере.

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

Заголовки и описания ставь сразу как добавил картинки. На nekorolev.ru я не делал этого до 20-й записи блога, а потом 2 вечера прописывал им атрибуты.

Третий. Изображение должно соответствовать не только имени, но описанию о нём.

Помнишь мультик про котёнка по имени Гав. Где старый чёрный кот говорит – “Что творится, котёнок гонится за щенком. Так не бывает!”

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

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

Вставка “левого” изображения в статью ничего не даст – фотография страйкбольного привода АК-74М это наглядный пример.

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

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

Есть графические редакторы с функцией оптимизации изображений для web. Например в программе Photoshop Alt+Shift+Ctrl+S это сохранить для web.

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

Заметил что картинки в формате .jpg теряют цвета, поэтому чтобы оптимизация изображений для сайта была без потери качества я сохраняю их в .png

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

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

На WordPress можно загружать большие (не в байтах, а в пикселях) картинки. И движок обрезает их согласно настроек медиафайлов.

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

Таким образом вместе с исходным файлом на сервере будут храниться ещё 3 копии: миниатюра, средняя и большая.

Оптимизация изображений в WordPress заключается в уменьшении их размера и сокращения общего объёма памяти занимаемого на хостинге.

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

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

Например у меня на блоге стандартный размер всей графики 900 на 600 пикселей. Средний параметр я поставил 555 на 555, а большие 1024 на 1024.

Прочти статью про плагин плавного увеличения картинок Auto Highslide.

С уважением, Сергей.

Просмотров: 357

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

Оповещать о новых комментариях по RSS