При публикации поста
Вконтакте со ссылкой, автоматически добавляется сниппет с горизонтальной картинкой, причём ширина картинки почти в 2 раза больше высоты.
Чтобы задать такую картинку со своего сайта, нужно добавить в код:
<meta property="og:image" content="/images/thumbnail.png">
При этом, если эту же ссылку вставлять в блок ссылок сообщества, то выглядит мягко говоря не очень:
Картинки обрезаются до круга, но по большей стороне, и в итоге получается непонятно что, да и логотип не читается.
Это навело на мысль, что для ВК придётся использовать только квадратную картинку, которая красиво будет смотреться в блоке ссылок, и если постараться с расположением логотипа, то не очень изуродуется при обрезке в сниппете. Для этого у ВК даже есть свой тэг:
<meta property="vk:image" content="/images/thumbnail2.png">
Но тут обратил внимание, что некоторые сайты, например, dzen.ru всё же передают в ВК разные картинки. Для примера можно взять страничку канала Пикабу. Вот так выглядит сниппет:
А вот так эта же ссылка добавляется в блок ссылок:
Как этого добиться? Я предположил, что можно сделать 2 картинки следующим образом:
<meta property="og:image" content="/images/thumbnail.png">
<meta property="og:image" content="/images/thumbnail2.png">
Но в итоге всё равно везде добавляется прямоугольная картинка (да, в таком случае можно листать обе картинки в ВК, но хотелось бы чтобы по умолчанию сразу выбиралась нужная картинка). А если поменять тэги местами, то везде квадрат. Попробовал и вариант добавления квадратной картинки через property="vk:image".
<meta property="og:image" content="/images/thumbnail.png">
<meta property="vk:image" content="/images/thumbnail2.png">
Но тогда ВК видит только её, игнорируя первую.
Есть ли какое-то решение? Точнее, оно, очевидно, есть. И наблюдал это не только у Дзена, просто первое, что вспомнилось.
Простой
Средний