A
A
alexeeey_kuznetsov2019-12-08 17:47:32
API
alexeeey_kuznetsov, 2019-12-08 17:47:32

How to display og:image in VK when marking Open Graph and Schema.org?

I’ll make a reservation right away that a similar problem exists on another page where there is no Schema markup and no img src="..." tag, and the desired image is added via background in css. Those. the og:image tag in VK is not perceived at all, although in other instant messengers, social. networks and checks in the facebook debugger everything is fine. I did reset the cache of VK pages, I thought it was related to the time for updating, but after 2-3 days the result is the same - the picture does not attach to VK.
And now to the core of the main problem.
There is schema org markup on the contacts page, and when the Open Graph tags: og:image and og:title were specified in the head meta, they were not picked up when sharing in VK, instead, the title in VK was substituted from the itemscope located below on the page where the itemprop field was ="name", so I added itemscope="WebPage" to the html tag and added a tag with the itemprop="name" attribute in the head meta and specified the corresponding content, and only after that it used the required title in VK sharing. But this did not work out with the image, I tried all the fields for images presented on the Schema site, nothing has changed.
The documentation for VK also indicated that when copying a link, vk first looks for tags with og:image, vk:image, etc. and I tried with vk:image - also to no avail.
The problem is still in VK, because the replacement of pictures with checking in other social networks and resetting the cache was successful and the images changed.
PS The only thing is that the Open Graph Object Debugger outputs the following:

Errors in the debugger
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'.

With og:title, he did not display this, but still displayed the desired image below in the post preview.
And this is with both pages - where there is schema org markup, and where it is not.

Answer the question

In order to leave comments, you need to log in

1 answer(s)
P
Pavel, 2020-01-03
Sayk @PiSaiK

The most concise solution can be found here " Bulletproof Open Graph Markup "

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question