Streaming live at 10am (PST)

Social Graph Image


#1

We did a workaround with the CMS and had to put code into a page.
I know there is a setup in the collections to help with the Social shares. But why can’t I simply put a url to the image in the page level social share or open graph. What am I doing wrong?
https://www.quantifind.com/reports/ring-share


Here is my site Read-Only: https://preview.webflow.com/preview/quantifind?utm_source=quantifind&preview=2406306db555d4fc3191be3683c9378c
(how to share your site Read-Only link)


#2

og:image ===> path to image (png/jpeg/gif)

Your read-only link is broken. Anyway use image (And not url to html)

This is your code for now:

<meta content="https://www.quantifind.com/reports/ring-share" property="og:image"/>

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


#3

Swear I did that yesterday. But thanks for taking a look. Seems to be working with the image url in place. Thanks

Grant Davis

630.936.8843


#4

Great :slight_smile: mark as solution to close this topic (And for future searches). Thanks


#5

These don’t work (image and title don’t appear) when posted to twitter. Thoughts?


#6

webflow do not add twitter meta card for you (Idea for wishlist).
On twitter you find more tags (like “creator”) VS OG).

Overview of all Twitter Card Tags

solution -

select this:

Custom code before-head -summary card with large image

<meta name="twitter:card" content="summary">
or

summary card

<meta name="twitter:card" content="summary_large_image" />

docs:

https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started

validator

https://cards-dev.twitter.com/validator


closed #7

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.