Twitter Open Graph Meta
Optimize your Twitter Open Graph meta information for your Webflow site with this code snippet. This allows you to optimize the shared information and what's displayed on Twitter when someone shares your site.
Optimize your Twitter Open Graph meta information for your Webflow site with this code snippet. This allows you to optimize the shared information and what's displayed on Twitter when someone shares your site.
How to add it
- Add the Twitter open graph meta to the head section of your pages custom code
- Optimize the information for the page by manually updating it or connecting it to Webflow CMS
The code
HTML
<!-- Add to head section -->
<!-- Twitter -->
<meta name="twitter:url" content="https://webflow.com/blog/SLUG">
<meta name="twitter:domain" value="webflow.com" />
<meta name="twitter:title" content="NAME/HEADLINE">
<meta name="twitter:description" content="SUMMARY">
<meta name="twitter:image" content="IMAGE-URL">
<meta name="twitter:site" content="@webflow">
<meta name="twitter:creator" content="AUTHOR-TWITTER-HANDLE">
<meta name="twitter:label1" value="Written by" />
<meta name="twitter:data1" value="AUTHOR-NAME" />
<meta name="twitter:label2" value="Published on" />
<meta name="twitter:data2" value="PUBLISH-DATE" />
<meta name="twitter:card" content="summary_large_image">
