Теги метаданных Twitter в HTML

Теги метаданных Twitter в HTML [Русский]

Теги метаданных Twitter в HTML

Чтобы URL-адрес веб-сайта отображался правильно на карте Twitter, необходимы дополнительные метатеги с дескриптором издателя, заголовком страницы, описанием содержимого до 200 символов, дескриптором содержимого создателя и изображением, которое должно быть более 120x120 пикселей.

Twitter метатег в HTML

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

Это только для карт Twitter, а метатег в HTML должен быть вставлен в главном разделе кода:

<!-- Twitter card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@Twitter_publisher" /> <meta name="twitter:title" content="Page title" /> <meta name="twitter:description" content="Page description" /> <meta name="twitter:creator" content="@Twitter_creator" /> <!-- Twitter 280x150px image --> <meta name="twitter:image:src" content="http://www.url.com/img.jpg" />

Открыт график Twitter

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

Это будет охватывать все HTML-карты социальных метаданных социальных медиа и разрешить правильное совместное использование ваших URL-адресов для всех из них:

<!DOCTYPE html> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en" prefix="fb: http://www.facebook.com/2008/fbml"> <head> <title>60 char title</title> <meta name="description" content="200 char description" /> <!-- Twitter card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@Twitter_publisher" /> <meta name="twitter:title" content="Page title" /> <meta name="twitter:description" content="Page description" /> <meta name="twitter:creator" content="@Twitter_creator" /> <!-- Twitter 280x150px image --> <meta name="twitter:image:src" content="http://www.url.com/img.jpg" /> <!-- Open graph Facebook card --> <meta property="og:url" content="https://www.url.com/"/> <meta property="og:type" content="website/article/..."/> <meta property="og:locale" content="en-US" /> <meta property="og:site_name" content="Site name" /> <meta property="og:image" content="http://www.url.com/img.jpg" /> <meta property="og:title" content="60 char title"/> <meta property="og:description" content="Page description" /> <meta property="article:published_time" content="2018-11-06 11:32:39" /> <meta property="article:modified_time" content="2018-11-06 11:32:39" /> <meta property="article:section" content="Section" /> <!-- Schema.org markup for Google+ --> <meta itemprop="name" content="Site name"> <meta itemprop="description" content="Page description"> <meta itemprop="image" content="http://www.url.com/img.jpg">

Мета-теги

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

Валидатор карты Twitter

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

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

Валидатор карт Разработчики Twitter

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

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

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

Где я могу ЛЕТАТЬ? (@wcanifly) Twitter
Йоанн Бирлинг (@ybierling) Twitter
Справка Smartphone (@help_smartphone) Twitter
Сравнение путешествий (@travelcomparato) | щебет
Платформа для разработчиков Twitter - разработчики Twitter
Киевский пляжный клуб и киевский ночник летом - Где я могу ЛЕТАТЬ?
Должны иметь социальные метатеги для Twitter, Google+, Facebook и других - Moz

Дальнейшие чтения

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

SEO Cheat Sheet 2.0 для веб-разработчиков
18 Метатеги Каждая веб-страница должна иметь в 2014 году
Протокол Open Graph
Сниппет - платформа Google+
Pinterest Rich Pins для бизнеса
WooCommerce - бесплатный инструментарий Wordpress, который добавляет разметку продукта

Twitter мета-теги SEO

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

After having implemented these Twitter мета-теги SEO, sharing your website on Twitter will automatically pull these Twitter мета-теги SEO from your website to display a Twitter card.

Прочитайте больше

Фотогалерея

Похожие статьи

Комментарии (0)

Оставить комментарий

Увеличьте доход от рекламы на 50-250% с помощью Ezoic. Сертифицированный издательский партнер Google.
Увеличьте доход от рекламы на 50-250% с помощью Ezoic. Сертифицированный издательский партнер Google.
 
Увеличьте доход от рекламы на 50-250% с помощью Ezoic. Сертифицированный издательский партнер Google.
Увеличьте доход от рекламы на 50-250% с помощью Ezoic. Сертифицированный издательский партнер Google.