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

picture

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

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

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

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

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

Давайте начнем разговор

Контактная информация

Звоните:

8 (921) 084 65 31

Адрес:

г. Санкт- Петербург. м. Проспект просвещения, проспект Художников д. 29 к 1

Анализ конкурентов

Бесплатно

Анализ сайта конкурентов – подготовительный и самый главный этап запуска своего сайта

Получить бесплатно

Адаптивность сайта

Даром

Адаптивность — обязательное условие для современного сайта

Получить даром

Подбор ключевых фраз

За 0 руб.

От правильности и полноты подбора нужных слов зависит успех продвижения той или иной целевой страницы

Получить за 0 руб.

План продвижение

За так

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

Получить за так