How to assign og:image - Post ID 289787

User 2503578 Photo


Registered User
66 posts

Facebook uses the file designated by og:image as the icon aligned with your website link. I thought it would work if I changed the Favicon in Structure Data/Page Manager in Site Designer. But that doesn't seem to work. Does anyone know how to designate the file for og:image?

More info using Facebook Scraped URL:

Facebook sees this (and this IS the file I want it to use):
<link rel="icon" href="./images-100x100/wine%20glass.png" type="image/png">

Facebook uses this for og:image:
<div class="responsive-picture picture-logo"><picture><img alt="Placeholder Picture" src="./images/ThreeOaksWebsite.png"></picture></div>

User 2503578 Photo


Registered User
66 posts

FYI - the og:image shows up when you share your website link on Facebook. I wasn't happy with the image Facebook automatically selected, so I needed to assign a value to og:image. I resolved the problem by editing the HTML directly prior to uploading to my website. I'm not sure of a good way to do this within Site Designer.
User 187934 Photo


Senior Advisor
19,007 posts

That's a fine way to do it. It could probably be done with a JQuery script on page load.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.