Facebook Open Graph of the link of the post of my site does not appear description and thumbnail is small

Question

I’m working on the Open Graph of a Blogger platform. When I post something on Facebook, the presentation of the content of an article appears like this:

When I paste the link of the blog post on Facebook does not look exactly as I would like, I want the image to be bigger, with title and description of the post, exactly like this:

The tags are like this:

I’ve used Open Graph Object Debugger.
Can someone help me, please?

Answer 1

For 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 600 x 315 pixels. And the minimum size required for the og:image is of 200 x 200.

_{You can read more about the topic - og:image here at this link}

However I noticed that the problem of the image appearing small was due to a lack of update, as after having inspected the link on Object Debugger i saw that the image appears large after updating the link with Object Debugger.

On the description does not appear, try changing the og:description as follows.
Exchange the current code:

<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>

To the next:

<b:if cond='data:blog.metaDescription'>
    <meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
    <meta expr:content='&quot;Ler artigo sobre &quot; + data:blog.pageName + &quot; em &quot; + data:blog.title + &quot;&quot;' property='og:description'/>
</b:if>

Basically what this is going to do is take the meta description if it exists and display it as og:description, but if there is no meta description available, then the text Ler artigo sobre ... will be implemented as og:description instead.

Meta description in Blogger

To activate the meta description you have to go up:

Definições > Preferência de pesquisa > Meta tags > Descrição Click edit.
And the following shall appear:

Add Meta description to individual publications

Simply edit your post or page and look for the option Description of the Research, and this is where we will add the description of each page that will now also be displayed as og:description to Facebook.

Answer 2

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: https://developers.facebook.com/docs/sharing/best-practices#images