Automatic Facebook posts lost images

Asked

Viewed 58 times

0

Hello. I use the Twitter API to automatically post vacancies from my site there, see: https://twitter.com/carreirafashion Vagas corretas no twitter Vacancies are straight, with the title of the vacancy, description and an image with the logo of the company next.

In Twitter settings, you’re programmed to send those same posts directly to Facebook, which happens correctly. But the posts sent, overnight (from 13/02/2018), They did not display the image next to the post, see: https://www.facebook.com/carreirafashion Antes do dia 13 Depois do dia 13

Before the images appeared normally, and the nothing stopped appearing. The Meta tag seems correctly configured, so:

<meta property="og:image" content="https://www.carreirafashion.com.br/site/_imagens/redes_logo.png" />

What happened? If I copy the URL of a page and put it manually on Facebook (https://www.carreirafashion.com.br/vaga-de-moda/vaga/163591), the image appears. Only those posts sent directly by Twitter that are without images. Can anyone help me?

1 answer

0

Your image comes from an https protocol add the meta below tested by the same process you use and worked:

Use the og:image:secure_url when the url comes from an https protocol.

<meta property="og:image:secure_url" content="https://www.carreirafashion.com.br/site/_imagens/redes_logo.png" /> 

Open Graph tips on facebook:

Keeping an eye on resolutions;

Use images with at least 1200 x 630 pixels for the best view on high resolution devices. At the very least, you should use images that have 600 x 315 pixels to display posts on the linked page larger images. The maximum image size is 8 MB

Attentive to minimum image size;

The minimum image size is 200 x 200 pixels. If you try to use a smaller image than this, you will see an error in the Debugger sharing.

Attentive to the use of attributes og:image:width and og:image:height

The use of these markings will specify the image dimensions for the tracker so he can render it immediately without having to download and process it asynchronously.

Use the tag <meta> with atrigutus og:image:width , og:image:height, trade og:image for og:image:url, if using https use og:image:secure_url;

<meta property="fb:app_id" content="187756311833261" />
<meta property="og:type" content="article" />
<meta property="og:site_name" content="Carreira Fashion" />
<meta property="og:title" content="Comprador(a)" /> 
<meta  property="og:url" content="https://www.carreirafashion.com.br/vaga-de-moda/compradora/163591"/> 
<meta property="og:image:secure_url" content="https://www.carreirafashion.com.br/site/_imagens/redes_logo.png" /> 
<meta property="og:image:url" content="https://www.carreirafashion.com.br/site/_imagens/redes_logo.png"/> 
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="315" />
<meta property="og:description" content="Empresa de confec&#xe7;&#xe3;o admite profissional para atuar com compras de tecidos e aviamentos.Necess&#xe1;rio experi&#xea;ncia na &#xe1;rea de compras para confec&#xe7;&#xe3;o.Local: Mogi das Cruzes / SP." />

You can test in Facebook Debug, below:

Open Graph debugging tool.

https://developers.facebook.com/tools/debug/

Reference for Post Open Graph

https://developers.facebook.com/docs/sharing/best-practices/

  • Thank you. I’ll try to put the width and height to see if anything changes. About the Facebook debugging tool, I had already tested and there appears the right image, as well as when you manually post the URL on facebook. The image just doesn’t show up in Twitter’s automatic posts. I will wait to see if the height and width change something in the situation and I warn here the result...

  • It didn’t work :( continues without the image.

  • @Renanhoffmann changed the answer have to do with meta when the image uses the https protocol have to use the og:image:secure_url attribute

Browser other questions tagged

You are not signed in. Login or sign up in order to post.