Статьи

Что такое социальные мета-теги? Открыть График и Твиттер-карты

  1. Профессиональные советы по созданию социальных метатегов
  2. Используете WordPress? Социальные метатеги в плагинах WordPress
  3. Открытые графические теги
  4. Разметка карты Twitter
  5. Схема для обмена на LinkedIn, Google+ и Pinterest
  6. Продвижение в социальных сетях с мета-тегами

Вы когда-нибудь вставляли ссылку в Facebook или Twitter, чтобы обнаружить, что связанное изображение не имеет никакого отношения к содержанию этой страницы или что описание поста читается как SEO Mad Lib?

Вы дважды думаете о том, чтобы поделиться этим, не так ли?

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

Например, если кто-то скопирует ссылку на индексную страницу блога Тима Феррисса в своем обновлении статуса Facebook:

Например, если кто-то скопирует ссылку на индексную страницу блога Тима Феррисса в своем обновлении статуса Facebook:

Главная страница блога Тима Феррисса, ведущего подкаста и автора «4-часовой рабочей недели»: http://tim.blog/

Это выглядит так:

Это выглядит так:

Когда URL-адрес http://tim.blog/ вставляется в обновление статуса Facebook, результаты оказываются не очень привлекательными.

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

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

Оптимизация социальной сети - одна из тактик, которые мы расставляем по приоритетам SMM услуги , Зачем?

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

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

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

Профессиональные советы по созданию социальных метатегов

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

  • Скорректируйте или переработайте неиспользуемые идеи заголовков, используя их в качестве заголовков в контенте социальных сетей.
  • Вы можете протестировать разные версии изображения. Используйте теги Open Graph и Twitter Card в качестве полигона для тестирования в социальных сетях.
  • Настроить изображение и контент на основе сети. Продемонстрируйте изображения и текст, которые будут соответствовать уникальным интересам каждой отдельной аудитории сети.
  • В то время как Twitter, как говорят, по умолчанию использует теги Open Graph, если на странице нет разметки карты Twitter, по нашему опыту, вы получите более контролируемый результат, если вы включите на страницу оба типа разметки социальных сетей.

Используете WordPress? Социальные метатеги в плагинах WordPress

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

Некоторые варианты включают в себя:

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

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

Facebook Открыть поля ввода данных Графика в плагине Yoast SEO WordPress. Если бы вы щелкнули вкладку «Птица Twitter», вы бы увидели те же поля для настройки разметки Twitter Card.

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

Открытые графические теги

Открыть График протокол является стандартом Facebook для реализации социальных мета-тегов. Это также стало признанным всеми основными социальными платформами, включая LinkedIn, Google+ и Twitter. Это означает, что Twitter, LinkedIn и Google+ часто используют заголовок, описание и изображение, указанные в тегах Open Graph.

Критические теги Open Graph:

Open Graph tagОписание тегаog: заголовок

заголовка или альтернативный заголовок страницы, который отображается в виде заголовка og: URL URL страницы og: описание описания страницы, из которых Facebook отображает не более 300 символов og: изображение URL уникального изображения, рекомендуемые размеры 1200 × 630 пикселей. og: введите статью (в противном случае по умолчанию используется «веб-сайт»).


Для того, чтобы акции Facebook, которые приходят с ваших веб-страниц, были отформатированы с заголовком (заголовком), описанием и изображением по вашему выбору, например:

Для того, чтобы акции Facebook, которые приходят с ваших веб-страниц, были отформатированы с заголовком (заголовком), описанием и изображением по вашему выбору, например:

… Мета-теги социальных сетей должны выглядеть в коде HTML:

<meta property = ”og: title” content = ”Постоянный обновленный контрольный список SEO от Bruce Clay, Inc.” />

<meta property = ”og: url” content = ”http://www.bruceclay.com/blog/seo-checklist/” />

<meta property = ”og: description” content = ”Вы только начинаете оптимизировать сайты? Вот проверенный временем контрольный список SEO, который можно держать под рукой во время ваших проектов ». />

<meta property = ”og: image” content = ”http://www.bruceclay.com/blog/wp-content/uploads/2016/08/SEO-Checklist.jpg” />

<meta property = ”og: type” content = ”article” />


Чтобы убедиться, что ваши теги Open Graph были правильно настроены, используйте Facebook Open Graph Debugger чтобы просмотреть отчет об ошибке и просмотреть предварительный просмотр общего URL-адреса при публикации на Facebook.

Совет для профессионалов : если вы обновляете теги OG страницы, используйте Open Graph Debugger, чтобы заставить Facebook выполнить новую обработку URL-адреса, после чего Facebook получит новые данные социальных метатегов. В противном случае он может извлечь из кэша вместо ваших обновленных тегов.

Разметка карты Twitter

Карты Твиттера позволяют прикреплять фотографии или видео к твитам с помощью нескольких строк кода. Есть несколько типы Twitter-карт но Сводные карты и Сводные карты с фотографиями используются чаще всего.

Основные теги разметки для Twitter:

Twitter Card tagОписание тегаtwitter:

тип карты ( полный список типов карт здесь ) twitter: title Заголовок или альтернативный заголовок страницы, просматриваемый в качестве заголовка. twitter: url URL-адрес страницы twitter: описание Краткое описание менее чем из 200 символов twitter: URL-адрес изображения уникального изображения, рекомендуемые минимальные размеры 440 × 220 пикселей


Итак, чтобы получить это:

Итак, чтобы получить это:

… Социальные метатеги Twitter Card будут выглядеть так:

<meta name = ”twitter: card” content = ”summary_large_image” />

<meta name = ”twitter: title” content = ”Постоянный обновленный контрольный список SEO от @BruceClayInc” />

<meta name = ”twitter: url” content = ”http://www.bruceclay.com/blog/seo-checklist/” />

<meta name = ”twitter: description” content = ”Вы только начинаете оптимизировать сайты? Вот проверенный временем контрольный список SEO, который можно держать под рукой во время ваших проектов ». />

<meta name = ”twitter: image” content = ”http://www.bruceclay.com/blog/wp-content/uploads/2016/08/SEO-Checklist.jpg” />


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

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

Схема для обмена на LinkedIn, Google+ и Pinterest

Как уже упоминалось, теги Open Graph читаются LinkedIn, Google+ и Twitter. Большинство социальных сетей признают и поддерживают Open Graph как стандарт по умолчанию, когда речь идет о социальной разметке. Но есть и другое решение для Google+, Pinterest и LinkedIn - разметка схемы.

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

<html itemscope itemtype = ”http://schema.org/Article”>

<meta itemprop = ”name” content = ”Заголовок сообщения в блоге”>

<meta itemprop = ”description” content = ”Это описание поста в блоге”>

<meta itemprop = ”image” content = ”http://www.domain.com/image.jpg”>

Опять же, эта разметка схемы будет добавлена ​​в HTML-код, связанный с вашим сообщением, прямо перед закрывающим тегом head </ head>.

Вы можете проверить свою разметку схемы, используя Инструмент тестирования структурированных данных Google ,

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

Продвижение в социальных сетях с мета-тегами

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

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

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

Эта статья была первоначально опубликована в 2014 году Ники Пейн и обновлено в 2017 году сотрудниками Брюса Клея.

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

Автор: Брюс Клэй, Инк 19 января 2017 в 11:15

12 Ответов на “Что такое социальные метатеги? Как контролировать, как ваш контент выглядит в социальных сетях »

Вы дважды думаете о том, чтобы поделиться этим, не так ли?
Эта проблема?
Разве у вас гораздо больше шансов нажать на пост, если он встречается в вашем фиде, выглядящем так?
Используете WordPress?

Новости

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

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

Интернет магазин ЛЕГО
Ка быстро растут чужие дети, да что там чужие и свои растут не медленнее. Еще казалось только вчера Вы ощутили небывалый прилив нежности только сказав мужу новость, что скоро он станет папой. И вот уже

Билайн домашний интернет за 1 рубль
Компания Beeline предоставляет абонентам не только качественную  мобильную связь, но и домашний интернет с телевидением. Появилась услуга недавно, поэтому многие клиенты ещё не знают об интересной

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

Кому какой пакет: на что хватит 1 ГБ мобильного интернета, а на что нужно больше
28 Января 2016 15:00 34791 С появлением 3G в Украине мобильный интернет перестал быть медленным и неполноценным придатком к смартфону, а стал таким же рабочим инструментом, как и Wi-Fi.  Скорость

Операторы показали украинцам 3G: на что хватит 1 ГБ трафика
Операторы предлагают абонентам пакеты с 0,7-2,5 ГБ трафика. Много это или мало? И что конкретно можно сделать, имея в смартфоне 1 ГБ? К середине июня уже два из трех мобильных операторов - Астелит (life:)

Интернет-банк Банка Авангард
Обзор системы интернет-банка Пожалуй, не будет преувеличением сказать, что интернет-банк – самый востребованный банковский сервис современного банка. Возможность подключения практически

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

Что делать если 3G,LTE и WIFI не работает
«Мегафон» - это компания, которая предоставляет услуги мобильной связи, а так же доступ к Интернету. Эта российская компания набирает все большей и большей популярности, так как имеет множество разных