Контент картинка – Скачивайте бесплатные фотографии, векторные изображения и видеодля коммерческого и редакционного использования

Содержание

Авторское право в интернете: как правильно использовать чужой контент и защищать свой

Ольга Борисенко

Эксперт по крутым email-рассылкам, автор русского блога SendPulse.

Что такое авторское право?

У всех картинок, гифок, видео, музыки и текстов, которые вы найдёте в интернете, есть автор. Автору автоматически принадлежат права на созданный им объект, и эти права охраняются законом. Это значит, что нельзя просто взять классную картинку и вставить в свой пост или рассылку — для этого нужно разрешение автора.

Авторское право делится на два вида: имущественное и неимущественное. По неимущественному праву автор решает, как назвать своё произведение и как под ним подписаться, публиковать его или нет. Но нас больше интересует имущественное право — использовать это произведение в своих целях, в том числе для зарабатывания денег.

Что нужно знать о коммерческом и некоммерческом использовании контента?

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

Некоммерческое использование — это когда контент не приносит деньги. Например, если вы делаете рассылку с обзором лучших смартфонов 2018 года, это не коммерция. А если в эту рассылку добавить кнопки «Купить», которые ведут в магазин, то это уже реклама товаров. Соответственно, коммерческое использование.

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

Чем грозит нарушение авторских прав?

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

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

Как узнать, можно ли взять изображение?

Даже если автор изображения не указан, он всё равно существует, и его произведение защищено авторским правом. Если вы при публикации укажете автора, это всё равно нарушение закона, ведь вы берёте его работу без разрешения.

Всегда нужно проверять, защищена ли картинка авторским правом и на каких условиях можно её использовать. Сделать это можно даже через Google с помощью поиска по картинкам.

  1. Заходим в раздел «Картинки». В строке поиска появится значок фотоаппарата, кликаем по нему.

  1. Получаем окно поиска, куда загружаем картинку либо ссылку на файл.

  1. Оригинал фотографии наверняка будет в хорошем разрешении, так что в результатах поиска выберите большие изображения.

  1. Зайдите на сайты, где лежат эти изображения, и посмотрите, как там указан автор. Теперь остаётся найти его страницу в Сети и посмотреть, есть ли там условия использования работ.

Что такое лицензия и как она работает?

Большую часть контента в Сети можно использовать на заранее определённых условиях. Эти условия прописаны в лицензии — договоре на использование контента. Этот договор открытый, его не нужно заключать и подписывать с двух сторон. Вы просто изучаете условия лицензии и соблюдаете их, когда используете изображения и другие медиаобъекты.

Условия лицензии могут быть размещены на сайте, откуда вы берёте контент. Например, в СМИ часто пишут: «При копировании материалов гиперссылка на источник обязательна». В таком случае вы имеете право скопировать текст, если дополните его активной ссылкой на сайт-источник.

Вот список лицензий, которые используются для обозначения авторских прав и условий использования текстов, видео, фото и музыки:

  • СС (Creative Commons) — для любого контента, включая программное обеспечение.
  • GNU FDL (Free Documentation License) — для документов, энциклопедий, словарей.
  • DSL (Design Science License) — для любого контента, включая программное обеспечение. Её почти перестали использовать с появлением Creative Commons.
  • Free Art License (License Art Libre) — для любых художественных произведений.

Creative Commons — самая популярная лицензия. Ей часто пользуются фотографы и дизайнеры, писатели и программисты. Есть несколько подвидов лицензии с разным набором условий: например, ссылаться на автора, использовать произведение только в неизменном виде или только на некоммерческих условиях и другое. Самая подходящая лицензия — CC0, то есть произведение полностью очищено от авторских прав.

Как договориться с автором?

Напишите автору письмо. Расскажите, в каких целях вы собираетесь использовать его творение, и спросите, на каких условиях он вам это разрешит.

Соглашение с автором может быть устным или письменным. Если вы опасаетесь, что автор начнёт предъявлять претензии после публикации, то лучше заключить договор письменно. Так будет легче доказать, что вы опубликовали работу строго в рамках договорённости.

Нужно учесть нюансы:

  • Кому принадлежат имущественные права на объект. Может, автор уже продал их какой-то компании и договариваться нужно с ней.
  • Что именно вы хотите сделать с контентом. Нужно чётко это прописать в договоре. Будете ли вы использовать его в коммерческих или некоммерческих целях, опубликуете оригинал или будете как-то его видоизменять — всё это нужно указать.

Всё те же пункты нужно включить в договор, если вы нанимаете фотографа или дизайнера.

Кафе договорилось с фуд-фотографом о съёмке блюд из меню. Фотограф включил в договор условия: указывать его авторство и использовать готовые фото в неизменном виде. Заказчику показалось, что результат недостаточно аппетитный. Он самостоятельно накрутил контрастность в фоторедакторе, а из получившегося сделал коллаж.

Фотограф увидел опубликованный коллаж и подал на кафе в суд. Он выиграл, потому что условия договора были нарушены.

Как использовать картинки законно и где их брать?

Создавать самостоятельно

Это легко, когда в штате есть фотограф или дизайнер. Ещё есть сервисы для создания картинок с готовыми шаблонами для недизайнеров: Canva, Piktochart, BeFunky и множество других. Можно нанять внештатного специалиста — только не забудьте заключить с ним договор и прописать в нём передачу имущественных прав на работы.

Использовать фотостоки

Есть платные и бесплатные. Легко искать нужные изображения, лицензии на виду, выбор относительно большой. Но эти картинки уже наверняка кто-то использовал до вас — например, одни и те же улыбающиеся люди изображают сотрудников на сайтах сотен компаний. «Улыбающийся сквозь боль Гарольд» и вовсе стал мемом, а начинал с фотостока. Ещё один подвох — фотостоки бывают нелегальными и собирают фотографии без разрешения авторов. Отвечать в итоге придётся вам, так что подстрахуйтесь и проверьте картинку через Google.

Встраивать изображения

