Skip to content

Instantly share code, notes, and snippets.

@edwinmah
Last active September 4, 2020 23:32
Show Gist options
  • Save edwinmah/35554a895eda3682662d to your computer and use it in GitHub Desktop.
Save edwinmah/35554a895eda3682662d to your computer and use it in GitHub Desktop.
Facebook open graph and Twitter card meta tags
<!--
Make your opening <html> tag this:
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns# fb: http://www.facebook.com/2008/fbml">
Place the <meta> tags below in the <head> section of your HTML page. See documentation links for more info.
-->
<!-- Facebook Open Graph meta tags
documentation: https://developers.facebook.com/docs/sharing/opengraph -->
<meta property="og:title" content="Enter a title for this page." />
<meta property="og:url" content="Enter your page/site URL." />
<meta property="og:image" content="Enter the URL for a representative image, e.g., portrait, logo. Image should square and at least 600px wide." />
<meta property="og:site_name" content="Enter the name of your site." />
<meta property="og:description" content="Enter a description of your website." />
<!-- Twitter Summary card
documentation: https://dev.twitter.com/cards/getting-started
Be sure validate your Twitter card markup on the documentation site. -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@yourtwitterusername" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment