Оптимизация изображений для постов в Facebook

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

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

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

Размеры изображения

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

— минимум 200Х200 пикселей – подходит для отображения на десктопах.

— для хорошего отображения на iPad и прочих устройствах – минимум 600х600 пикселей, а лучше еще больше.

По словам представителей Facebook, если есть возможность использовать изображение 1500х1500, лучше его и взять.

В общем, при выборе картинки, которая будет подтягиваться к ссылке в Facebook, чем больше она будет, тем лучше. Однако не стоит усердствовать – для файла есть ограничения:

— 4 мегапикселя,

— 5 мегабайт.

Стоит отметить, что большие изображения актуальны не только для Facebook. Например, Google+ также отображает картинки размером вплоть до 1000х700 пикселей.

Типфайла

Разрешение изображения должно быть JPG, PNG, GIF или BMP.

Пропорции картинок

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

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

Тег og:image

Тег og:image позволяет прикрепить к статье картинку, которая будет подтягиваться к ссылке в Facebook. Важно запомнить: данная функция не позволяет менять картинку – ссылка будет расшариваться только с ней.

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

Что лучше: посты со ссылкой или посты с изображением

У пользователей Facebook есть два способа расшарить ссылку с изображением – запостить ссылку с автоматически подтянувшейся картинкой (размер изображения составит 154х154 пикселя) или отдельно опубликовать картинку и сопроводить ее текстом со ссылкой (размер картинки составит 552х480 пикселя).

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

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

Размер картинки для поста в фейсбук

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

Итак, как же при нажатии кнопки share разместить правильную информацию в соц сетях? На странице должны быть размещены нужные meta-теги:

Для Вконтакте

<meta property=»og:title» content=»Заголовок статьи»></meta> <meta name=»description» content=»Описание статьи какой размер картинки шарить в соц сети.» /> <meta property=»og:image» content=»http://mysite.com/mypic.jpg»></meta>

Значение	Описание
og:title	Заголовок – текст ссылки, если нет данного тега, то заголовок будет взят из mrc__share_title, twitter:title или <title>
description	Описание. Если на публикуемой странице есть тег, то описание будет взято из него
og:image	Иллюстрация. Если на публикуемой странице есть тег og:image, twitter:image, image, то адрес изображения для иллюстрации будет взят из него, иначе будут взяты первые 8 тегов <img src=”…” alt=”” /> размер которых больше 130

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

Для Facebook

Фейсбук использует теги Open Graph, для получения информации о статье.

<meta property=»og:url» content=»http://mysite.com/article/» /> <meta property=»og:type» content=»article» /> <meta property=»og:title» content=»Заголовок статьи» /> <meta property=»og:description» content=»Описание статьи» /> <meta property=»og:image» content=»http://mysite.com/images/image.jpg» /> <meta property=»fb:app_id» content=»идентификатор_вашего_приложения_Facebook»></meta>

Значение	Описание
og:title	Заголовок или название объекта
og:description	Краткое описание страницы
og:image	URL картинки поста. Внимание! Facebook кеширует картинки, читайте требования к публикуемым изображениям
og:url	URL страницы.
og:type	Тип объекта. В данном случае указал тип “article” – статья. Другие типы объектов OG
fb:app_id	Обязательный параметр — идентификатор приложения для Facebook, необходим для просмотра статистики переходов на сайт с Facebook

Если кто-либо уже поделился ссылкой на страницу, которую вы пробуете расшарить в Facebook, то информация по ней может быть закеширована, для сброса воспользуйтесь инструментом Open Graph Object Debugger.

Для Twitter

<meta name=»twitter:card» content=»summary»></meta> <meta name=»twitter:title» content=»»></meta> <meta name=»twitter:description» content=»»></meta> <meta name=»twitter:image» content=»»></meta>

Значение	Описание
twitter:title	Заголовок
twitter:description	краткое описание
twitter:image	полный путь к картинке

Для Google+

Рекомендуемый формат — использование микроразметки Schema.org.

<body itemscope itemtype=»http://schema.org/Product»>
  <h2 itemprop=»name»>Заголовок</h2>
  <img itemprop=»image» src=»https://steptosleep.ru/wp-content/uploads/2018/06/40980.jpg» />
  <p itemprop=»description»>Краткое описание</p>
</body>

Как и другие социальные сети Google Plus может использовать  разметку Open Graph.

