@alexeeey_kuznetsov

Как вывести og:image в ВК при разметке Open Graph и Schema.org?

Сразу оговорюсь, что аналогичная проблема присутствует на другой странице, где нет разметки Schema и нет тега img src="...", а нужное изображение добавлено через background в css. Т.е. тег og:image в ВК вообще не воспринимается, хотя в других мессенджерах, соц. сетях и проверках в дебаггере facebook всё нормально. Сброс кэша страниц ВК делал, думал связано со временем на обновление, но и спустя 2-3 дня результат тот же - картинку не прикрепляет в ВК.
А теперь к сути основной проблемы.
На странице контактов присутствует разметка schema org и при указании в head meta тегов Open Graph: og:image и og:title они не подхватывались при шэринге в ВК, вместо этого заголовком в ВК подставлялся из itemscope, находившегося ниже на странице, где было поле itemprop="name", поэтому тегу html я добавил itemscope="WebPage" и прописал в head meta тег c атрибутом itemprop="name" и указал соответствующий content и только после этого он в шэринге в ВК использовал нужный title. Но с изображением такого не вышло, все представленные на сайте Schema поля для изображений я перепробовал, ничего не изменилось.
В документации к ВК также указывалось, что при копировании ссылки vk смотрит сначало за тегами с og:image, vk:image и т.д. и я попробовал с vk:image - также безрезультатно.
Проблема всё же именно в ВК, потому что замена картинок с проверкой в других соц сетях и сбросом кэша прошла успешно и изображения менялись.
P.S. Единственное, что Отладчик объектов Open Graph выводит следующее:
Ошибки в отладчике
Extraneous Property Objects of this type do not allow properties named 'og:type'.
Extraneous Property Objects of this type do not allow properties named 'og:url'.
Extraneous Property Objects of this type do not allow properties named 'og:image'.

С og:title он такого не вывел, но всё равно ниже в предпросмотре поста вывел нужное изображение.
Причём это с обеими страницами - и где есть schema org разметка, и где её нет.
  • Вопрос задан
  • 1458 просмотров
Пригласить эксперта
Ответы на вопрос 1
PiSaiK
@PiSaiK
IT куратор
Самое лаконичное решение найдете тут «Пуленепробиваемая разметка Open Graph»
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы