HTML/CSS

Разметка Twitter Cards

Разметка Twitter Card добавляется в <head> каждой страницы сайта и используется для расширенного описания ссылки, вставленной в твит.

Правильность разметки можно проверить на cards-dev.twitter.com

  • URL и изображение должны быть открыты для индексации в robots.txt.
  • Данные кэшируются на 7 дней.
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="Аккаунт сайта в Твиттере">
<meta name="twitter:creator" content="Аккаунт автора в Твиттере">
<meta name="twitter:title" content="Название страницы">
<meta name="twitter:description" content="Описание страницы">
<meta name="twitter:image" content="http://example.com/image.jpg">
<meta name="twitter:url" content="http://example.com">

Twitter Cards

Также есть вариант с большой картинкой:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="Аккаунт сайта в Твиттере">
<meta name="twitter:creator" content="Аккаунт автора в Твиттере">
<meta name="twitter:title" content="Название страницы">
<meta name="twitter:description" content="Описание страницы">
<meta name="twitter:image" content="http://example.com/image.jpg">
<meta name="twitter:url" content="http://example.com">

05 апреля 2018