Inserting Open Graph Protocol (OGP)

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'/>

I've re-scraped via facebook debugger for you here:

https://developers.facebook.com/tools/debug/?q=https%3A%2F%2Fwww.zackgonderdance.com%2F

Looks okay now?

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.