social media meta tags


/ Published in: HTML
Save to your folder(s)

Social media meta tags


Copy this code and paste it in your HTML
  1. <!-- bare minimum -->
  2. <!-- Twitter Card data -->
  3. <meta name="twitter:card" value="summary">
  4.  
  5. <!-- Open Graph data -->
  6. <meta property="og:title" content="Title Here" />
  7. <meta property="og:type" content="article" />
  8. <meta property="og:url" content="http://www.example.com/" />
  9. <meta property="og:image" content="http://example.com/image.jpg" />
  10. <meta property="og:description" content="Description Here" />
  11.  
  12.  
  13.  
  14. <!-- Standard -->
  15. <!-- Twitter Card data -->
  16. <meta name="twitter:card" content="summary">
  17. <meta name="twitter:site" content="@publisher_handle">
  18. <meta name="twitter:title" content="Page Title">
  19. <meta name="twitter:description" content="Page description less than 200 characters">
  20. <meta name="twitter:creator" content="@author_handle">
  21. <-- Twitter Summary card images must be at least 200x200px -->
  22. <meta name="twitter:image" content="http://www.example.com/image.jpg">
  23.  
  24. <!-- Open Graph data -->
  25. <meta property="og:title" content="Title Here" />
  26. <meta property="og:type" content="article" />
  27. <meta property="og:url" content="http://www.example.com/" />
  28. <meta property="og:image" content="http://example.com/image.jpg" />
  29. <meta property="og:description" content="Description Here" />
  30. <meta property="og:site_name" content="Site Name, i.e. Moz" />
  31. <meta property="fb:admins" content="Facebook numeric ID" />
  32.  
  33.  
  34. <!-- ARticle -->
  35. <!-- Update your html tag to include the itemscope and itemtype attributes. -->
  36. <html itemscope itemtype="http://schema.org/Article">
  37.  
  38. <!-- Place this data between the <head> tags of your website -->
  39. <title>Page Title. Maximum length 60-70 characters</title>
  40. <meta name="description" content="Page description. No longer than 155 characters." />
  41.  
  42. <!-- Google Authorship and Publisher Markup -->
  43. <link rel="author" href="https://plus.google.com/[Google+_Profile]/posts"/>
  44. <link rel="publisher" href=”https://plus.google.com/[Google+_Page_Profile]"/>
  45.  
  46. <!-- Schema.org markup for Google+ -->
  47. <meta itemprop="name" content="The Name or Title Here">
  48. <meta itemprop="description" content="This is the page description">
  49. <meta itemprop="image" content="http://www.example.com/image.jpg">
  50.  
  51. <!-- Twitter Card data -->
  52. <meta name="twitter:card" content="summary_large_image">
  53. <meta name="twitter:site" content="@publisher_handle">
  54. <meta name="twitter:title" content="Page Title">
  55. <meta name="twitter:description" content="Page description less than 200 characters">
  56. <meta name="twitter:creator" content="@author_handle">
  57. <!-- Twitter summary card with large image must be at least 280x150px -->
  58. <meta name="twitter:image:src" content="http://www.example.com/image.html">
  59.  
  60. <!-- Open Graph data -->
  61. <meta property="og:title" content="Title Here" />
  62. <meta property="og:type" content="article" />
  63. <meta property="og:url" content="http://www.example.com/" />
  64. <meta property="og:image" content="http://example.com/image.jpg" />
  65. <meta property="og:description" content="Description Here" />
  66. <meta property="og:site_name" content="Site Name, i.e. Moz" />
  67. <meta property="article:published_time" content="2013-09-17T05:59:00+01:00" />
  68. <meta property="article:modified_time" content="2013-09-16T19:08:47+01:00" />
  69. <meta property="article:section" content="Article Section" />
  70. <meta property="article:tag" content="Article Tag" />
  71. <meta property="fb:admins" content="Facebook numberic ID" />

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.