Только при некоммерческом использовании. С помощью эмбеда вы не сохраняете картинку к себе, а встраиваете её в код страницы. Таким способом можно брать картинки из Instagram, Getty Images, Tumblr и Flickr. Этот способ можно использовать в рассылках и на сайте.

Магазин «Пудра» в раздел отзывов в письме вставляет эмбеды из Instagram-аккаунтов блогеров

Искать в Google

Забиваем запрос, переходим в раздел «Картинки». Здесь нажимаем на «Инструменты» и выбираем подходящую лицензию из выпадающего списка «Права на использование». Всегда заходите на сайт, где лежит фотография, и проверяйте её происхождение.

Использовать материалы из общественного достояния

В России имущественное авторское право перестаёт действовать через 70 лет после смерти автора. Это касается книг, картин, фильмов. При этом в других странах свои сроки действия авторского права, так что обязательно изучите вопрос перед тем, как брать контент.

Можно ли использовать чужие тексты?

С текстами та же история, что и с картинками — без разрешения их использовать нельзя. Броские цитаты из фильма или книги отлично подходят для тем в рассылках, но охраняются авторским правом. Причём как оригинальные названия, так и переведённые.

В теме этого письма явно обыграно название фильма с Леонардо Ди Каприо. По Гражданскому кодексу переводные названия фильмов являются творческим результатом работы переводчика. Правообладатели перевода могут подать иск

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

Как действует авторское право в соцсетях?

Если контент берёте вы

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

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

Заведение рекламирует вечер с кинопоказом в группе «ВКонтакте». В посте — кадры из мультфильма «Тайна Коко», и это нарушает права правообладателей мультфильма

Если контент взяли у вас

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

Ставьте копирайты на все свои фото и видео, подписывайте авторство. Так будет легче защищать свои интересы в суде.

Как защитить свои авторские права?

Для начала соберите доказательства: ссылки и скриншоты ваших страниц и страниц конкурента с аналогичным контентом, оригиналы фото и видео. У вас должно быть всё, чтобы показать — вы разместили материалы раньше конкурента. Идите к нотариусу, чтобы он заверил эти материалы.

Затем попробуйте договориться мирно: напишите владельцам ресурса, что вы собрали «вещдоки», и попросите удалить контент и компенсировать вам как минимум расходы на нотариуса. Если нарушители не соглашаются или не отвечают, можно подавать судебный иск.

Обязательно проконсультируйтесь с юристом. Бывает, что ваши усилия в судебном разбирательстве того не стоят: либо шанс на победу небольшой, либо компенсация будет слишком маленькой.

Что нужно запомнить?

  • Картинки, гифки, видео и тексты в интернете охраняются авторским правом. Чтобы их использовать, нужно договориться с автором или соблюсти условия лицензии.
  • Будьте особенно внимательны, если хотите использовать чужой контент для своей рекламы.
  • Если кто-то крадёт созданный вами контент, соберите доказательства, заверьте их у нотариуса. Потребуйте удалить незаконно использованные материалы. Если нарушитель не соглашается, идите в суд.

Как отличить контентное изображение от декоративного — Блог Академии — HTML Academy

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

Теория

Контентное изображение

Слово контент происходит от английского слова «content» — содержимое. С помощью таких изображений мы можем донести до пользователей полезную информацию. Чтобы добавить контентное изображение к себе на страницу, используйте в разметке <img>. Для изображений такого типа необходимо заполнять атрибут alt, который описывает то, что изображено на картинке.

Декоративное изображение

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

Практика

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

Очевидные случаи

Изображение товара в карточке товара, контентное
Карточка товара на сайте EdoqueКарточки товаров на сайте Cadbury

Такие изображения содержат информацию о внешнем виде товара. Если они по какой-либо причине не отобразятся, то пользователь потеряет часть информации о товаре.

Реализация: <img>

Логотип, контентное
Логотип на сайте Haribo-shopЛоготип на сайте EvercodelabПартнёрские логотипы на сайте Specia

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

И также часто встречаются блоки с партнёрскими логотипами. В таких ситуациях логотипы являются контентными изображениями.

Реализация: <img>

Изображения и текст, контентное
Изображение в статье на сайте MeduzaИзображения товара на индивидуальной странице на сайте PichShop

Примеры выше — изображения в статье. Данный случай ничем не отличается от карточки товара — у нас есть и описание, и изображение, несущие важную для пользователя информацию. Таким образом, изображение является контентным и должно быть сделано тегом <img>.

Реализация: <img>

Вспомогательная иконка, декоративное
Вспомогательные декоративные иконки на сайте MediaMarkt

В примере иконки в меню имеют декоративный характер. Если вдруг они пропадут, информация не потеряется, и пользователь всё равно сможет понять в какой раздел ему нужно. Для реализации лучше всего использовать background-image для псевдоэлемента.

Реализация: background-image для псевдоэлемента

Вспомогательные декоративные иконки на сайте MediaMarkt

Другой пример из того же магазина. Изображение лишь дополняет подпись. Такие изображения лишь поясняют названия и являются декоративными.

Реализация: background-image для всего блока или для псевдоэлемента

Фоновое изображение, декоративное
Фоновая картинка с фруктами на сайте EdoqueПитерское фоновое изображение на сайте Sobor.gorozhanko.ru

На примерах выше мы можем рассмотреть варианты декоративных фоновых изображений. Для реализации лучше всего подойдёт background-image для всего блока.

Реализация: background-image для всего блока

Спорные моменты

Изображение в промослайдере
Слайдер на сайте Cadbury

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

Реализация: <img>

Слайдер на сайте S7

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

Реализация: background-image для всего блока

Карта изображением
Карта в блоке с контактами. Макет Девайс.

Под интерактивную карту принято добавлять изображение с картой, на случай если интерактивная карта не загрузилась. Каким же образом её добавлять? Карта несёт информацию об адресе. Например, в макете Девайс с нашего базового интенсива по HTML и CSS. В блоке «Контакты» только по карте можно понять адрес компании, ведь в тексте адрес не продублирован, а значит если изображение потеряется, пользователь потеряет информацию о местонахождении компании. Таким образом, изображения карт относятся к контентным изображениям.

