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

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

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

Никогда не пренебрегайте работой с картинками. От того, в каком состоянии они будут, зависят:

• Место на диске;
• Дизайн и юзабилити;
• Лояльность пользователей;
• Раскрутка и продвижение;
• Постинг («расшаривание»).

Некоторые умельцы поднаторели в  оптимизации изображений для WordPress так, что обеспечивают себе львиную долю трафика. Особенно это важно для сайтов, где главный контент — фотографии («визитки» фотографов, дизайнеров, тревел-проекты, интернет-магазины и так далее).

Рассказываю о 3 шагах, которые требуется сделать для оптимизации изображений на Вордпресс. Свои методы никому не навязываю, но пока они меня не подводили. Да, момент: всё делаю руками, без использования программ.

Поиск фото. Если у вас нет своих изображений, то найти материал можно в фотостоках, «Гугл.Картинках», банках обоев... Главное — не нарушать авторские права.

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

Фотошоп-онлайн. Именно здесь я делаю снимки нужных размеров, регулирую яркость и контрастность или сразу выбираю «автоматические уровни». Для оптимизации изображений лучше выбрать jpg, чем png, при сохранении файла на ПК: «вес» будет в 3-4 раза меньше.

optimizilla.com Отличный мультиязычный сервис оптимизации изображений без потери качества. Загрузите фото и скачайте сжатый файл. При желании можно изменить качество, передвигая бегунок.

Д опустим, с размером, форматом и качеством снимка мы разобрались, но на этом работа вебмастера не заканчивается. Следующий этап — SEO-оптимизация изображений на сайте.

Имя файла. Не нужно называть изображение «IMG_1234», «DSCN3637» или делать иную бессмысленную надпись, если вы продаёте товары или услуги.  Предлагаете экскурсии в Милане? Тогда идём на сайт translit.net и получаем «Jekskursii v Milane. Uslugi gida» или «Jekskursii v Milane. Russkojazychnyj gid».

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

Заголовок, alt, описание. Самый важный пункт в SEO-оптимизации изображений на WordPress. Загрузив картинку в библиотеку, кликните на фото, чтоб увидеть поля для заполнения. Допустим, мы размещаем фото на страницу «Услуги копирайтера».

• Заголовок (на русском): «Услуги копирайтера для бизнеса». Атрибут alt: «Услуги копирайтера. Тексты для бизнеса». Описание: «Услуги копирайтера Марии Нор. Написание текстов для бизнеса. Портфолио, цены, брифы».

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

Важно! Текст из поля «Атрибут alt» появляется при постинге в Pinterest.

Вот и подошёл к концу мой рассказ об оптимизации изображений для сайта на Вордпресс без потери качества.

Как видите, чтобы содержать сайт в порядке и заставить поисковики с ним считаться, не обязательно иметь семь пядей во лбу. Немного терпения — и всё получится.