» » Микроразметка Open Graph для Twitter
0
0
лучший сайт где можно скачать шаблоны для dle 12.1 бесплатно
Закрыть меню
BLOG SEO статьи Instagram Фильмы Раскрутка сайтов Новости SEO SEO аудит SMM Игры Музыка (VK) МЫ в Вконтакте
SEO
12-02-2019, 14:42
259

Микроразметка Open Graph для Twitter Новость написали наши специалисты


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




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

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

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

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


Summary Card

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



Микроразметка:
<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

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

Микроразметка:
<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 символов.
Размер изображение: минимум 280x150 пикселей и не больше 1 мегабайта.


Player Card

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




Микроразметка:
<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 символов.
После как установили на сайт разметку твиттера, вы можете проверить ее через официальный инструмент для проверки разметок - перейти.

Комментарии к новости
Добавить комментарий
Добавить свой комментарий:
Ваше Имя:
Ваш E-Mail:
Обратная связь FAQ Реклама
Наверх