Вы хотите, чтобы люди нажимали на ваш Сообщения в блоге когда другие делятся ими в Facebook, LinkedIn и Google+?

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

Сопровождаются ли ваши сообщения красивой картинкой с точным описанием, чтобы выделяться в потоках социальных сетей?

Почему это важно?

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

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

Это называется «социальная фрагмент“. Вы можете управлять этими социальными фрагментами и улучшать социальная доступность когда вы добавляете несколько тегов в HTML код на вашем сайте или в блоге.

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

Анатомия социального сниппета

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

Социальный фрагмент Facebook

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

LinkedIn Social Snippet

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

Социальный фрагмент Google+

Социальный фрагмент Google+ также имеет заголовок, описание и изображение.

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

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

Если ссылки на ваш контент не содержат изображения, названия или описания, когда вы публикуете их в обновлениях статуса в Facebook, LinkedIn или Google+, вы можете исправьте это, добавив теги в HTML-код вашего документа.

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

Запись: Это несколько технических исправлений, поэтому, если вам неудобно редактировать HTML-код своего веб-сайта, не стесняйтесь отправить эту статью своему веб-разработчику.

# 1: используйте теги заголовка и метаописания

Вам нужно будет поработать с некоторыми из теги title и meta description в вашем сообщении в блоге. Социальные сниппеты во всех социальных сетях используйте эти два элемента страницы:

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

# 2: используйте микроформатирование Schema.org

Schema.org это сотрудничество между основными поисковыми системами. Они создали стандартный набор тегов для самых разных вещей. Чтобы управляйте своими социальными сниппетами, вам понадобятся только эти теги:

Интересный заголовок

Описание, наводящее на размышления

№3: Используйте теги «Open Graph Protocol»

Facebook, Google+ и LinkedIn используют стандарты Open Graph для маркировки контента. Добавьте эти теги, чтобы установить изображение в обновлениях статуса:

Теги Open Graph также можно использовать для установить заголовок и описание.

# 4: используйте метатеги Image_SRC

Для Facebook вы можете использовать image_src метатег между

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

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

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

Некоторые из этих тегов входят в

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

Используете WordPress? Попробуйте эти плагины

Каждая система управления контентом (например, WordPress) предоставит вам контроль над тегами title и meta description. Для пользователей WordPress: вот плагины, которые добавят за вас другие теги:

• Плагин All in One Schema.org Rich Snippets: Этот плагин дает вам контроль над тегами для социальных сниппетов, а также может улучшить внешний вид ваших результатов поиска при вашем ранжировании в Google.
• Плагин WP Open Graph: Подобно плагину Schema.org, этот удобный небольшой инструмент добавит все метатеги Open Graph.
• Пользовательский плагин Image_Src: Если ваш общий контент по-прежнему выглядит некорректно в Facebook, попробуйте этот. Создав тег image_src, этот плагин заставит Facebook использовать изображение по вашему выбору.

Не нужно трогать код, просто установите плагин и управляйте тегами из WordPress.

Все еще не работает?

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

Вы также можете очистить кеш Facebook используя Отладчик URL-адресов Facebook.

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

Почему так много вариантов?

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

Напоминает анекдот старого программиста ...

В: Что самое лучшее в технологических стандартах?
A: Есть из чего выбирать!

Твоя очередь

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

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

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