Как создать общедоступные изображения для социальных сетей

2 min


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

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

«Это автоматически!» — скажете вы. Конечно, любой приличный экземпляр WordPress поставляется с плагином, который обрабатывает все за вас. Вам даже не нужно знать о Facebook Open Graph или Twitter Cards.

Но это только половина истории. Повторное использование вашей статьи в социальных сетях может быть нормальным. Но это определенно не здорово.

Ваш контент на вашем сайте против социальных сетей

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

Узнаваемость бренда

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

Узнаваемость бренда

Когда статья публикуется на веб-сайте, брендинг обрабатывается самим веб-сайтом:

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

Что происходит с брендом, когда статья публикуется в социальной сети? Это (почти) ушло.

Давайте рассмотрим, как выглядит общая статья в Facebook:

Поделиться в Фейсбуке

Основные компоненты:

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

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

Бренд, который был настолько распространен на сайте, теперь почти невидим. В худшем случае доменное имя немного отличается от названия бренда (например, «The New York Times» становится «nytimes.com»).

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

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

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

Это изображение может соответствовать любым внутренним требованиям. Широкое изображение, скажем, 16: 9? Конечно! Квадратное изображение? Почему бы и нет! Высокое изображение? Это сделало бы оригинальный дизайн!

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

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

Но иногда автообрезка просто не подходит. Например, в своем интервью Тима Ферриса доктор Эндрю Вейль выглядит прекрасно:

Autocropping: сообщение в блоге

После публикации в Facebook он теряет часть своей головы:

Автообрезка: в фейсбуке

Главная проблема не в самом результате. Можно утверждать, что результат приличный. Настоящая проблема — неконтролируемый автопилот: задача была оставлена ​​только Facebook. К сожалению, когда эта статья была опубликована более 1000 раз.

Название и описание

Текстовые метаданные являются еще одним источником расхождений между сайтом и социальными сетями.

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

Название Описание

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

Facebook Desktop Аннотация

Facebook мобильная аннотация

Это критическая проблема? Возможно нет. Но то, что не является нормальным, — это урезание заголовка без вашего ведома.

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

Статья Facebook Поделиться

Но LinkedIn не делает:

Статья LinkedIn Поделиться

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

Сделайте ваш бренд видимым, когда посетители делятся вашим контентом

Это было для проблем. Время для решений! Как только ваш контент будет опубликован в социальных сетях, ваш бренд будет просто размыт. Тем не менее, есть пространство для свободы слова, чтобы воспользоваться: изображение.

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

Социальные акции без брендинга

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

Социальные акции с брендингом

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

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

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

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

Вручную (трудный путь)

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

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

  • Facebook и LinkedIn ожидают изображение 1200 × 630. Меньшее изображение может иметь меньшее качество на экранах с высоким разрешением. Изображение большего размера может не обрабатываться вообще. Изображение, которое не имеет ожидаемого соотношения 19,1: 10, может быть обрезано или создать совершенно другой макет после публикации. Имейте в виду, что Facebook использует Open Graph, который является швейцарским армейским ножом социальных метаданных. Большинство служб ищут их и применяют свои собственные ограничения. Важно придерживаться ожиданий Facebook, которые являются стандартом де-факто.
  • Twitter не требует строгого разрешения, но соотношение 2: 1 с минимальным и максимальным размерами. 1500 × 750 — это здорово, хотя вам может потребоваться изображение меньшего размера.
  • Pinterest сложнее. Нужно 600 × 600 квадратных изображений. Или высокий, 600 × 900 изображений. На самом деле, все, что падает между 1: 1 и 2: 3 — это нормально. Да, и очень высокие, 600 × 1260 изображений также поддерживаются. Эти форматы были обновлены в 2018 году, поэтому предыдущие предположения могут быть устаревшими.

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

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

Автоматически (легкий путь)

Теперь, как эффективно создавать фирменные изображения? Хотя существует множество отличных плагинов WordPress для социальных сетей, они просто добавляют кнопку «Поделиться» на ваш сайт. Они на самом деле не помогают вам форматировать и оптимизировать ваши почтовые СМИ для обмена.

Здесь плагин WordPress становится удобным. В частности, Resoc Social Editor для WordPress, который автоматизирует большую часть процесса и позволяет обрабатывать ручную часть за несколько секунд.

Resoc Social Editor — это панель параметров, расположенная под вашим обычным редактором сообщений. Вы можете думать об этом как о редакторе WYSIWYG («То, что вы видите, то и получаете») для социальных сетей.

Resoc Социальный редактор для WordPress

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

Resoc Социальный редактор Overlay

Автообрезка в Facebook не так уж хороша с текущим изображением? Просто перетащите изображение или увеличьте / уменьшите его с помощью мыши. Нет необходимости во внешнем инструменте.

Resoc Социальный редактор Autocropping

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

Resoc Социальный редактор Название и описание

Заключение

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

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

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

Чтобы сделать первый шаг еще проще, команда Resoc бесплатно создаст наложение вашего бренда. После установки плагина отредактируйте сообщение, нажмите «Создать новый оверлей», затем «Получите БЕСПЛАТНУЮ оверлейную марку» и так далее!


0 Comments

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