Оформление сниппета ссылки в социальных сетях

У каждой ссылки в социальных сетях есть описание. Обычно оно составляется автоматически, но не всегда это хорошо выходит. Лучше всего контролировать этот процесс. И чтобы упростить создание таких сниппетов, я подготовил эту форму. И ответил на часто задаваемые вопросы.

Параметры

Уникальный адрес страницы (абсолютный)

Короткий заголовок, не больше 70 знаков

2-4 предложения, не больше 200 знаков

Ссылка на изображение (абсолютная)

Использовать сниппет в: Facebook, Twitter, Google+, ВКонтакте.

Код для сайта копировать

Код необходимо вставить в <head></head>


Пример социального сниппета

<meta name="twitter:card" content="summary_large_image">
<meta property="og:type" content="website">

<meta property="og:url" content="http://simonenko.su/tools/snippet/">
<meta property="og:title" content="Сделай свой социальный сниппет">
<meta property="og:description" content="Инструмент для подготовки сниппетов в социальных сетях. Работает с Facebook, Twitter, Google+, ВКонтакте.">
<meta property="og:image" content="http://simonenko.suhttp://i.simonenko.su/logo.jpg">

Как это может выглядеть

Часто задаваемые вопросы

В документации Twitter и Google+ написано, что нужно использовать другие теги. Такой код точно будет работать?
Open Graph — технология Facebook, но все социальные сети её понимают и могут использовать. Да, такой код точно будет работать.
Моё изображение не отображается, почему?
Требования к изображениям везде разные, но можно свести к следующему: изображения должны быть больше 200 пикселей, отношение сторон должно быть равным (квадратные), максимальный размер изображения не должен превышать 1 Мб.
Можно ли использовать несколько изображений?
Да, вы можете дублировать og:image столько, сколько вам нужно. Однако в социальной сети будет использовано одно изображение. Выбор этого изображения делает пользователь.
Моё описание не появляется в Twitter, почему?
На данный момент Twitter Cards работает только после модерации. Пройти её может каждый сайт. Для этого нужно заполнить специальную форму.
Что знает социальная сеть про мою ссылку?
Есть специальные инструменты, чтобы заранее проверить информацию о ссылке. Такие сервисы есть в Facebook, Twitter и Google+.
Я хочу получать статистику по моим ссылкам в Facebook, как мне добавить id приложения?
Можно использовать следующий тэг: <meta property="fb:app_id" content="">
Мне нужно указать id приложения в ВКонтакте, как это сделать?
Можно использовать следующий тэг: <meta property="vk:app_id" content="">
Будет ли работать сниппет без социальных кнопок на сайте?
Да, будет.
Какие социальные кнопки лучше всего ставить?
Можно использовать асинхронное подключение оригинальных кнопок или использовать скрипт Артёма Сапегина.

Задайте свой вопрос