Сайт seozp.ru

Более 10 лет мы помогаем компаниям достичь своих финансовых и брендинговых целей. SEOZP — это специализированное SEO-агентство, ориентированное на ценности.

Микроразметка Open Graph для Twitter

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

Микроразметка Open Graph для Twitter

Часто вебмастера используют микроразметки (мы уже писали о отзывах на сайте), у твиттера есть «Twitter Cards» она позволяет показывать информацию о вашем сайте в микроблоге. Open Graph является общей разметкой для всех социальных сетей: VK, Facebook, Одноклассники и Google+. Но сейчас нам нужен только твиттер.

Какие микроразметки твиттера существуют

Всего у твиттера есть 4 формата своей разметки, каждый используют для определенных целей. Какие есть: Summary Card, Summary Card with Large Image, App Card и Player Card.

Чтобы подключить разметку используют просто правильные теги, которые размещаются между <head></head> на вашем сайте — это правильный вариант. Более не правильный, вставить ее в любое нужное вам место.

Summary Card

Самый простой и популярный тип, который использует много сайтов. Он позволяет вывести описание страницы, небольшую картинку и заголовок.

Микроразметка Open Graph для Twitter

Микроразметка:

<meta name=\'twitter:card\' content=\'summary\'> <meta name=\'twitter:site\' content=\'@ваш аккаунт в Twitter\'> <meta name=\'twitter:title\' content=\'Название статьи\'> <meta name=\'twitter:description\' content=\'Краткое описание\'> <meta name=\'twitter:image\' content=\'Ссылка на изображение\'>

Информация:
Заголовок: не длиннее 70 символов.
Описание: не должен превышать 200 символов.
Размер изображение: минимум 120×120 пикселей и не больше 1 мегабайта.

Summary Card with Large Image

Еще одна популярная по формату разметка твиттера. Оно позволяет прикрепить к посту большое изображение.
Микроразметка Open Graph для Twitter
Микроразметка:

<meta name=\'twitter:card\' content=\'summary_large_image\'> <meta name=\'twitter:site\' content=\'@ваш аккаунт в Twitter\'> <meta name=\'twitter:title\' content=\'Название статьи\'> <meta name=\'twitter:description\' content=\'Краткое описание\'> <meta name=\'twitter:image:src\' content=\'Ссылка на изображение\'>

Информация:
Заголовок: должно быть до 70 символов.
Описание: не превышать 200 символов.
Размер изображение: минимум 280×150 пикселей и не больше 1 мегабайта.

Player Card

Данный формат сделан специально для видеороликов в твиттере. Однако есть определенные ограничения, чтобы разметка работала, сайт должен быть на HTTPS, а также он должен пройти модерацию в твиттер валидаторе (проверить). Поэтому если хотите это сделать тогда, делайте одну страницу с разметкой и отправляйте ее, нажав на кнопку «Request Approval», нажав на которую вам будет предложена форма для заполнения).

Микроразметка Open Graph для Twitter

Микроразметка:

<meta name=\'twitter:card\' content=\'player\' /> <meta name=\'twitter:site\' content=\'@ваш аккаунт в Twitter\' /> <meta name=\'twitter:title\' content=\'Название видео\' /> <meta name=\'twitter:description\' content=\'Краткое описание\' /> <meta name=\'twitter:image\' content=\'Ссылка на кадр из видео\' /> <meta name=\'twitter:player\' content=\'Ссылка на плеер\' /> <meta name=\'twitter:player:width\' content=\'480\' /> <meta name=\'twitter:player:height\' content=\'480\' /> <meta name=\'twitter:player:stream\' content=\'Ссылка на видео\' /> <meta name=\'twitter:player:stream:content_type\' content=\'video/mp4\' />

Информация:
Описание: до 200 символов.
Видео: до 640х480 пикселей, 30 fps.
Аудио: AAC.

App Card

Подходит если вы распространяете приложения (вы владелец мобильного софта, или имеете свой сайт по андроид приложения и играм). Таким образом вы можете рассказать о существовании своего приложения другим: какая у него платформа, ссылка на скачивание и дополнительная информация — название, изображений, рейтинг и отзывы.

Микроразметка:

<meta name=\'twitter:card\' content=\'app\' /> <meta name=\'twitter:site\' content=\'@ваш аккаунт в Twitter\' /> <meta name=\'twitter:description\' content=\'Описание приложения\' /> <meta name=\'twitter:app:country\' content=\'Страна разработчика, например US\' /> <meta name=\'twitter:app:name:iphone\' content=\'Название приложения\' /> <meta name=\'twitter:app:id:iphone\' content=\'Id приложения\' /> <meta name=\'twitter:app:url:iphone\' content=\'Ссылка на приложение\' /> <meta name=\'twitter:app:name:ipad\' content=\'Название приложения\' /> <meta name=\'twitter:app:id:ipad\' content=\'Id приложения\' /> <meta name=\'twitter:app:url:ipad\' content=\'Ссылка на приложение\' /> <meta name=\'twitter:app:name:googleplay\' content=\'Название приложения\' /> <meta name=\'twitter:app:id:googleplay\' content=\'Id приложения\' />

Стоить отметить, что если ваше приложение, существует, например, только в магазине Google Play, то теги нужно написать только для этого сервиса.

Информация:
Описание: до 200 символов.
После как установили на сайт разметку твиттера, вы можете проверить ее через официальный инструмент для проверки разметок — перейти.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *