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

Вы только что потратили пять часов на написание эпического поста в блоге.

Поздравляем!

Теперь пришло время поделиться своим шедевром со всем миром.

Двигаясь как ниндзя в социальных сетях, вы быстро пишете обновления для Twitter, Instagram, LinkedIn и — на всякий случай — Pinterest.

Это будет грандиозно — возможно, оно даже станет вирусным.

И тогда это происходит. Фу!

Вы проверяете свои последние посты в соцсетях и обнаруживаете, что было выбрано не то изображение.
Или еще хуже… вообще без фото.

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

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

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

Всегда конвертируйте

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

Нет, не азбука написания — я говорю о Always Be Converting (извинения перед персонажем Алека Болдуина, Блейком в фильме «Гленгарри Глен Росс»)

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

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

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

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

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

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

Давайте начнем.

(Не волнуйтесь, если все это звучит сложно — ниже я покажу вам очень простой, нетехнический способ сделать это.)

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

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

• Facebook : отладчик Facebook Sharing Debugger предупреждает вас о любых предупреждениях или ошибках с вашими метатегами.
• Twitter : валидатор Twitter Card покажет, как будет просматриваться ваш пост, и перечислит все предупреждения или ошибки.
• LinkedIn : Инспектор карточек LinkedIn предоставляет вам метаданные (то, что будут отображать поисковые системы) для каждого сообщения.

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

Изменение изображения в социальных сетях с помощью Open Graph

Когда сообщения публикуются в Facebook, Twitter и Linkedin, используется процесс Open Graph для извлечения информации из вашего сообщения в блоге для создания специальной ссылки для публикации в социальных сетях. Эта ссылка включает заголовок вашей статьи, изображение, URL-адрес и описание.

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

Откуда протокол знает, как найти эту информацию?

Информация отправляется в Open Graph через метатеги , которые находятся в <head> кода вашего сайта. Если перенаправление не выполняется, протокол Open Graph будет использовать информацию, содержащуюся в метатегах на веб-странице вашего сайта, точно так же, как это делает Google.

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

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

Вот три метода изменения общего изображения вашего контента:

# 1 Добавьте теги Open Graph

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

Если на вашем веб-сайте нет плагинов (например, Yoast SEO) для автоматизации этого процесса, вам придется добавить теги OG на свой сайт вручную.

Метаданные необходимо добавить в заголовок вашего сообщения в блоге. Вот как:

Шаг 1: Добавьте этот код в раздел заголовка вашей веб-страницы:

<meta property="og:image" content="http://example.com/picture.jpg" />

<мета-свойство=”og:image:width” content=”180″ />

<meta property=”og:image:height” content=”110″ />

Обязательно замените «http://example.com/picture.jpg» URL-адресом вашего изображения и измените ширину и высоту на правильные числа, как показано ниже.

Шаг 2: Добавьте URL вашего изображения.

При добавлении фотографий важно следовать рекомендациям Facebook.

Что касается размера, фотографии должны быть не менее 470 x 246 пикселей. Однако для наилучшего разрешения фотографии должны быть размером 1200 x 627 пикселей .

Чтобы узнать обо всех размерах изображений Facebook, ознакомьтесь с этим постом.

Шаг 3: Добавьте сгенерированный фрагмент кода в раздел заголовка HTML на своей странице.

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

# 2 Используйте карточки Twitter

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

Хотя вы можете настроить Twitter Cards с помощью Yoast для WordPress (вариант № 3 ниже), вы также можете настроить свои карты с помощью метатегов.

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

<meta name="twitter:card" content="ВАШЕ РЕЗЮМЕ ЗДЕСЬ">

Этот метатег — это страница, которой вы делитесь с Twitter:

<meta name="twitter:url" content="ВАШ URL ЗДЕСЬ">

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

<meta name="twitter:title" content="ВАШ НАЗВАНИЕ ЗДЕСЬ">

Затем вы хотите создать описание длиной менее 200 символов:

<meta name="twitter:description" content="ВАШЕ ОПИСАНИЕ ЗДЕСЬ">

Наконец, и самое главное, вы добавите свое изображение:

<meta name="twitter:image" content="URL ВАШЕГО ИЗОБРАЖЕНИЯ ЗДЕСЬ">

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

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

#3 Установите плагин Yoast SEO для WordPress

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

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

А Yoast позволяет вам невероятно легко выбирать свои собственные фотографии, когда вы выбираете «социальные сети» в строке меню Yoast (премиум-версия).

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

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

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

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

Пришло время продвигать ваши посты

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

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

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

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

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

Хотите научиться писать как профессионал? Загрузите наш универсальный шаблон письма.

Понравился этот пост? Вот еще 3 о том, как заставить ваш блог работать:

SEO 101: использование ключевых слов в вашем блоге
Как нанять крутого писателя для своего блога
57 замечательных статистических данных и идей о блогах

Этот пост был первоначально опубликован в 2017 году и обновлен в 2020 году.