I'm working on the Open Graph of a Blogger platform. When I publish something on facebook, the presentation of the content of an article appears like this:
WhenIpastethelinkfromtheblogposttoFacebookitdoesnotlookexactlyasIwouldlike,Iwanttheimagetobebigger,withtitleanddescriptionofthepost,exactlylikethis:
The tags look like this:
I've already used the Open Graph Object Debugger. Can someone help me, please?
In order for the images to appear large as in the second example mentioned in your question, use images that have at least 1200 x 630 pixels for better display on high resolution devices. The minimum size required for images to appear large in this way is% w / o% pixels. And the minimum size required for 600 x 315 is og:image .
You can read more about the topic -
200 x 200here at this link
However I noticed that the image problem appeared small due to a lack of update because after inspecting the link in < I have seen that the image appears large after updating the link with the Object Debugger.
When the description does not appear, try changing og:image as follows.
Change the current code:
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
For the following:
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='"Ler artigo sobre " + data:blog.pageName + " em " + data:blog.title + ""' property='og:description'/>
</b:if>
Basically what this will do is to get the Object Debugger if it exists and display it as og:description , but if there is no meta description available, then the og:description text will be implemented as meta description instead.
Ler artigo sobre ... on Blogger To enable og:description you have to go to:
Meta descriptionClick edit. And the following will appear:
SimplyedityourpublicationorpageandlookfortheSearchDescriptionoption,andthisiswherewe'lladdthedescriptionforeachpagethatwillnowalsobedisplayedasmetadescriptiontoFacebook.
You're not writing facebook meta tags, are you? And for the image to appear larger it should be 600x315 or 1200x630.
<meta property="og:title" content="Lorem ipsum" />
<meta property="og:description" content="Lorem ipsum..." />
<meta property="og:image" content="URL_DA_IMAGEM" />
Documentation link: link