Здравствуйте! Делюсь материалом, который мне и моим коллегам очень помогает в работе.


среда

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

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

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

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

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

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

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

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

    Автор Алена Ушакова

    на
    Ярлыки: , , ,

    Комментариев нет:

    Отправить комментарий

    Подписаться на: Комментарии к сообщению (Atom)