Реализация: <img> (атрибут alt должен описывать изображение, в данном случае — Карта офиса по адресу улица Строителей, 15)

Иконки соцсетей
Социальные кнопки на сайте Haribo

Кнопки с социальными сетями представляют собой более интересный случай. С одной стороны, они являются декоративными, так как являются частью интерфейса сайта, однако, если их картинки не загрузятся — информация всё же пропадёт (пользователь будет не способен понять к какой социальной сети относится каждая ссылка). Таким образом, здесь применяется комплексный подход: внутри ссылки обязательно прописывается поясняющий текст. Изображение на этих кнопках-ссылках декоративные. Чтобы скрыть текст ссылки при нормальной работе необходимо задать для неё свойство font-size: 0. Таким образом, при потере CSS-файла, изображение пропадёт, а текст ссылки появится. При нормальной работе сайта пользователь увидит лишь изображение. Также необходимо не забывать про доступность — так как в разметке мы прописываем текст ссылки, то при чтении сайта скринридером, ссылки будут озвучены.

Реализация: background-image для ссылки

Вывод

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

от выбора картинок до оптимизации

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

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

Зачем тексту визуальное дополнение

Самая большая ошибка, которую можно совершить при иллюстрировании контента – добавить картинки чтобы «было красиво» и потому, что «все так делают».

Основные функции иллюстраций таковы.

Повышение вовлеченности пользователей

Изображения делают текст удобнее для чтения. Если перед читателем стоит выбор – огромная текстовая «простыня» или визуально структурированный контент, то вероятнее он выберет второй вариант, поскольку его легче воспринимать. Если бы в своем блоге мы рассказывали о популярности Instagram Stories текстом, получилось бы менее понятно:

как подобрать картинку

Дополнение авторской мысли

Бывает, что одним текстом сложно или долго объяснять идею и легче показать ее наглядно. Например, вместо описания местности проще показать ее фото или при написании инструкций целесообразнее пояснить действия на скриншотах и схемах. При описании работы с инструментом LISTKIT от SEMANTICA использовали скриншоты, чтобы объяснение было более понятным:

как подобрать картинку

Воздействие на эмоции читателей

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

как подобрать картинку

Прежде чем иллюстрировать контент, задайте себе вопрос «Зачем?». Если картинка не имеет ясной цели, значит, она не нужна.

На картинке слева мало понятно, как соотносятся лицо и искусственное яблоко, а вот на изображении справа показан описываемый объект:

как подобрать картинку

Когда отсутствие иллюстраций лучше их наличия

Если изображение не релевантно контенту – это плохо. Но еще хуже шаблонные картинки. Вот лишь несколько примеров.

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

как подобрать картинку

Эта, или очень похожая на нее девушка, работает оператором на тысячах сайтов, где есть служба поддержки:

как подобрать картинку

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

как подобрать картинку

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

Существенный момент в иллюстрировании контента – релевантность. Иллюстрации должны соответствовать общей тематике статьи, но также нужно следить за уместностью их употребления. Размещайте картинки непосредственно рядом с текстом, который они дополняют.

Учтите, что релевантность изображений – один из важных факторов для поисковых систем при оценке качества контента. Но поскольку роботы не могут видеть изображение, то его содержание они узнают из описания. Обязательно прописывайте атрибут alt к картинкам и указывайте в нем краткое, но понятное описание изображенного объекта.

Еще одно значимое условие – качество. Размытые картинки малопонятного содержания создают плохое впечатление и не способствуют формированию доверия к тексту. И наоборот, качественное изображение влияет на поведенческие факторы. Хорошие иллюстрации делают контент более кликабельным и виральным: его чаще читают и им охотнее делятся в социальных сетях.

Отличить хорошую иллюстрацию можно по следующим признакам:

  • Честность – изображение выглядит реально и жизненно. Фальшь на фото и картинках вызывает недоверие к тексту и распознается пользователями очень быстро. К примеру, фотостоковое изображение фермера в спецовке «с иголочки» и с белоснежной улыбкой вряд ли будет уместным в статье о труде сельхозработников где-то в российской глубинке.

как подобрать картинку

  • Понятность – читателю ясно, что хотел сообщить автор посредством изображения. Допустим, портретное фото красивой девушки в тексте о процедурной косметологии может означать что угодно или не значить ничего. А вот по фото той же девушки в кабинете косметолога понятно, что речь пойдет о косметологических процедурах.

как подобрать картинку

  • Конкретность – картинка поясняет, дополняет, визуализирует или выполняет иное полезное действие. Слишком общие и отвлеченные сюжеты – это как раз тот случай, когда картинка использована «чтобы была». Например, фото реального человека на сайте адвоката смотрится уместнее, чем ретро-интерьер:

как подобрать картинку

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

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

как подобрать картинку

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

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

Как применять картинки с фотостоков

Самый очевидный источник изображений для большинства авторов – бесплатные фотостоки, которых достаточно много:

Безусловно, порой на фотостоках можно найти довольно неплохие фотографии, которые выглядят вполне реально и релевантны контенту.

Проблема в том, что многие из фотостоковых изображений безнадежно «заезжены». Наверно, вы и сами встречали изображения, которые только ленивый не использовал. Например, фото пожилого человека, прозванного Дедом Гарольдом, стали источником многочисленных мемов. Однако многие сайты продолжают использовать эти изображения:

как подобрать картинку

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

Если вы все-таки решили воспользоваться бесплатным фотостоком, проверьте популярность картинки. Сделать это можно при помощи сервиса проверки уникальности изображений TinyEye: загрузите картинку или укажите ссылку на нее, сервис проверит ее и выдаст перечень сайтов с этим фото.

Проверим изображение с Гарольдом через TinyEye и получим предсказуемый результат:

как подобрать картинку

Но даже после нахождения относительно уникальной картинки не торопитесь ее применять. Сначала проверьте возможность ее использования (это как раз про авторское право). Для каждого изображения на фотостоках указывают тип лицензии, от которого зависят условия использования.

