Og:image for Facebook

I have this set up on the search page of my app:

image for fb

The Title and Description for SEO / FB in the page settings work as expected.

The Image (for FB) was working until a few weeks ago. Facebook has gotten more strict on Open Graph tags, and the Sharing Debugger now says “The ‘og:image’ property should be explicitly provided, even if a value can be inferred from other tags.”

So for proper sharing on Facebook Bubble needs to generate an explicit og:image tag using the image we provide in the page settings.

These are the meta tags that Bubble is generating. og:image is not one of them.

<meta name="fragment" content="!">
<meta name="description" content="Find what you&#39;re looking for!">
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:title" content="Homeschool History - Resource Search" />
<meta name="twitter:title" content="Homeschool History - Resource Search" />
<meta property="og:description" content="Find what you&#39;re looking for!" />
<meta name="twitter:description" content="Find what you&#39;re looking for!" />
<meta property="og:url" content="https://app.homeschoolhistory.com/search?q=Historica%20Canada" />
<meta property="og:type" content="website" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

I submitted this to Bubble as a bug, but they said I should ask on the forum. Any ideas?

John

Hey there @help2,

Welcome to the Bubble community!

Perhaps you can add the tag in the header yourself?

This topic was automatically closed after 70 days. New replies are no longer allowed.