<meta property=»og:title» content=»…» /> <meta property=»og:image» content=»…» />
<meta property=»og:description» content=»…» />

Также, если выше указанная разметка на странице отсутствует, то будет использована информация из тегов <title> и <meta name=»description» …

Размеры изображений в ленте новостей

/> в секции <head>.

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

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

• Для Facebook – чем больше тем лучше! Минимальный размер 200 x 200 пикселей, предпочтительно загружать изображения не менее 600×315 пикселей. Желательно соотношение сторон 1.91:1. Максимальный размер файла 5MB.
• Для Вконтакте – минимальная ширина/высота 130 пикселей. Если картинка больше 537 пикселей в ширину, то на сайте ссылка будет сопровождать увеличенной картинкой
• Для Google – минимально допустимая высота изображения – 120 пикселей. Если ширина изображения меньше 100 пикселей, то соотношение сторон не должно превышать 3.0
• Для Twitter – минимальный размер картинки 144×144 пикселей, максимальный 4096×4096. Соотношение сторон 1:1. Размер файла не должен превышать 5Мб. Поддерживаются форматы: JPG, PNG, WEBP и GIF.

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

Размеры картинок для баннеров и постов для рекламы в Facebook

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

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

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

Размер обложки ВК, Facebook, YouTube, Твиттер, Google+, LinkedIn

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

Как создать бизнес страницу в Фейсбук — полное руководство

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

Смотрите также 13 когнитивных искажений для улучшения вашего интернет-маркетинга

Человеческий мозг действительно обрабатывает визуальный контент в 60 000 раз быстрее, чем текст! Так как же создать привлекательное изображение для объявления на Facebook? Как объявлению выделиться на фоне фотографий милых детишек, невест и щенков в новостной ленте потенциальных клиентов? Все эти, а также другие вопросы будут раскрыты в данном руководстве.

Размеры картинок в посты для Фейсбука

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

• Фото-реклама
• Видео-реклама
• Кольцевая галерея
• Слайд-шоу
• Холст

 Смотрите также Идеи для постов: 14 универсальных идей для постов в группу в Фейсбуке

Размер фото для Фейсбука

Это самый распространенный и основной тип объявлений на Facebook. Несмотря на распространенность, такие объявления эффективны, так как они легко усваиваются. Такой тип объявлений универсален, так как его можно использовать с любой целью, настраиваемой при запуске кампании, за исключением “Просмотров видео”.

Технические требования на размер поста Фейсбук:

• Размер фото: 1200 на 628 пикселей
• Соотношение сторон: 1.91:1
• Текст: 90 символов
• Заголовок: 25 символов
• Описание ссылки: 30 символов

Размер видео для Фейсбука

Такие объявления представляют собой видео в том пространстве, где обычно находится фото. Это привлекательный формат рекламы, учитывая тот факт, что 45% людей тратит на просмотр видео на Facebook более одного часа в неделю.

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

Технические требования для видео поста в Фейсбуке:

• Формат видео: предпочтительно .mov или .mp4
• Соотношение сторон: 16:9
• Разрешение: не меньше 720p
• Размер файла: не больше 2,3 GB
• Размер миниатюры: 1200 x 675 пикселей (соотношение сторон миниатюры должно быть таким же, как в видео)
• Текст: 90 символов
• Заголовок: 25 символов
• Описание ссылки: 30 символов

Карусель Фейсбук — правильный пример и размеры постов

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

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

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

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

Технические требования к карусели Фейсбук:

• Размер изображения/Размер миниатюры: 1080 x 1080 пикселей
• Соотношение сторон изображения/видео: 1:1
• Текст: 90 символов
• Заголовок: 40 символов
• Описание ссылки: 20 символов

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

Слайд-шоу Фейсбук — как сделать и техтребования

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

Технические требования к слайд-шоу в Фейсбуке:

• Размер изображения: 1280 x 720 пикселей
• Соотношение сторон: 16:9, 1:1 или 2:3
• Текст: 90 символов
• Заголовок: 25 символов
• Описание ссылки: 30 символов

Холст в Фейсбук (канвас)

Последний по счету, но точно не по значимости – новый формат объявлений на Facebook — холст. Холст в Фейсбуке со стороны выглядит как обычное фото-объявление, но при нажатии пользователь открывает захватывающий, полноэкранный интерактивный элемент, где он может взаимодействовать с контентом.

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

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

• продвижение поста
• повышение узнаваемости бренда
• расширение охвата
• перенаправление людей по ссылке на или вне Facebook
• получение просмотров видео и увеличение конверсий на сайте.

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

6 идей и примеров баннеров для рекламы постов в Фейсбуке

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

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

18 тактик идеального поста в Фейсбуке для увеличения охвата и трафика

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

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

Изображение людей в объявлениях на Facebook – один из простейших способов установить настоящий, человеческий контакт со своей аудиторией. И желательно, чтобы люди на фото были довольными и жизнерадостными.

Объявление ниже – идеальный пример. Эта женщина не только улыбается и выглядит счастливой, но и делает полезный сок, что тесно связано с контекстом рекламируемой статьи.

2. Картинки в постах, соответствующие контексту

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

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

И хотя само по себе это изображение неплохое, оно никак не связано с тем, что рекламируется. Они пытались связать фото с контекстом словами «сильнее и приспособленнее», но изображение все равно не вызывает нужных ощущений.

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

3. Яркое пятно

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

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

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

4. Простота

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

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

5. Юмор

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

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

Fitness.com преуспел в этом – разделив одержимость многих блюдом гуакамоле в Национальный день гуакамоле (да, такой праздник действительно существует).

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

6. Прямой и побуждающий текст объявления

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

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

Hootsuite предлагает хороший пример объявления на Facebook, в котором все сделано правильно:

• Эмоциональное изображение людей
• Явная демонстрация ценности предложения (“сделайте свое резюме выделяющимся”)
• Чувство срочности (“прекращается завтра”)
• Сильный призыв к действию (“получите предложение”)
• Скидочный код, чтобы люди почувствовали, что получают нечто особенное

Где найти хорошие фото для своих объявлений в Фейсбуке

Теперь, когда с теорией все понятно, возникает вопрос: где же взять эти идеальные фотографии? Есть 4 варианта:

1. Воспользоваться услугами штатного дизайнера

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

2. Использовать фотографии со своего сайта

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

3. Нанять фотографа, чтобы создать фото-библиотеку

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

4. Стоковые фотографии

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

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

Было полезно? Оцените, пожалуйста, и поделитесь с друзьями!

Размеры картинок и баннеров для постов и рекламы в Facebook

2.7 (54.29%) — 7 оценок

Идеальное превью ссылки для Facebook: 7 советов. Читайте на Cossa.ru

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

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

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

Убедитесь, что картинку видно

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

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

Настроить правильные параметры можно при помощи разметки Open Graph. Она помогает социальным сетям, включая Facebook, подхватывать и отображать ссылки на сайт с аккуратными описаниями. Даже если всё настроено правильно, время от времени полезно проверять отображение ссылок. Официальный инструмент Facebook Sharing Debugger поможет понять, всё ли с ними хорошо — там можно проверить ссылки перед шерингом, чтобы исключить ошибки.

Несуществующая ссылка со сниппетом без картинки-превью (слева) и настроенный сниппет (справа)

Задайте правильный размер изображения

В сниппетах отображается изображение размером 476 × 249 пикселей, но Facebook рекомендует загружать картинки от 1200 × 628 пикселей. Так превью будет хорошо смотреться на мониторах с высоким разрешением.

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

Фотография в сниппете, которая отображается неправильно (слева), и фотография, которая отображается правильно (справа). Фото на превью: Depositphotos

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

Подготовьте несколько шаблонов

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

В Crello есть шаблон «Facebook-реклама» с правильным размером и сотней вариантов оформления. Адаптируйте их или с нуля создайте свои с фирменной цветовой палитрой из брендбука и своим логотипом. Crello также позволяет бесплатно добавлять кастомные шрифты, хотя обычно хватает универсальных Open Sans и Roboto.

Графика для сниппета — с фотографией и иллюстрацией, оба примера сделаны в Crello

Не забывайте об эстетике

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

Качественная фотография в сниппете (слева) и размытая фотография в сниппете (справа). Фото в превью: Depositphotos

Не перегружайте иллюстрации текстом

До лета 2016 года Facebook запрещал размещать на рекламной иллюстрации больше 20% текста. Если требование нарушалось, в публикации отказывали. По новым правилам, текст может занимать больше 1/5 пространства, но чем его больше — тем меньший охват получит рекламный пост.

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

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

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

Создайте динамичный пост

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

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

Скриншот с форматами (слева), кликабельная галерея (справа)

Создайте пост с кнопкой