Для бесплатного иллюстрирования контента подходят фото c лицензией Creative Commons. У нее есть 6 типов, у каждого – свои ограничения. Общим является необходимость указания авторства во всех случаях. Для коммерческого использования пригодны фото с лицензией:

  • CC Attribution (CC-BY) – допускается редактирование и изменение изображений;
  • CC Attribution — Share Alike (CC-BY-SA) – лицензия распространяется на весь контент, созданный на основе изображения;
  • CC Attribution — No Derivative Works (CC-BY-ND) – любое изменение изображения запрещено.

Остальные 3 типа лицензии Creative Commons предусмотрены для некоммерческого использования. Целесообразнее избегать их применения, поскольку в спорных ситуациях может быть сложно доказать отсутствие выгоды от использования.

Без указания авторства можно использовать только материалы с лицензией CC Zero (CC0), означающую передачу в свободное использование (общее достояние).

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

Pixabay распространяет изображения по собственной лицензии и ссылка на условия опубликована рядом с фото:

как подобрать картинку

Уникальные изображения можно найти на платных фотостоках/фотобанках:

Но и при покупке изображений нужно учитывать отличия лицензий:

  • Royalty Free – можно использовать только на условиях автора (количество раз использования, разрешение, срок использования), число продаж изображения автором не ограничено;
  • Extended Royalty Free – расширенная лицензия Royalty Free;
  • Right Managed – условия использования оговариваются при продаже;
  • Exclusive Buyout – покупатель получает эксклюзивное право использования, автор не может продать изображение кому-то еще;
  • Editorial – редакционные фото только для ознакомительных целей;
  • Rights-Ready license – изображение под проект.

Как видите, с фотостоками не все так просто. Нельзя просто взять первую понравившуюся картинку. Но есть и другие способы иллюстрирования.

Где еще брать иллюстрации

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

Собственные фотографии

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

Посмотреть, как могут выглядеть фотографии, сделанные на телефон, можно на сайте Mobile Photography Awards:

как подобрать картинку

Скриншоты

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

Инструкция по регистрации в сервисе SMMPlanner содержит скриншоты интерфейса, что позволяет наглядно показать пользователям нужные действия:

как подобрать картинку

Рисунки

Если мысль сложно передать фотографией, то ее можно выразить метафорой. Придумайте образ, который вызовет нужные эмоции у читателей. Нарисуйте картинку от руки и сфотографируйте ее или воспользуйтесь сервисами для рисования:

Если не получается нарисовать самостоятельно, закажите рисунки у иллюстраторов, которых можно найти на таких ресурсах, как:

В Autodraw нарисовать картинку сможет даже человек без малейшей склонности к рисованию. Достаточно обозначить силуэт и выбрать подходящую по теме картинку на верхней панели:

как подобрать картинку

Схемы

С помощью схем удобно показывать принцип работы чего-либо, расположение, структуру. При этом не нужно быть хорошим художником. Просто составьте изображение из графических фигур и добавьте подписи при необходимости. Создать схему можно от руки или в любом графическом редакторе:

В некоторых случаях удобно использовать скриншоты майнд-карт:

Бизнес-план по открытию интернет-магазина выполнен в виде майнд-карты:

как подобрать картинку

Графики и диаграммы

Когда нужно визуализировать данные, статистику или числовые показатели, используйте графики и диаграммы. С их помощью легко наглядно показать соотношение между величинами. Для создания графиков и диаграмм пригодятся:

Инфографика

Посредством инфографики легко передать большой объем сложной информации: принципы работы, факты, самые важные моменты. Для создания примените такие сервисы, как:

В сервисе Canva для создания инфографики достаточно выбрать подходящий шаблон и вставить нужные данные:

как подобрать картинку

Видео

Подходящие видеоролики поищите на популярных видеохостингах:

Но при использовании чужих видео обязательно ссылайтесь на источник или используйте функцию вставки от сервиса. Так на YouTube под каждым видео есть кнопка «Поделиться», после нажатия на которую можно скопировать код для вставки. Кроме того, вы можете самостоятельно снять видео.

Найдите подходящее видео на YouTube, нажмите кнопку «Поделиться», выберите функцию «Встроить» и скопируйте код для вставки:

как подобрать картинку

Видеоанимация

Вместо видео можно создать анимированные ролики: соединить несколько изображений, добавить текст, наложить звук. Справиться с задачей легко даже без помощи специалиста благодаря DIY-сервисам:

Интерфейс Animaker достаточно прост, выберите нужный шаблон и откорректируйте его или создайте собственную анимацию:

как подобрать картинку

Gif-анимация

Гифки позволяют показать движение или пошаговый процесс. Вместо того чтобы нагромождать кучу картинок, объедините их в подобие слайд-шоу – gif-анимацию. Также создать gif можно из готового видео. Примеры сервисов:

Для создания гифки просто загрузите видео, изображения или укажите URL картинок:

как подобрать картинку

Как видите, есть масса вариантов проиллюстрировать контент помимо использования фотостоковых изображений. Но правильное иллюстрирование не ограничивается только подбором изображения. При ранжировании поисковые системы оценивают все элементы страницы. Неверное техническое оформление изображений отрицательно влияет на SEO-продвижение.

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

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

Давайте изображению правильное название

При поиске релевантной запросу картинки поисковики оценивают все доступные элементы. Помимо title и alt роботы сканируют название загруженного файла, оно должно соответствовать содержанию. Например, картинка, изображающая дизайн ванной комнаты должна именоваться не автоматически сгенерированным именем вроде DSC4567.jpg, а Dizajn_vannoj_komnaty.jpg.

Делайте название простым и коротким, оно для роботов, а не для людей. По мере возможности используйте в названии ключевые слова, по которым продвигаете страницу. Не используйте кириллицу, поскольку фразу может не распознать Google, а Яндекс прекрасно распознает транслитерацию. К тому же кириллицу поддерживают не все CMS.

Заполняйте атрибуты title и alt

