Wrong og:image for content pages

[aussig]

Describe the bug
The <meta property="og:image"> is showing content="https://www.opensceneryx.com/custom/uploads/2018/08/Montage.jpg" instead of the individual screenshots for the items. This is affecting search results.

Expected behavior
The path to the item's screenshot should be injected into the property, as is being done with twitter:image. Note we will also need to set the correct og:image:width and og:image:height properties.

[aussig]

Yoast has changed the approach for injecting metadata since 14.0, and uses frontend presenters instead: https://developer.yoast.com/blog/yoast-seo-14-0-adding-metadata/

[aussig]

It turns out this isn't quite as simple as it sounds. Although overriding the image is easy using a filter on wpseo_opengraph_image, this doesn't set the width and height. Attempted to subclass Image_Presenter to do this fails because the og:image is being set twice and only the width and height from the first call get output to the page.

See /Yoast/wordpress-seo#15052