dr-dimitru/README.md

## README.md

      
    Raw
  

              README.md
            
          
    Официальный ответ (на 12 мая 2017) от администрации ВК (vk.com), на вопрос почему при шеринге с мобильных утройств не подцепляется картинка указанная в og:image теге:

В мобильной версии share картинка действительно не поддерживается.
Теплой и солнечной весны!
Комманда поддержки ВКонтакте

Тем не менее опытным путем у нас получилось найти требования удовлетворяя которые все может заработать:

Адрес (домен) сайта должен быть привязан к приложению прошедшему проверку в ВК (Данный пункт возможно не влияет, но у нас не было шанса проверить share без наличия приложения);
Значение в теге <title></title> должно совпадать со значением в <meta property="og:title" content="" />
Значение в теге <meta name="description" content=""> должно совпадать со значением в <meta property="og:description" content="" />
Картинка должна быть в jpeg (RGB) 72px/inch формате
Размер картинки: 1200 x 630

Все требования к картинке:


BitsPerSample	8 8 8
PhotometricInterpretation	RGB
Orientation	Horizontal (normal)
SamplesPerPixel	3
XResolution	72
YResolution	72
ResolutionUnit	inches
ColorSpace	Uncalibrated
Compression	JPEG (old-style)
ThumbnailOffset	402
ThumbnailLength	5277

Если вам данная информация помогла - нажмите звезду вверху страницы :)
Соберем 100 звезд - опубликуем полную статью с предисторией на Habr.

  
## share.html
<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Title</title>
    <meta name="description" content="Description">
    <meta name="keywords" content="keywords, separated, by comma, and, whitespace">

    <meta property="og:type"          content="website" />
    <meta property="og:title"         content="Title, MUST MATCH TITLE IN A TITLE TAG!" />
    <meta property="og:description"   content="Description, MUST MATCH DESCRIPTION METATAG!" />
    <meta property="og:image"         content="http://example.com/share.jpg" />
  </head>
  <body>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="ru">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>Title</title>
	<meta name="description" content="Description">
	<meta name="keywords" content="keywords, separated, by comma, and, whitespace">

	<meta property="og:type" content="website" />
	<meta property="og:title" content="Title, MUST MATCH TITLE IN A TITLE TAG!" />
	<meta property="og:description" content="Description, MUST MATCH DESCRIPTION METATAG!" />
	<meta property="og:image" content="http://example.com/share.jpg" />
	</head>
	<body>
	</body>
	</html>