Title дает дополнительную информацию об изображении и текст, указанный в этом атрибуте, отображается при наведении курсора. Если картинка не загрузится, браузер покажет alt и пользователь хотя бы узнает содержание иллюстрации.

Используйте в атрибутах ключевые слова для пояснения содержания картинки роботам, что полезно для ранжирования. Оптимальный размер title – до 250 символов, alt – до 125 символов.

Правильно выбирайте формат

От формата зависит размер картинки по «весу»:

  • GIF – небольшой вес до 1 Мб, при сжатии качество сохраняется, доступна прозрачность и анимация, поддерживается всеми браузерами;
  • JPEG – вес до 1 Мб, качество при сжатии теряется, прозрачности и анимации нет, поддерживается всеми браузерами;
  • PNG – большой вес до 2 Мб, качество при сжатии сохраняется, анимации нет, прозрачность доступна, поддерживается всеми браузерами.

Для анимированных изображений выбирайте GIF, при необходимости сохранения мелких деталей подойдет PNG. Для обычных картинок, сохранения качества картинок маленького размера и при размещении больших изображений применяйте JPEG.

Сжимайте картинки с заботой о качестве

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

  • выбрать формат JPEG;
  • изменить размер изображения;
  • снизить качество до 60-80 %.

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

Чтобы отследить изменение скорости загрузки сайта, до и после сжатия картинок проверьте скорость загрузки страниц через Google PageSpeed Insights.

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

Адаптируйте изображения к разным устройствам

Картинка одного размера может неправильно отображаться на некоторых устройствах. Чтобы этого не произошло, загрузите изображение в разных размерах для экранов с разным разрешением. Для указания в элементе  нескольких вариантов одного изображения используйте атрибут srcset. Через запятую перечислите нужные изображения, указав тип отображения/размер экрана/ориентацию:

как подобрать картинку

В зависимости от типа устройства браузер выберет и покажет подходящее изображение.

Размещайте изображения на собственном хостинге

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

Кроме того, картинка с другого сайта, вставленная по ссылке – это линк, который передает часть своего веса источнику. Поэтому лучше максимально оптимизировать картинку и поместить ее на свой сайт.

Подводим итоги

Чтобы подытожить статью, составим краткий перечень основных рекомендаций по иллюстрированию контента:

  1. Добавляйте иллюстрации, имеющие четкую цель.
  2. Используйте качественные изображения, релевантные контенту.
  3. Иллюстрируйте только самые важные мысли.
  4. Соблюдайте авторское право и не воруйте картинки.
  5. В зависимости от задачи выбирайте подходящие варианты иллюстрирования.
  6. Для каждой картинки придумайте название, заполните title и alt.
  7. Правильно выбирайте формат изображения, используйте сжатие и адаптацию.
  8. Все изображения сохраняйте в нужном размере на своем хостинге.

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

Источник

Гид по подбору картинок для статей

Текст без картинок — деньги на ветер. Именно так можно перефразировать известную шутку, если говорить о привлекающем внимание контенте. Люди в большинстве своем — визуалы, поэтому нас в большей степени притягивают статьи, богатые интересными изображениями.

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

Когда вы пишите статьи и не включаете в них изображения, вы упускаете отличную возможность получить больше подписчиков, сделать сайт популярнее и достичь максимального уровня конверсии. Количество просмотров статьи в интернете можно удвоить, добавив в нее лишь несколько изображений. Кроме того, 67% потребителей заявляют, что фотография товара влияет на их конечное решение о его покупке сильнее, чем его описание.

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

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

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

Как выбрать правильное изображение?

При подборе изображения всегда принимайте во внимание ответы на следующие вопросы:

  • Изображение передает ваше послание?Любое используемое вами изображение должно доносить до читателя основную идею статьи.

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

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

    Если вы, например, продаете фитнес-продукт, изображение должно рассказывать о движении и силе. Если же вы работаете в сфере финансов, то изображения должны олицетворять успех и финансовую безопасность.

  • Оно привлекает внимание?Тусклое, скучное изображение не заинтересует читателя. Пользуйтесь живыми, сочными картинками. Если изображение не имеет отношения к вашему бренду, делайте наоборот: используйте темные, цветные изображения. Доказано, что цвет влияет на рост числа читателей и продаж на 80%.

После того, как вы подобрали подходящие изображения, проведите небольшое исследование, прежде чем принять окончательное решение. Убедитесь, что:

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

Где вы находите изображения?

Чтобы добавить изображение для статьи, можно пойти двумя путями: найти его на фотостоке или создать его самостоятельно. Если вы хотите выделиться на фоне конкурентов, которые используют картинки исключительно с фотостоков, и создать сильный независимый бренд, используйте оригинальные изображения и пользовательский дизайн. Когда речь заходит о товарном маркетинге, возникает прямая необходимость использовать оригинальные фотографии, так как пользователи хотят видеть именно фотографии того продукта, который они покупают.

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

На многих сайтах можно найти бесплатные картинки для онлайн-маркетинга или блога или купить их за небольшую сумму. Самое главное – найти ресурс, изображения на котором будут соответствовать внешнему виду вашего бренда, и покупка которых будет укладываться в ваш бюджет. Самые популярные сайты, на которых можно найти изображения, это:

  • —Pixabay: здесь можно скачать более 780 000 изображений того размера, который вам нужен.
  • —Stock Free Images: ещё один сайт, на котором можно найти свыше миллиона фотографий и иллюстраций и скачать их абсолютно бесплатно.
  • —Shutterstock: на этой платформе нужно обязательно оформить подписку, но взамен вы получите доступ к более чем ста миллионам изображений, включая фотографии, иллюстрации и иконки, причем гораздо более высокого качества, чем на предыдущих двух сайтах.
  • Google и Bing: понятно, что использовать любое случайно найденное изображение онлайн нельзя, но эти две поисковые системы позволяют отфильтровать поиск изображений по правам их использования так, чтобы вы могли искать картинки напрямую у Creative Commons или находить публичные доменные изображения.

