12мар
Как обойти правило «не более 20% текста на фото»?
12мар
Наталья Яковенко

Вы не спрашивали, а мы сами решили проверить одну гулящую байку в соцсетях: чтобы обойти ограничение в 20% размещения текста на изображении, нужно разбить его на 25 секторов (квадраты 5х5) и разместить текст так, чтобы он находился на площади не более 5 секторов. Тогда вам будет счастье, радость и отметка "ОК" при проверке на количество текста рекламного креатива для Facebook и Instagram.

Делаешь ты супер-креатив, стараешься, загружаешь в ADS Manager, а там предупреждение "показывать мы вашу рекламу будем, но плохо, потому что там много текста".  Страдают охваты, страдают заказчики. Для такого и придумали инструмент по проверке текста на изображении. Вы загружаете туда свой креатив, а система выносит вердикт. Или отправляете на переделку или оставляете.

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

Начинаем колдовать над текстом

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

Исходное изображение

Итак, результат нас сразу огорчил. Рекламу с таким креативом просто не допустят к показу. У нас занято 8 секторов. Хорошо, начинаем сокращать.

Работаем с 5-ю секторами

Если не прошло 8, значит сразу подсократим до 5, не изменяя размер шрифта и для чистоты эксперимента растянем текст по всей площади, чтобы получился монолитный пласт текста.

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

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

Отлично. Если 5 прошло, то 4 уж точно. Но на этом мы не остановимся, кажется настало время для "чернухи".

Когда захотелось больших заголовков

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

Ребята, это кажется работает! Но выглядит, конечно, не очень эстетично. Зато работает. Может быть настало время повышать ставки и сделать и эстетичнее и заметнее? Размазали третий блок текста сразу на 3 сектора (итого 6), шрифт не увеличивали.

Кошмар! Система распознала, что ее пытаются обмануть, ведь мы влезли на целых 3 сектора сразу. Вот и первое предупреждение, но оно не такое критичное. Если с вами такое случается в реальной жизни, то вы можете с таким креативом поработать, но лучше немного переделать. Хорошо, Facebook, мы поняли. А как тебе идея с увеличением шрифта? Сильно ли ты нас накажешь? Увеличиваем текст в 3-ем блоке.

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

Плюем на правила и пытаемся получить наказание

А сейчас мы решили немного поиграть с системой и сделали 10.5 секторов (технически, конечно, их 11, но по одной букве в секторе - это как-то мелко).

 

Ну вот и все... Мы на один шаг до заблокированного объявления. Такой результат самый отвратительный, деньги крутятся, охват не мутится, лучше бы вообще отказали в размещении. Но все-таки дают шанс для рисковых. А теперь давайте подберем наши края и сделаем результат на 9 секторах.

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

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

Что делать, чтобы не попасть под ограничение?

Итак, мы выяснили, что теория о 5 секторах имеет место быть, но она попадает под влияние композиции, размера шрифта, наложения на картинку. 5 секторов  - это и есть те 20%. Но как быть на практике?

  • Просите вашего дизайнера (или себе поставьте напоминание), что если у вас есть материал с текстом, то его нужно проверить специальным инструментов, а в ТЗ указывайте про это ограничение и прилагайте ссылку, чтобы сэкономить время.
  • Если вы внезапно решаете "поднимать" посты, то лучше быть предупрежденным и заранее публиковаться с учетом этого ограничения.
  • Текстовые логотипы считаются за текст, да.
  • В каруселях учитывается текст на каждом изображении, в видео на превью.
  • У Facebook есть исключения для этого правила, проверяйте по ссылке, может ваш случай как раз из перечисленных.
  • Для Stories такие ограничения не действую, вот вам пруф. Хоть изображения из текста сделайте.

Это был веселый и логичный эксперимент. Проверяйте себя и свои креативы. Хороших вам рекламных кампаний!

153
0
Как получить верификацию в соцсетях?
Все статьи
Как работает нейромаркетинг?
Подписаться на блог
Комментарии (0)
Популярные статьи
13Oct
Работая проект-менеджером в Digital агентстве «Тугарин», я не понаслышке знаю о важности получения от клиента качественной первичной информации относительно нового проекта. По сути — это курс для движения всего проекта. Если курс просчитан конкретно и ясно, то вероятность достигнуть цели приближается к 100%, но если вы просто махнете рукой в определенном направлении, то не факт, что цель будет достигнута, так как направляющими любого движения должны быть четкие координаты и контрольные точки. Придерживаясь намеченного и продуманного пути, всегда можно определить где и когда вы окажетесь через определенный промежуток времени. Так и с формированием Технического задания или Брифа. При постановке задачи в телефонном режиме или при встрече с представителями агентства, нередко многие детали и нюансы остаются не замеченными или проигнорированными. Когда же эта информация попадает в производство для оценки сроков и стоимости, то появляются вполне логичные и четкие вопросы, ответы на которые могут существенно повлиять на бюджет и сроки самого проекта. Не экономьте время, думая, что если вас просят заполнить бриф или заявку на новый проект, то это прихоть сотрудников агентства. Это не прихоть, а необходимость, которая обезопасит все стороны от неприятных разговоров, когда проект будет выбиваться из графика, а его стоимость возрастать. Мы предлагаем очень удобную и логичную форму для клиента, заполнение которой займет не так уж много времени, при этом решит так много вопросов. В форме важно достаточно четко, понятно и в полном объеме отметить все нюансы задачи. Все пункты по описанию конкретной задачи высылаются вам в файле заявки в удобном виде. Остается только заполнить ее и отправить обратно. Если заранее не указаны какие-то моменты и тонкости, ожидаемые при сдаче проекта, то в дальнейшем очень сложно на ходу изменять результаты работы целого коллектива специалистов. Если вы заказали создание баннеров, необходимо подробно описать, какого формата и размера нужны баннеры, что должно быть изображено на них, ограничения, которые следует учесть при разработке и т.д. Соблюдая эти простые правила работы по постановке задач, вы всегда будете контролировать процесс производства и получать ожидаемый конечный результат, а работа будет приносить только позитив и удовольствие. В итоге вы получаете качественный продукт в атмосфере комфорта. Нашим клиентам хотим напомнить, что мы всегда готовы прийти на помощь, рассказать и пояснить все, что может вызвать затруднения при постановке задачи.
07Jan
В первую очередь хотелось бы объяснить собственно, что такое адаптивный сайт – это такой веб-сайт, отображение которого динамически подстраивается под устройство, на котором его используют, и его разрешение. Возможность создавать подобные сайты появилась в июне 2012 года, с принятием стандартов CSS3. Для того чтобы лучше понимать что такое адаптивный веб-сайт вы можете найти множество удачных примеров на сайте http://mediaqueri.es/.

Какой подход выбрать

Существуют 2 кардинально разные похода к построению адаптивных сайтов, и каждый из них имеет свои плюсы и минусы. Давайте рассмотрим их более подробно:
  • Подход «Сперва мобильные» (mobile first) – построение страницы начинается от самого мелкого разрешения, затем поэтапно добавляются стили для больших разрешений. Преимущество такого подхода – большее количество поддерживаемых устройств, обычно меньший размер страницы. Минус – требуется глубокая проработка и проектирование.
  • Подход «Сперва настольные» (desktop first) – при таком подходе создается полная настольная версия, и затем последовательно уменьшая и скрывая лишнее вырисовываются мобильные вариации. Минус подхода – не всегда получается сделать мобильную версию удобной и не урезать функционал, плюс – скорость создания и простота.

Какие разрешения дисплеев следует учесть

Устройства для просмотра WEB`а принято делить на 3 категории: смартфоны, планшеты и ПК. Основная суть создания адаптивного сайта – покрыть как можно большее количество устройств. Можно делать полностью резиновый дизайн, а можно фиксировать ширину на определенных диапазонах (например при ширине от 768 до 1024 фиксировать контейнер шириной 740 пикселей). Основные диапазоны поддерживаемых разрешений должны быть такими:
  • 320x480
  • 480x800
  • 768x1024
  • 1024x768
  • ширина более 1280
  • 1920X1080
Не стоит забывать что экраны мобильных устройств используются как в портретной, так и в альбомной ориентации. Убедитесь что при ограничении высоты дисплея до 320 пикселей ваши элементы управления или попап-окна помещаются в границы экрана. В первоначальной разработке поможет инструмент разработчика в Google Chrome (позволяет примерять различные разрешения, симулировать сенсорный ввод и ретина дисплей): Панель разработчика Google Chrome Но разрабатывая адаптивный сайт нужно так же тестировать на реальных устройствах, поскольку даже эмуляторы не могут воспроизвести нюансы которые могут возникнуть (например, при смене ориентации дисплея с вертикального в горизонтальный).

Способы ввода

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

Навигация и поиск

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

Поддержка дисплеев повышенной четкости (retina)

С появлением дисплеев повышенной четкости появилось такое понятие как физическое и логическое разрешение экрана. Например логическое разрешение iPhone 4 – 320 на 480, а физическое 640 на 960, что позволяет более четко отображать векторную графику и шрифты. Для отображения растровой графики предусмотрели специальные медиа-запросы и использование изображений с двойным разрешением. Сравнение оптимизированной и не оптимизированного под retina изображения Надеемся что наши советы помогут сделать ваш сайт по настоящему адаптивным, ну или заставят задуматься о использовании такого подхода. Доля мобильных интернет пользователей с каждым годом только растет и позволяет уверенно сказать что все затраты на создание и поддержку такого веб-сайта окупятся и не пропадут даром.
10Oct
Что можно придумать с Instagram Stories? Как спланировать, создать и в конечном итоге оптимизировать свои истории в Instagram?

Придерживайтесь фирменного стиля в Историях

Не забывайте про фирменный стиль даже в рамках Instagram Stories. Зачастую контент в Историях динамичный, поэтому элементы в нем должны отражать ваш стиль:
  • Выберите стиль шрифта (классический, модерн и др.), который максимально приближен к вашему фирменному. Конечно, заготовки с текстом можно делать заранее, но для “близости” к пользователю, а не его “вылизанности” все-таки стоит подумать и над этим.
  • Найдите в палитре цвета, максимально приближенные к вашему фирменному стилю. Подсказка: если в шаблоне-заготовке уже имеется элемент с нужным цветом, то с помощью “пипетки” этот цвет можно вытянуть, не прибегая к тыканью в расширенную палитру.
  • Подберите и определитесь с необходимыми фильтрами для обработки, если ваш контент нуждается в этом.
Но что делать тем, у кого не сформирован брендбук? Оттолкнитесь от образа вашего еще не сформировавшегося бренда (хех). Вы же ассоциируете себя с какими-то цветами, которые подходят под образ, шрифты тоже могут нести эту “образную нагрузку”. В случае UGC контента достаточно комментариев на фоне фирменных цветов. А если пользователи генерят вам тонны контента, то в этом случае вы в праве репостить только максимально подходящие по стилистике.

Планируйте контент в Instagram заранее

Разобравшись с деталями, в которых дьявол, переходим к самому нелюбимому у нас делу - планированию контента! “Истории для людей творческих, хочу записываю, нет настроения - не записываю, план мне не указ”, - аргумент. Но не совсем, что для бизнеса, что для личных блогов, важно не засорять эфир своих подписчиков бесцельной информацией, да еще и наугад по времени. Все, что вы транслируете пользователям - должно отвечать целям вашего бизнеса (личный бренд монетизирован, поэтому причисляю его к бизнесу). Отвечаем на следующие вопросы:
  • Истории нужны вам для увеличения продаж?
  • Истории нужны вам для повышения узнаваемости бренда?
  • Истории нужны вам для повышения вовлеченности в целом?
Все ответы верны или только один из них? Берем в работу и начинаем на этом тощем скелете наращивать контент-план. Наверное, вы и без авторских подсказок сами знаете как правильно составлять рубрики и все к ним прилагающееся, но мало ли, пройдитесь по чек-листу.
  • Вы определили частоту выхода Историй. Нет наилучшего варианта для частоты, публикуйте, следите за статистикой и принимайте меры. Но при подготовке контента, особенно, когда часть его ситуативная, делайте себе запланированный резерв из нескольких публикаций.
  • Если в ваших историях подразумевается CTA, то вы размещаете CTA. Часто бывает, когда нужна вовлеченность совсем забывают про призыв к действию. Нет, пользователь не догадается, что там за гениальная задумка, у него просто нет времени на это! Лайфхак: если вы бог нативной подводки в серии Историй (5-6 штук), то не оставляете CTA на десерт. Это основное блюдо и лучше его подать в середине.
  • Вы зациклены только на одном формате или все-таки чередуете? Конечно, приятно получать большую вовлеченность. Но если ваши истории всегда с CTA, то аудитория быстро просечет фишку и просто перестанет реагировать. Равно также с видео в стиле “говорящая голова”, никакого разнообразия.
  • Решите, когда размещать ваши истории. Здесь тоже нет секретного рецепта для вычисления идеального времени размещения истории. Рано или поздно подписчик их посмотрит, но до окончания 24 часов. Шансы велики. Если это что-то важное - опубликуйте накануне, за сутки, а не за несколько часов, ну и стикер-таймер обратного отсчета вам в помощь. Если вы не доверяете самому себе, воспользуйтесь сторонним сервисом, по планингу и отложенным публикациям, только проверяйте, все ли вышло вовремя. Смотрите такие сервисы в разделе официальных партнеров Facebook.
Стоп, кто-то начал ворчать насчет отсутствия в этой статье примеров тем для Историй. Ну раз вы так это любите, то держите, выбирайте наиболее подходящие:
  • Развлекательные материалы. Всякие текстовые шутки / скрины из твиттера, который славится такими бриллиантами или популярные смешные видео.
  • Про себя любимого, про бизнес любимый. Раскройте человеческую сторону вашего бренда. Конечно личные блоги тут могут разойтись не на шутку.
  • За кулисами вашего бизнеса, так называемые бэкстейджи. Пересекается с предыдущим пунктом, делайте выводы.
  • Советы, гайды, инструкции, учебники (?), которые помогут вашим клиентам. Только, пожалуйста, сначала разберитесь с авторским правом, а потом пилите свои чек-листы, касается экспертов в формате личных блогов.
  • Ответы на часто задаваемые вопросы.
  • Ваша фантазия.
Почему важно все это планировать? Потому что Истории назвали в честь Историй. У историй был смысл. Завязка, кульминация, развязка, вы помните уроки литературы? Никто не заставляет брать курсы драматургии, хотя может быть полезным, но смысл в ваших историях, отвечающий целям, быть обязан!

Создаем свои Истории

Имеющийся функционал в Историях предлагает много возможностей для творчества, и то, что вы решите сделать, ограничено только вашим воображением. На что стоит обратить внимание перед созданием?
  • Истории Instagram имеют вертикальное соотношении 9:16 или 1080 x 1920 пикселей. Не забывайте про “безопасные зоны” в Историях, иначе элементы интерфейса могут перекрыть какой-то важный элемент. 
  • Фото будет воспроизводиться в течение 6 секунд, а видео - до 15 секунд. Если наснимали более длинное видео, то заботливый Инстаграм все сам порежет и разбросает на отдельные кусочки.
  • Есть отдельный функционал создания текста на градиентном фоне. Длительность 6 секунд.
  • Фото и видео можно масштабировать под нужный размер, если вы загружаете его с телефона, просто зажмите материал двумя пальцами и творите.
  • Поговаривают, что наличие стикеров (слайдер, опрос), повышают вовлеченность. Логично… там же можно потыкать? Но об этом в пункте 4.
  • Владельцы Android жалуются, что видео, выложенные в Историю, теряют качество до уровня шакалов. Автор частично решил эту проблему съемкой видео сначала через дефолтную камеру, а потому уже размещение готового материала в Историю. Ух, дискриминация!
  • Пробуйте комбинировать форматы!
Сейчас многие оправданно обратили внимание на анимированный формат макетов для Историй. Для создания таких вы можете поставить очередное приложение, где все самое интересное придется докупать, иначе получится как у всех. Или потратьте несколько часов (дней) на изучение Adobe After Effects, в таком случае до вас не подкопаться и выглядеть все будет органично, в фирменном стиле и уникально!

Стимулируйте вовлеченность!

Гармоничный вариант - ваше фото / видео с внутренними элементами Instagram. Тогда создается впечатление, что материалы вы не штаповали на отмахнись ради лоска и красоты, а приложили усилие, выбрав GIF в тему и сочинив опрос. Чем будем украшать наши сырые макеты?
  • Стикер опроса
  • Стикер открытого вопроса
  • Стикер обратного отсчета
  • Стикер-слайдер
  • Стикер чата
  • Викторина
Больше кликов - большое вовлеченности! А в некоторых случаях вы еще и драгоценное мнение узнаете. Стикеры «Опрос», «Вопросы» и «Викторина» - это практические инструменты для извлечения вовлеченности из вашей аудитории. Зрители историй могут сделать выбор, добавить свой отзыв, задать вопрос, ответить на вопрос, предложить что-то новое. Стикер «Обратный отсчет» подходит для различных event’ов и событий с конкретной датой. Можно же не только анонсировать, а интриговать, не давая никаких объяснений. Стикеры - не единственный способ оптимизировать ваши истории для увеличения вовлеченности:
  • Не делайте истории с текстом ради “красиво”, делайте ради “читаемо”. Тут некоторые возразят, что если текст плохо читаем, то зритель будет удерживать историю для перелистывания. Верно. Но может изначально не насиловать глаза и внимание пользователя?
  • Используйте яркие или контрастные цвета, чтобы выделить ключевые сообщения.
  • Используйте GIF-стрелки или другую анимацию, чтобы побудить подписчиков перейти к следующей истории, удерживайте их.
  • Если у вас бизнес-аккаунт на 10 000 подписчиков или вы являетесь подтвержденным аккаунтом, то у вас есть возможность прикреплять, ссылки к историям. Кстати, мы уже писали в нашем блоге, как разместить ссылку в историях, немного схитрив. Спойлер: IGTV.

Оптимизируйте охваты своих Историй

Без какого показателя статистика не статистика? Правильно, без охватов! Нам нужно больше зрителей, а им нужно больше хлеба и зрелищ. Так как увеличить охваты легальным способом? Во-первых, строить недотрогу в Instagram как минимум глупо. Вы своих пользователей раздразнили, а на их усилия обратной связи не дали. Зрители в недоумении. Если в случае открытых вопросов можно поделиться ответом и дать минуту славы, то в случае опросов можно вознаградить участвовавших хотя бы результатом голосования. Не хотите размещать что-то в Истории, хотя бы поблагодарите через Direct. Во-вторых, использовать геотеги. Да, для локального бизнеса это мега супер, но если порыскать по популярным геоточкам, то от количества нерелевантной информации хочется хвататься за голову. Например, гео-точка дорогого ресторана с определенным контингентом, но владельцы шоурумов из Китая так не считают. Если вас эта гео-помойка не пугает - используйте, ставьте популярный геотег. А если у вас есть конкретный адрес, то максимум можно взять точку вашего района. Лайфхак: если у вас микро-точка (конкретный дом), то поставив его, Instagram может подтянуть ваше местоположение к более широкому, на уровне района или города. Лайфхак наоборот не работает, увы. В-третьих, не плюйте на хэштеги. К вашей истории можно прикрепить только один красивый стикер-хэштег, если у вас серия историй, проявите разнообразие. Если вы решили обхитрить Instagram и сделать незаметную простыню из 50 штук в цвет фона, то Instagram засчитает только первые три. Хэштеги не надо «прятать» за другими стикерами, они должны быть четко читаемыми и видимыми. Или вы чего-то стесняетесь? В любом случае, нет гарантии, что если вы решите проверить свою видимость по определенному хэштегу, то вы увидите свою историю. Вы не увидите, а ваша релевантная аудитория увидит, алгоритмы, так сказать. В-четвертых, отмечайте своих подписчиков в Историях. Может быть они победили в викторине или поучаствовали в опросе, неважно, кликабельный стикер с упоминанием даст возможность пользователю на радостях поделиться со своими друзьями вашей отметкой и тогда охват увеличится, на попробовать-то стоит. Но не переусердствуйте, пожалуйста.

В качестве послесловия

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