Картинки на сайте – как правильно с ними работать?

Контент (содержание) сайта играет первостепенную роль в его продвижении. Именно поэтому контенту, и в частности тексту, уделяется так много внимания. Но контент – это не только текст. Это ещё и графические изображения.

И чтобы текст был более эффективен, важно добавить подходящие изображения. Они дополнят, разбавят текст и помогут привлечь внимание потребителя. Ведь давно доказано, что большинство людей лучше воспринимают информацию, которая представлена визуально. Более свежую и актуальную информацию вы найдете в статьях: Готовим картинки для сайта без Photoshop и Добавляем картинки и видео на сайт: на что обратить внимание?

В каких случаях актуально размещение картинок?

Для интернет-магазинов обязательно изображение продаваемого товара – реальные фотографии. Ни один потенциальный клиент долго не останется на сайте, если на нем не будет снимков товара. Зачем ему заказывать кота в мешке?
Изображение результата работы (или любимые всеми фото до/после). Это актуально для компаний, предлагающих услуги, а не товары. Здесь возможна демонстрация портфолио – это могут быть рендеры, реальные фото, скетчи и т.д. Использование таких картинок показывает уровень профессионализма исполнителя.
Схематические изображения рабочих процессов или преимуществ (инфографика) – наглядная иллюстрация этапов работы. Используется для того, чтобы информация легче воспринималась для пользователя. Оптимально также для компаний, предлагающих услуги.

5 правил эффективного продвижения картинками:

Качество Не стоит использовать смазанные самодельные изображения, снятые на телефон. Это не внушает доверия ни к товару, ни к вам, как к продавцу. Добавляйте на сайт только профессиональные фотографии и картинки хорошего качества.
Уникальность Не рекомендуется копировать картинки с других ресурсов. Изображение должно быть уникальным. В этом случае будут использованы все его возможности при продвижении сайта. Если же у вас нет таких фото, дорабатывайте в графических редакторах те, что скопировали: поверните их, измените цвет фона, добавьте эффекты. Но только так, чтобы эти манипуляции не испортили качество.
Описание картинки Добавьте атрибут alt к html-тегу <img>, укажите в нем ключевые слова, которые будут описывать картинку. Без них никуда! Все это поможет поисковикам понять, что изображено в конкретном случае, и выдать результат при поиске. Подробнее о том, как это сделать правильно, написано тут.
Вес и размер Слишком маленькие картинки раздражают пользователей. Они не позволяют рассмотреть продукт в деталях, по ним хочется кликнуть, чтобы увеличить. И если увеличения не происходит, пользователь разочаровывается. Но и слишком большие не стоит использовать – они будут долго грузиться. Оптимальный размер фото – 30-60 Кбайт.
Количество Равномерно разместите картинки по странице, но не перегружайте ее. Много – не значит хорошо. Большое количество картинок может запутать и наоборот оттолкнуть пользователя.

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

Желаем удачи при оформлении текста для поискового продвижения!