Jump to content

Inserting Open Graph Protocol (OGP)

Recommended Posts

Site URL: https://www.zackgonderdance.com/

Hello, I have recently launched this website and would love to share on social media channels but couldn't get the preview working properly even after I've inserted the Open Graph Protocol (OGP). I went to Settings > Advance > Code Injection. And from there, I inserted the codes into the Header section and added the following:

<meta property='og:title' content='Zack Gonder Dance'/>


<meta property='og:image' content='https://images.squarespace-cdn.com/content/v1/5fea7aee4e1a8a328805623b/1614137266912-WZGPPO3M2P4CPQX6AKA9/ke17ZwdGBToddI8pDm48kHH9S2ID7_bpupQnTdrPcoF7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z4YTzHvnKhyp6Da-NYroOW3ZGjoBKy3azqku80C789l0nQwvinDXPV4EYh2MRzm-RRB5rUELEv7EY2n0AZOrEupxpSyqbqKSgmzcCPWV5WMiQ/4Qs+Bard+2018_rv_PointedToe.jpg?format=2500w'/>


<meta property='og:description' content='Zack Gonder Dance blends cultures and art forms, dance styles and musical genres— making dance accessible, energizing and captivating for audiences of all ages across the globe.'/>


<meta property='og:url' content='//www.zackgonderdance.com'/>

Link to comment
  • Replies 2
  • Views 3.9k
  • Created
  • Last Reply

Although I don't believe you need any code injection adding for this 🙂

You can set your social sharing image sitewide in squarespace using the guide below - Home Menu click Design, then click Social Sharing:

https://support.squarespace.com/hc/en-us/articles/205812778-Adding-social-sharing-images#tabs-1

Once a new image is set just scrape again in facebook using the link above to force it to refresh. Your OG title and description will just be pulled from your page title and description. 

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.