Как графика помогает в продвижении

«Изображение стоит тысячи слов».

– Arthur Brisbane

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

Графика в контент-маркетинге выполняет, по сути, три функции:

  1. «Украшательная» – анонсы в соцсетях, «шапки» статей или миниатюры в блогах. В самих статьях на большинстве сайтов изображения тоже используются преимущественно для красоты (ну и немного для SEO). Причем владельцы статейников даже ставят определенные условия: 5–10 изображений на статью в 5–10 тыс. символов. Просто потому что так лучше. А так ли обязательно в статье про бизнес-план после каждого абзаца демонстрировать очередное рукопожатие, пачку денег или график с ростом доходов – вопрос риторический.
  2. Информативная. Это разного рода таблицы, схемы, скрины, инфографика. Сюда также можно отнести, к примеру, цитаты экспертов и известных людей в графическом формате, фотографии пошагового процесса создания чего-либо и многое другое.
  3. Развлекательная. Какой-то мем, прикол, комикс. О подобном виде контента мы уже писали в статье «Как несерьезный контент помогает серьезно поднять продажи». Можно сказать, что такие картинки содержат в себе информацию (текст), но она исключительно развлекательного плана. Хотя комиксы могут быть и со смыслом.

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

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

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

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

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

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

Deutch Online, судя по количеству изображений в «ВКонтакте» и «Инстаграм», уже поняли, что картинки работают

Deutch Online, судя по количеству изображений в «ВКонтакте» и «Инстаграм», уже поняли, что картинки работают

Обратите внимание, что в обоих случаях упоминается бренд. В первом случае – имя преподавателя, во втором – название компании. Это не только повышает узнаваемость на просторах сети, но и защищает от воровства (хотя бы делает воровство очевидным при случае). Также можно указывать адрес сайта или аккаунтов/сообществ в соцсетях.

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

Как продвигать сайт о питании с помощью брокколи.

Как продвигать сайт о питании с помощью брокколи.

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

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

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

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

Русскоязычных пользователей в Pinterest гораздо меньше, но какую-то часть из них мне удавалось там «выцепить». Есть еще «Яндекс.Карточки» – здесь тоже периодически случаются взаимодействия. Это, конечно, не грандиозный успех, но задействовать желательно как можно больше каналов (если тематика позволяет). Как раз картинки, как ничто другое, хороши для омниканальности. Одну и ту же картинку можно постить в разных соцсетях. Только формат в таком случае должен быть подходящий, иначе будут проблемы с отображением. Изображения квадратной формы, например, нормально отображаются в большинстве соцсетей.

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

  • Цифры. Нарисовать график, диаграмму, таблицу для наглядной демонстрации.
  • Списки. Если есть иерархия, лучше нарисовать схему. Если простой список, можно оформить в виде мини-инфографики с иконками.
  • Алгоритмы действий. Перевести пошаговые текстовые инструкции в понятные и простые графические схемы.
  • Формулы, правила. Это касается больше образовательных сайтов. «Мел» удачно практикует оформление правил простыми иллюстрациями. Формулы тоже можно оформлять картинкой для лучшего восприятия. Как именно – решайте сами. Главное, чтобы от этого стало понятнее и интереснее.
  • Интересные факты, важные моменты, полезные советы, цитаты и т. п. Что-то емкое, короткое – какой-то тезис. Обычно такую информацию оформляют тегом <quote>, предварительно прописав стили, но можно пойти дальше и оформить картинку, которой потом можно будет поделиться в соцсетях.

Подготовка к созданию изображений

Инструменты

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

Помимо Gimp я также использую Power Point (преимущественно для информационных или юмористических картинок). Здесь есть базовые фигуры, линии, можно добавлять свои рисунки, иконки, векторы, надписи, играть со шрифтами – в общем, базовый набор маркетолога-дизайнера.

Даже в стандартных программах не самой свежей версии можно немного покреативить

Даже в стандартных программах не самой свежей версии можно немного покреативить

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

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

Исходники

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

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

Векторные иллюстрации, клипарт и иконки тоже необходимы, так как помогают представить информацию в приятном и понятном виде. Я часто пользуюсь Public Domain Vectors и Openclipart. По сравнению с остальными похожими сайтами векторы там неплохие. На Clker большой выбор, но слишком много примитивных и, скажем, неформатных картинок. Будьте готовы к тому, что бесплатно вы не получите шедевр. Но выбрать более-менее подходящий вариант сможете. Или, наоборот, вдохновиться идеями во время выбора из имеющихся картинок.

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

Как создавать и использовать разные виды графики для своих целей

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

Фотографии

У фотографий довольно широкий спектр применения. Они прекрасно подходят и в качестве иллюстраций к тексту, и для анонсов в соцсетях.

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

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

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

Сфотографированная инфографика, нарисованная от руки. Почему бы нет?

Сфотографированная инфографика, нарисованная от руки. Почему бы нет?

Рисунок

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

Henneke Duistermaat, автор блога Enchanting Marketing, шесть месяцев проучилась на курсах рисования, зато после этого ее блог заметно преобразился. При этом она не потратила ни цента на иллюстратора. Также она продвигает себя как специалиста, публикуя нарисованную собственными силами инфографику на сторонних ресурсах.

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

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

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

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

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

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

