web-dev-qa-db-fra.com

Facebook affiche une image vierge et un aperçu après avoir partagé un lien HTTPS depuis mon site Web

Mon site auparavant n'était que HTTP. J'ai utilisé ce site Web pour partager des informations publiques avec mes amis. J'aime publier des nouvelles que je veux puis les partager sur Facebook et lorsque je poste un lien (lien HTTP car mon site Web est toujours HTTP) sur Facebook, il extrait correctement les balises og de mon site.

Hier, je viens de déplacer mon site de HTTP vers HTTPS en obtenant gratuitement CloudFlare SSL. Je redirige mon site Web vers HTTPS et j'ai vérifié les erreurs de contenu mixte et il n'y en a pas. Désormais, lorsque je partage mes publications (qui est désormais HTTPS) sur Facebook, il affiche simplement mon nom de domaine (example.com) pour le titre et la description au lieu de og:title et og:description Je précise dans mes balises META.

Mon ami dit que les balises og sont actuellement définies sur mon site:

<title>My site</title>
<meta name="description" content="Example description" />
<meta name="robots" content="follow,index" />
<link rel="canonical" href="https://example.com/url-path/" />
<meta property="og:locale" content="en_US">
<meta property="og:type" content="article">
<meta property="og:title" content="Mysite">
<meta property="og:description" content="Example description">
<meta property="og:url" content="https://example.com/url-path/">
<meta property="og:site_name" content="MySite">
<meta property="article:publisher" content="https://www.facebook.com/examplefbpage">
<meta property="article:author" content="https://www.facebook.com/example">
<meta property="article:published_time" content="2019-09-14T11:49:14+00:00">
<meta property="article:modified_time" content="2019-09-19T02:39:08+00:00">
<meta property="og:updated_time" content="2019-09-19T02:39:08+00:00">
<meta name="Twitter:card" content="summary_large_image">
<meta name="Twitter:title" content="Mysite">
<meta name="Twitter:description" content="Example description">
<meta name="Twitter:site" content="@exampletwitteruser">
<meta name="Twitter:creator" content="@exampletwitteruser">

Comment puis-je réparer ça? Est-ce que cela pourrait être un problème de cache Facebook ou quelque chose?

2
Anonymous

Je ferai l'hypothèse que la capture d'écran de votre message est l'outil de débogage Facebook trouvé ici: https://developers.facebook.com/tools/debug/sharing

La première chose que je remarque est que vous recevez un code de réponse de 0. Vous devriez obtenir un code de réponse de 200.

Cela m'a incité à penser que c'était un problème de mise en cache, alors j'ai moi-même vérifié le domaine via le débogueur de partage social Facebook. C'était mon résultat:

Facebook Social Sharing Debugger Result

Comme vous pouvez le voir, j'ai reçu un code de réponse de 5 . Étant donné que vous venez d'une migration de HTTP vers HTTPS, cela signifie très probablement qu'il y a un problème avec votre ou vos serveurs d'hébergement.

Je commencerais par un ticket demandant le code de réponse 503 à votre hébergeur. Une fois ce problème identifié et résolu, votre image OG doit se remplir comme prévu.

2
Daniel Kraciun