Формат с CTA-кнопкой увеличивает кликабельность поста в 2,85 раза, но доступен только для рекламных публикаций.

Создавая рекламный пост, выберете кнопку с одним из восьми действий — например, отправить сообщение, подать заявку и узнать о чем-то подробнее. Формат для Facebook довольно новый, поэтому в посте важно объяснить пользователям, зачем нажимать на кнопку — иначе можете их запутать.

Скриншот с форматами кнопки (слева), пост с одной из кнопок (справа). Фото в превью: Depositphotos

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

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

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

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

Мнение редакции может не совпадать с мнением автора. Ваши статьи присылайте нам на [email protected]. А наши требования к ним — вот тут.

Шпаргалка по Facebook: размеры контента. Инфографика

Facebook – крупнейшая мировая социальная сеть. Число ее активных пользователей превышает 1,8 миллиардов.

А еще это крупнейшая платформа для маркетинга и рекламы.

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

Чтобы ваши усилия по укреплению присутствия в Facebook были максимально эффективными, нужно знать эту платформу на отлично.

Какого размера изображения загружать для постов?

Какой длины должно быть видео?

Сколько символов использовать в заголовке?

Подготовиться к самому важному экзамену – работе с Facebook – вам поможет эта шпаргалка.

В ней вы найдете важную информацию о форматах контента для этой соцсети на ПК и мобильных устройствах.

Шпаргалка по Facebook

Фото профиля

180х180

отображается как

160х160

Отображается как 128х128 на смартфонах

Имя компании

Вы просто супер, спасибо, что следите за нами!

Изображение для поста

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

Рекомендованный размер:

1200х630

Ссылка для поста

Рекомендованный размер:

476×249

Изображение приложения

111×74

Видео для поста

476×262

Рекомендованный размер:

1200х675

Разрешения для постов и рекламы на ПК и мобильных устройствах

Ссылка для поста/ предложение / приложение для ПК

Новостная лента на ПК

Заголовок: 25 символов

Текст: 90 символов

Рекомендованный размер изображения:

1200х628

Пропорции изображения:

1,91:1

Лимит текста на изображении – 20%

Если размер изображения меньше 470х246, оно будет использовано для превью.

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

Правая колонка

Превью

254х133

Заголовок (25 символов)

сайт

Мобайл

560х292

Изображение для поста

Новостная лента ПК

Заголовок: 25 символов

Текст: 90 символов

Рекомендованный размер изображения:

1200х900

Лимит текста на изображении – 20%

До 470х470

Изображение будет масштабировано под рамки максимально допустимого размера.

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

Правая колонка

Превью

254х133

Пропорции изображения

1,91

Заголовок (25 символов)

сайт

Мобайл

До 626х840

Изображение будет масштабировано под рамки максимально допустимого размера.

Мероприятие / реклама поста

Новостная лента ПК

Рекомендованный размер изображения:

1200х444

Пропорции изображения:

2,7:1

Лимит текста на изображении – 20%

Название мероприятия (25 символов)

Время (текст: 90 символов)

Название компании и местоположение

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

Правая колонка

Превью

254х94

Заголовок (25 символов)

сайт

Мобайл

560х208

Видео для поста

Видео: 1080px

Рекомендованный размер изображения:

1200х675

Пропорции изображения:

16:9 или 1:1

Длина: максимум 120 минут

Текст: 50 символов

Заголовок: 25 символов

Максимальный размер видео до 4 Гб

Правая колонка

Превью

Заголовок (25 символов)

сайт

Мобайл

560х315

Ответы на мероприятие

Текст: 90 символов

Рекомендованный размер изображения:

1920х1080

Пропорции изображения:

1,91:1

Заголовок: 25 символов

Заголовок

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

Правая колонка

Превью

254х94

Заголовок (25 символов)

сайт

Мобайл

560х208

Реклама мобильного приложения

Рекомендованный размер изображения:

1200х628

Пропорции изображения:

1:91

Лимит текста на изображении – 20%

Текст: 90 символов

Только для мобильных устройств

Мобайл

560х293

Советы

Изображения для продвигаемых постов в Facebook

Правило 20%

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

До 20% принимается в рекламе Facebook

Более 20% не принимается в рекламе Facebook

Теперь вы готовы к экзамену! Используйте полученные знания в своей работе, чтобы ваши посты всегда выглядели заманчиво и соответствовали требованиям Facebook.