Комиксы

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

ToonDoo

Пожалуй, самая крутая штука для создания комиксов в сети. Большой выбор персонажей, локаций, объектов. Главное – поддерживается русский язык. У каждого персонажа есть набор выражений лица и поз, которые можно менять.

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

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

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

Все функции при создании персонажа не опробовала, но инструмент впечатляет

Все функции при создании персонажа не опробовала, но инструмент впечатляет

Pixton

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

На выходе получаются практически профессиональные комиксы, но все радости после оплаты

На выходе получаются практически профессиональные комиксы, но все радости после оплаты

MakeBeliefs.Com

Здесь тоже можно выбрать персонажа, фон и разные объекты. Сайт чуть менее удобен, чем предыдущие два, но все же достоин внимания.

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

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

Strip Generator

Здесь только черно-белые неподвижные персонажи и объекты. Локаций нет. Зато русский язык поддерживается. Еще из плюсов – забавные, но очень странные персонажи.

Здесь все менее красочно и разнообразно, зато стиль иллюстраций довольно оригинальный

Здесь все менее красочно и разнообразно, зато стиль иллюстраций довольно оригинальный

Схемы

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

Схемы рисовать проще простого. Инструментов для этого полно. Тех же продуктов пакета Microsoft Office, установленных на компьютере, может оказаться достаточно. Хотя для разнообразия можно рассмотреть онлайн-сервисы.

Самый удобный из бесплатных – Draw.io. В нем достаточно много готовых шаблонов для любых целей. Просто выбираете и изменяете по своему вкусу.

Большой набор шаблонов позволяет быстро создавать схемы для любых сфер деятельности

Большой набор шаблонов позволяет быстро создавать схемы для любых сфер деятельности

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

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

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

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

Обратите внимание, что расширение у файла – xml (это можно увидеть в названии в левом верхнем углу). Если такой формат неудобен, измените его на более привычный png.

Еще схему можно нарисовать от руки, если вам так проще, а потом сфотографировать.

Пример фотографии схемы, нарисованной от руки

Пример фотографии схемы, нарисованной от руки

Скриншоты

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

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

Я пользуюсь бесплатными Lightshot и Joxi. Их вполне хватает. У Joxi есть еще удобное расширение для браузера Chrome, хотя все можно делать и в десктопной версии.

Возможности программы Joxi

Возможности программы Joxi

А это – Lightshot. Тут уже меньше опций, и стрелочки не такие красивые, но программа тоже вполне удобная

А это – Lightshot. Тут уже меньше опций, и стрелочки не такие красивые, но программа тоже вполне удобная

Практикум: иллюстрируем статью на конкретную тему

Вот мы и подошли к практической части. Попробуем проиллюстрировать текст на конкретную тему – как накопить на квартиру. Для начала, если идей нет совсем, заглянем на Pinterest и забьем тему в поиск (буду показывать на английском, так как в русскоязычном сегменте ничего не нашлось).

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

Когда не хватает собственных идей, поищите чужие в Pinterest или Google Images

Когда не хватает собственных идей, поищите чужие в Pinterest или Google Images

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

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

Итак, начнем.

Пример № 1. Если говорим про накопления, не обойти стороной и расходы. Делаем иллюстрацию на эту тему. Рисуем диаграмму (пользовалась презентациями от Google), добавляем надписи и человечка для красоты (источник – упомянутый ранее PublicDomainVecor).

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

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

Пример № 2. Кратко перечисляем советы, которые помогут накопить. В качестве оформления – простое фото с бесплатного стока в качестве фона + фигуры и надписи. Это скорее просто иллюстрация для статьи, которая в отрыве от нее вряд ли представляет пользу для читателя (как и предыдущий пример).

Более серьезное оформление: фото, текст и простые фигуры

Более серьезное оформление: фото, текст и простые фигуры

Пример № 3. Список тот же, но теперь возьмем текстурный фон, добавим фигуры, векторный клипарт (на тему накоплений) и укажем внизу адрес сайта.

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

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

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

Такая идея пришла в голову, когда я увидела эту милую корову на одном из стоков – не смогла удержаться

Такая идея пришла в голову, когда я увидела эту милую корову на одном из стоков – не смогла удержаться

Пример № 5. Теперь попробуем пошутить (в моем случае, как получится – это ведь всего лишь пример). Для иллюстрации сгодится нарисованный ранее человечек.

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

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

Что еще можно было сделать:

  • Изобразить процесс накопления в виде пошагового алгоритма – схемы.
  • Привести какой-то важный факт (например, за 10 лет инфляция составит столько-то, учитывайте это).
  • Нарисовать графики двух разных вариантов: ипотека и аренда+накопление и провести сравнение. Да, уйдет больше времени, но у такой картинки есть шанс «разойтись» по соцсетям за счет наглядной полезной информации.

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

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

Для этого можно создать шаблон (в том же «Фотошопе» или «Гимпе») с базовым оформлением. Туда же будет не лишним добавить название компании (логотип) и/или адрес сайт – получится т. н. «шапка». Потом, когда нужно будет создавать иллюстрации, вносите изменения только в «тело» шаблона. В результате содержимое будет отличаться, а оформление останется одинаковым. Это упростит работу и поможет сохранить единый стиль изображений.

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

Итоги

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

 
Источник