Существует еще множество сайтов с фотографиями хорошего качества, где файлы можно скачать бесплатно, как, например, на Pexels, или оформить платную подписку, как на iStock или Getty Images. Независимо от того, каким ресурсом вы пользуетесь, обязательно проверяйте права использования на любое выбранное изображение (в большинстве случаев лучше и безопаснее выбирать бесплатные фотографии) и сохраняйте свойства объекта везде, где это требуется.

Сколько изображений нужно использовать?

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

Использование большого количества изображений:

  • делит текст на части, повышая «читабельность» статьи;
  • улучшает SEO вашего сайта;
  • наталкивает читателей на мысль расшарить статью или подписаться на ваш блог.

Подбирайте изображения, релевантные содержанию.

Если вы говорите о преимуществах последней версии вашей автоматизированной системы управления процессами, используйте актуальные скриншоты: это поможет пользователям визуализировать статус продукта и лучше оценить пользу нововведения. Фотография с изображением смартфона позволит пользователям осознать удобство мобильной версии продукта. А вот среднестатистическое фото какого-либо приложения на телефоне не выделит ваш продукт на фоне другого B2B-продукта на рынке, поэтому оставьте его кому-нибудь другому.

Конечно, во всем нужно знать меру. Если в статье больше изображений, чем текста, вы не даете читателю достаточно информации, которую он должен обработать. Слишком большой объем изображений часто приводит к увеличению времени загрузки страницы, что тоже отталкивает читателя. Инфографика от Kissmetrics демонстрирует, что владелец сайта может потерять до 40% читателей, если страница загружается дольше трех секунд.

Какого размера и качества ваши изображения?

Размер и качество зависят от типа вашего сайта.

Для блогов будет лучше использовать изображения, совпадающие, как минимум, по ширине с текстом на экране. Помните, это не значит, что пользователю нужно будет растягивать ваш сайт на всю ширину монитора. Многие мониторы намного шире, чем «зона чтения» любого типичного блога.

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

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

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

Читайте наши советы по использованию визуального контента для вовлечения своей аудитории

Имеют ли значение названия изображений?

Уникальные названия увеличат число лидов на ваш контент. Вот несколько советов о том, как лучше называть изображения.

Давайте изображениям уникальные названия, подходящие под тему статьи. Название «милая кошечка» может прекрасно передавать информацию на картинке, но название «здоровый корм для домашних животных и милая кошечка» поможет вашей статье оказаться в топе статей для читателей, которые ищут здоровую альтернативу корму для домашних любимцев. Правильные названия изображений помогут подогреть интерес потребителей к вашему бизнесу.

Когда называете изображения, не забывайте добавлять значение атрибута alt. Этот текст увидит читатель, если по какой-то причине браузер не сможет подгрузить изображение. Конечно, довольно соблазнительно использовать в этом поле название изображения, но лучше сделать это поле полезным для читателя и обеспечить себе дополнительную пользу для SЕО.

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

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

Когда мы растим детей, первым делом мы им показываем книги с картинками, и на то есть причина: красивые изображения делают истории настоящими. Просто осознаете, любой контент – это история, а правильно подобранные изображения помогут аудитории оценить лучше историю, которую вы рассказываете.

Статья подготовлена с использованием материалов сайта http://www.convinceandconvert.com

10 видов визуального контента, которые доминируют над текстом. Читайте на Cossa.ru

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

Статистика не даст соврать: контент-маркетинг становится все более визуализированным. И как один в поле не воин, так и текст без поддержки визуалов не завоюет читателя самостоятельно.

В этом материале мы расскажем о том, какие секреты скрывает визуальный маркетинг и почему Pinterest и Instagram постепенно вытесняют остальные социальные сети.

Визуальный контент-маркетинг

«Взрыв» визуального маркетинга: что может быть ценнее текста?

Люди запоминают визуальную информацию чаще. Согласно недавним исследованиям, если люди просто слышат информацию, то через три дня обычно помнят только 10%. Однако, если добавить визуальное сопровождение — за этот же период запоминаемость возрастает до 65%. Говоря о текстах. изображения побеждают и их в этом показателе.

Виды взуального контента, обзор KUKU.io

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

Статистика визуального контента

  • 74% SMM-специалистов используют визуальные ресурсы в стратегии продвижения социальных сетей.
  • В прошлом году более 50% маркетологов, которые работают в B2B сегменте предпочли создавать контент с использованием различных визуалов.
  • Прошлогодние исследования показывают, что более 60% маркетологов во всем мире планировали увеличивать инвестиции в видео маркетинг в 2017.
  • Письма, которые содержат в названии слово «видео» увеличивают CTR до 65%.
  • 2017 год уже открыл миру новые функции и инновации в социальных сетях. Одна из них — прямые онлайн трансляции. В 2016 более 14% маркетологов применили эту опцию. Похоже, в этом году эта цифра будет значительно увеличена, поскольку живые трансляции уже доступны в Facebook, Twitter и Instagram. Кстати, недавно Facebook добавил возможность транслирования с компьютеров и ноутбуков.
  • 85% видео в Facebook просматривается без звука.
Визуальный контент, обзор KUKU.io

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

Нет нужды объяснять насколько популярны сегодня социальные сети. Многие из них недавно обновили дизайн, улучшили новостные ленты, чтобы уделить больше внимания визуализации информации. К примеру, последние обновления Facebook или Twitter.

Изображения в Facebook генерируют на 53% больше лайков, чем «сухие» текстовые публикации. Вывод очевиден: если вы хотите получить много новых подписчиков в Facebook, добавьте визуальный маркетинг в качестве первого пункта в вашу повестку дня.

Визуальные данные становятся все более популярными благодаря возможности делать хорошие снимки и видео, используя камеры на смартфонах. Но являются ли фото и видео единственными источниками, влияющими на рост пользователей, лайков и шаринга? Или есть что-то еще? Мы выделили 10 типов визуального контента, который будет на 100% полезен для вашей маркетинговой стратегии в социальных сетях.

10 видов визуального контента, которые приведут соцсети к успеху

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

