Широкая картинка в ВК при добавлении ссылки - пример разметки Open Graph

Primary tabs

vedro-compota's picture
Submitted by vedro-compota on Fri, 12/11/2015 - 17:53

<!DOCTYPE html>
<html class="new-year" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://ogp.me/ns/fb#">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">

<title> </title>

<link rel="image_src" href="http://text.ru/images/user/profile/rating/customer/rank-6.png" />
<meta property="og:type" content="article">
<meta property="og:url" content="http://text.ru/1317150" />
<meta property="og:title" content="Ура! Теперь я Генеральный " />
<meta property="og:site_name" content="TEXT.RU" />
<meta property="og:description" content="Не знаю как, но это произошло!)" />
<meta property="og:image" content="http://text.ru/images/user/profile/rating/customer/rank-6.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@textru">
<meta name="twitter:title" content="Ура! Теперь я Генеральный =)" />
<meta name="twitter:description" content=" Не знаю как, но это произошло!) Шансы на выживание повысились после упорного труда! " />
<meta name="twitter:image" content="http://text.ru/images/user/profile/rating/customer/rank-6.png" />
<meta name="twitter:url" content="http://text.ru/123" />

</head>

<body>

<!-- Остальной контент -->

Ключевые слова: