Code

Facebook Open Graph Meta

Add Facebook's open graph meta information to your site to optimize the information when something is shared on Facebook from your site. Optimize this even more by hooking up Webflow CMS to Facebook's open graph meta.

Facebook Open Graph Meta preview

Add Facebook's open graph meta information to your site to optimize the information when something is shared on Facebook from your site. Optimize this even more by hooking up Webflow CMS to Facebook's open graph meta.

How to add it

  1. Add the Facebook Open Graph meta information to the head section of your pages custom code.
  2. Update the information with relevant information

The code

HTML
                      <!-- Add to head section -->
<!-- Open Graph / Facebook -->
<meta property="og:site_name" content="Webflow" />
<meta property="og:type" content="article">
<meta property="og:url" content="https://webflow.com/blog/SLUG">
<meta property="og:image:width" content="2400" />
<meta property="og:image:height" content="1260" />
<meta property="og:image:secure_url" content="IMAGE-URL" />

                    

Browse similar code snippets

Categories

Language

More from Corey Moen

Profile →

Related Webflow questions

All answers →

Similar code snippets

All code snippets →