Картинки/ фото

Первое, что приходит на ум, когда мы думаем о визуальном контенте, — это картинки.

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

Визуалы в маркетинге, обзор KUKU.io

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

Какие визуалы самые популярные?

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

Инфографика

Маркетологи предпочитают этот вид визуального контента, поскольку пользователи делятся инфографикой в ​​социальных сетях в 3 раза больше, чем любым другим контентом.

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

  • Делает посты более читабельными и привлекает дополнительное внимание.
  • Отражает важные проблемы.
  • Делает сообщения ярче и избавляет от монотонности.
  • Доступна для всех и легко передает информацию.
  • Добавляет текстам убедительности.

Инфографика — идеальный вид визуального маркетинга для ваших социальных сетей,

если у вас есть важные данные для отражения в ней.

Инфографика как визуальный контент

Видео

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

Лучше всего создавать короткие и запоминающиеся видеоролики, независимо от того, какова длина вашего поста. Видеоконтент может отлично поддержать ваш бренд и подчеркнуть все его преимущества. Полуминутное видео покажет потребителю гораздо больше, чем большая статья.

TNW News предлагают следующую идеальную длительность для различных типов видеоконтента:

  • Обучающие программы:45-90секунд
  • Рекламные ролики: 15 секунд −1 минута
  • Отзывы/ рекомендации:1-2минуты

Графика

Статистическое отражение вашего материала полезной графикой и диаграммами может иллюстрировать отношения или сравнение между предметами.

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

Виды визуального маркетинга

Сеточные баннеры

Одна из последних оригинальных новинок в Instagram — сеточные баннеры (grid banners), которые позволяют пользователям разделять большую фотографию на мелкие части и представлять их в форме единого составного баннера. Такие составные баннеры или коллажи сейчас очень популярны как среди пользователей, так и в аккаунтах малого бизнеса и брендов.

Баннеры в Инстаграм, обзор KUKU.io

Такой вид визуального контента отлично подходит для рекламы и продвижения продуктов и услуг.

Баннер KUKU.io для Инстаграм

Скриншоты

Скриншот представляет собой копию вашего изображения. Ее можно сделать с помощью функции print screen на вашем компьютере или со смартфона.

Скриншоты и другой визуальный контент

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

Цитаты

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

Типы визуального котнетна

Мемы

Главная цель сатирических мемов в интернете — сделать контент более виральным и популярным. Разве это не причина использовать их в своем визуальном контент-маркетинге?

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

Какой бывает визуальный контент?

Викторина/ опросы/ загадки

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

Визуализирование в маркетинге

Кнопки с призывом

«Купить сейчас», «Присоединиться», «Опубликовать», «Получить бесплатный триал», «Получить бесплатно» — все это примеры призыва к определенному действию, которые могут быть размещены на кнопках и играть важную роль в стратегии вашего визуального контент-маркетинга.

Кнопки CTA (call to action) повсеместно используются маркетологами для получения мгновенной реакции читателей. Любой пользователь может кликнуть на них и получить то, что предлагается. Это является гарантией конверсии.

Постинг в Инстаграм, обзор KUKU.io

Без сомнений, пост (независимо от того, как гениально он написан) выглядит неполноценным без кнопки призыва.

Сколько из этих типов визуального контента вы уже использовали в своей маркетинговой стратегии?

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

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

5 полезных книг о силе визуального контента

  • Фиолетовая корова (Purple Cow, S. Godin)

Один из самых известных маркетологов современности предлагает добавить к классической тройке П (price, promo, publicity) четвертый элемент. И этот элемент — фиолетовая корова. Что это значит? Вы найдете ответ, прочитав эту интересную книгу.

Книги по маркетингу и дизайну
  • Скрытое убеждение (Hidden Persuasion, M. Andrews, M. Leeuwen, R. Baaren)

Почему маркетинговая стратегия Apple настолько сильна? Почему их визуалы повсюду? Авторы описывают поведение покупателя в мире визуального маркетинга и предлагают 33 сильных способа убеждения.

Визуальный контент, литература
  • Визуальный маркетинг (Visual Marketing, D. Langton, A. Campbell)

Авторы книги вдохновляют читателей, предлагая сразу 99 советов в области PR и маркетинга. Многие из советов связаны с визуальным контентом.

Лучшие книги про визуальный контент
  • Дизайн обыденных вещей (The Design of Everyday Things, D. Norman)

Это произведение, написанное когнитивным ученым Дэном Норманом объясняет, почему предложения некоторых брендов и компаний работают, а некоторые терпят фиаско.

Обзор KUKU.io: книги для мракетологов
  • Ежедневные ритуалы (Daily Rituals, M. Currey)

Еще одна достойная работа расскажет вам секрет ежедневных ритуалов известных личностей, таких как Хемингуэй или Уорхол. Вы узнаете какие приемы визуального маркетинга они использовали, и как это связано с обыденными ритуалами.

Визуальный контент-маркетинг

Почему визуально-ориентированные социальные сети доминируют?

Поскольку изображение генерирует больше трафика в соцсетях, бренды и компании создают и управляют аккаунтами в самых популярных визуальных сетях — Pinterest и Instagram.

Контент в Пинтерест и Инстаграм

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

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

Как вы думаете, что ожидает визуальный маркетинг в ближайшее время? Возможно, у вас есть свой четкий прогноз? будет ли расти популярность Instagram и Pinterest? Делитесь в комментариях.

Фото-контент рукодельниц: разбор ошибок | Журнал Ярмарки Мастеров

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

Фото-контент рукодельниц: разбор ошибок, фото № 1

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

Это предметная раскладка, сфотографированная сверху.

Фото-контент рукодельниц: разбор ошибок, фото № 2

Фото-контент рукодельниц: разбор ошибок, фото № 3

Не нужно перегружать фото и дополнять снимок всем декором что у вас нашелся дома.
Снимки должны быть динамичными, воздушными, дарить ощущение легкости.

Фото-контент рукодельниц: разбор ошибок, фото № 4

