Как правильно расставлять метатеги og:image для соцсетей и мессенджеров?

Question

[Вадим]

Известно, что разные соцсети и мессенджеры для превью используют, в первую очередь, метатег og:image. При этом у разных соцсетей и мессенджеров разный формат изображений. Тот же Фейсбук, например, для превью в посте рекомендует 1200х630, но если ссылка в комментарии, то там превью уже квадратное. У ВК сравнительно недавно появилась фича - превью сайта под постом.

Сам по себе стандарт ОпенГраф позволяет втыкать сколько угодно тегов og:image с разными размерами (которые можно задавать явно через og:image:width/og:image:height), но вот в каком порядке их лучше ставить, чтоб получить оптимальный вариант отображения в разных сервисах?

Понятно, что можно методом перебора и тыка это выяснить, но вдруг кто-то уже это сделал и поделился результатами?

Answer 1

[totosarg]

Загляните в соурс любого крупного вебсайта, особенно западного, и посмотрите что там :). А вообще соц сеть сама выберет какой именно тэг использовать, в соответствии с их лагоритмами. Кроме ог тэгов, есть eще всякие twitter cards и т.д. Лучший совет, делайте как делают большие дяди, они это делают не просто так.

Comments

[Вадим]

Увы, но совет бесполезен чуть менее, чем полностью. Во-первых, у буржуев зоопарк соцсетей на одну меньше точно, а нам игнорировать ВК не гоже. Во-вторых, если брать русскоязычных (например, ту же Медузу - они, вроде, продвинутые в этом плане), то их изучение мало что дало, каждый делает, как бог на душу положит. Попробуйте сами, скажем, вот эту ссылку: https://meduza.io/shapito/2017/02/20/vyshel-treyle... - вставьте ее в пост в ФБ (все будет красиво), а потом в коммент - картинка будет обрезана квадратом и часть букв останется за границей обрезки. Та же фигня, если вставлять ссылки, скажем, в Телеграм или в чаты ФБ и ВК.

[totosarg]

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