Twitter метатегів у форматі HTML



Twitter метатегів у форматі HTML

Для того, щоб URL-адреса веб-сайту відображалася правильно на карті Twitter, потрібні додаткові мета-теги з ручкою видавця, заголовок сторінки, опис вмісту до 200 символів, рукопис змісту творець та зображення, яке має бути більше 120x120 пікселів.

Twitter SEO метатегів у форматі 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-карт

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

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

Картограф вадіаторів розробників Twitter

Розмір розміру зображення у форматі Twitter

Зображення, розміщене в поштову публікацію Twitter, повинно бути не менше 120 пікселів заввишки 120 пікселів або 120x120 пікселів.

Дотримуйтесь цих мінімальних вимог, щоб переконатися, що ваші зображення будуть завжди правильно відображатися в публікаціях Twitter, і вони будуть добре виглядати.

Де я можу летіти? (@wcanifly) Twitter
Йоанн Бірлінг (@ybierling) Twitter
Довідка смартфона (@help_smartphone) Twitter
Подорожний компаратор (@travelcomparato) | Twitter
Платформа розробника Twitter - розробники Twitter
Київський пляжний клуб і Київські нічні літа влітку - Де я можу летіти?

Подальші читання

Щоб оптимізувати свої метатеги для показу насичених карт та інших соціальних мереж, перегляньте ці великі веб-сайти, наповнені корисною інформацією:

SEO-коди Веб-розробника 2.0
18 метатегів Будь-яка веб-сторінка повинна мати в 2014 році
Протокол відкритого графіка
Pinterest Rich Pins for Business
WooCommerce - безкоштовний набір інструментів Wordpress, який додає маркетинг продукту

Щебетати SEO мета-теги

Метатеги Twitter SEO, якими ви повинні користуватися картками Twitter, є такими: сайт, назва, опис, автор та зображення.

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





Подібні статті

DesignCap інфографіки Maker - Простий показ складних даних

DesignCap інфографіки Maker - Простий показ складних даних

Завдяки експериментуванню та повторенню ми з’ясували, що включення зображень до публікацій у соціальних медіа чи публікацій блогу збільшує взаємодію в експоненціальній формі.


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

Залишити коментар