Фото-контент рукодельниц: разбор ошибок, фото № 5

Фото-контент рукодельниц: разбор ошибок, фото № 6

Реквизит бывает трёх типов:

— первостепенный — тот,который соответсвует тематике, наводит на основную мысль;

— универсальный — подходящий для всех снимков

— второстепенный реквизит — заполняет пустоты на снимках.

Фото-контент рукодельниц: разбор ошибок, фото № 7

Фото-контент рукодельниц: разбор ошибок, фото № 8

Фото-контент рукодельниц: разбор ошибок, фото № 9

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

Фото-контент рукодельниц: разбор ошибок, фото № 10

Фото-контент рукодельниц: разбор ошибок, фото № 11

Фото-контент рукодельниц: разбор ошибок, фото № 12

Фото-контент рукодельниц: разбор ошибок, фото № 13

Важно придумать идею, подобрать соответствующую одежду, иначе даже покупка стильного фотофона вас не спасет.

Без привлекательного фото подписчик закроет ваш магазин и уйдет к конкурентам, не смотря на супер низкую цену вашей работы.

Некоторые думает что заниженная цена спасет — это не так.
Спасет только фото, на котором виден продукт, человек улыбается, светится от счастья, при этом не отвлекает и не раздражает, например ярким макияжем или не подходящей одеждой.
Лучше работы снимать на своей целевой аудитории — вяжете шапки для девушек или деток, вперед — делайте снимках на подругах или своих детях. Дополняйте это все красивыми аксессуарами — сумками, одеждой и самим местом съемки, например фото в зимнем лесу.

Нужно учиться делать качественные снимки, избегать:

— недостатка света;
— размытости фота;
— грязной камеры;
— отсутствия обработки в графических редакторах.
Основными секретами удачных фото являются:
-контрастность;
Это когда снимают светлые изделия на темном фоне, а темное на светлом.

Фото-контент рукодельниц: разбор ошибок, фото № 14

Фото-контент рукодельниц: разбор ошибок, фото № 15

Фото-контент рукодельниц: разбор ошибок, фото № 16

— гармоничная композиция;
Все что нас окружает состоит из фигур — квадрата, прямоугольника, треугольника и окружностей.
Вот и на фото нужно выстраивать фигуры, чтобы композиция была гармоничной.
— использование правил диагоналей, «золотого сечения» и правила «третей».

Художники и фотографы используют правило «золотого сечения», о котором много информации в интернете.

Ниже прикрепила полезную картинку для тренировки.

Фото-контент рукодельниц: разбор ошибок, фото № 17

Есть более простое правило, которое называется «правило третей». В настройках телефона можно установить сетку, которая делит изображение на 9 равных частей и в местах пересечения линий как раз и расположены зрительные центры.

Главные предметы съемки должны попадать на пересечений линий.

Фото-контент рукодельниц: разбор ошибок, фото № 18

Такая композиция будет смотреться гармоничной и радовать глаз.

Какие типы изображений повышают эффективность контента и где их взять

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

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

Мимими: изображения привлекают и вовлекают Занимаемся разработкой фирменного стиля: повышаем узнаваемость бренда. Подробнее

Тип № 1: стоковые фото

Говорите, всех уже тошнит от молодых людей в галстуках, рисующих сложные графики, и девушек в деловых костюмах с неестественными улыбками? Есть и другие типы стоковых фото.

Обратите внимание на изображение, которое используется в начале публикации о целях бизнеса. «Хотите развивать бизнес? Ваша мишень (цель) слишком большая», — утверждает автор. И публикует вот это стоковое фото:

Мишень плохо видна через целик прицела: жуткое стоковое фото обеспечивает эмоциональный отклик

Где найти стоковые фото? Вот идеи:

Тип № 2: скриншоты

Скриншоты — это наглядное подтверждение аксиомы «одна картинка заменяет тысячи слов». Например, вы можете рассказать аудитории о признаках санкций поисковых систем. А можете показать основной признак с помощью одного скриншота:

Типичная картина для сайта, попавшего под санкции

Типичная картина для сайта, попавшего под санкции

Чтобы делать скриншоты и обрабатывать полученные изображения, воспользуйтесь программами Snagit, Lightshot или другими средствами.

Тип № 3: графики, диаграммы и таблицы

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

Где брать графики и диаграммы? Вы можете создавать их с помощью MS Excel, LibreOffice Calc, Таблиц Google Drive или онлайн-сервиса Infogr.am.

Диаграмма, созданная с помощью Infogr.am

Тип № 4: личные фото

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

Так вот они какие, веб-краулеры... Человек-мем Мэтт Каттс публикует много личных фото

Обратите внимание на рекомендации, связанные с публикацией личных фото:

  • Не думайте о качестве. Любительское фото добавляет вашему контенту аутентичность и искренность.
  • Личные изображения должны быть тем или иным образом связаны с темой публикации.
  • Не стесняйтесь эмоций.

Тип № 5: стоп-кадры из известных фильмов или телевизионных шоу

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

Вы без труда узнаете этого персонажа

Как найти стоп-кадры из известных фильмов и передач? Все очень просто: воспользуйтесь поиском по картинкам Google или «Яндекс». И не вздумайте тратить время на поиск нужного момента в фильме и создание снимка с экрана. Все, что вам необходимо, уже есть в Сети.

Тип № 6: инфографика

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

Вот несколько материалов о создании инфографики:

Тип № 7: работы профессиональных фотографов, художников и дизайнеров

Что делать, если изображение, которым вы хотите проиллюстрировать публикацию, не существует? Попросите художника создать его. Конечно, вам придется раскошелиться. Но эта инвестиция окупится.

Всем башмакам башмаки

Где искать современных ван гогов и пикассо цифрового пространства? Попробуйте сайты для поиска фрилансеров или воспользуйтесь поисковиками.

Тип № 8: комиксы

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

Почувствуйте себя создателем комиксов

Теперь вы знаете…

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

kakie-tipy-izobrazheniy-povyshayut-effektivnost-kontenta-i-gde-ikh-vzyat

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *