Must-Have Social Meta Tags for Twitter, Google, Facebook, & More - Moz
<!-- Update your html tag to include the itemscope and itemtype attributes. -->
<!-- Place this data between the <head> tags of your website -->
<title>Page Title. Maximum length 60-70 characters</title>
<meta name="description" content="Page description. No longer than 155 characters." />

<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="The Name or Title Here">
<meta itemprop="description" content="This is the page description">
<meta itemprop="image" content="http://www.example.com/image.jpg">

<!-- Twitter Card data -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@publisher_handle">
<meta name="twitter:title" content="Page Title">
<meta name="twitter:description" content="Page description less than 200 characters">
<meta name="twitter:creator" content="@author_handle">
<!-- Twitter summary card with large image must be at least 280x150px -->
<meta name="twitter:image:src" content="http://www.example.com/image.jpg">

<!-- Open Graph data -->
<meta property="og:title" content="Title Here" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.example.com/" />
<meta property="og:image" content="http://example.com/image.jpg" />
<meta property="og:description" content="Description Here" />
<meta property="og:site_name" content="Site Name, i.e. Moz" />
<meta property="article:published_time" content="2013-09-17T05:59:00+01:00" />
<meta property="article:modified_time" content="2013-09-16T19:08:47+01:00" />
<meta property="article:section" content="Article Section" />
<meta property="article:tag" content="Article Tag" />
<meta property="fb:admins" content="Facebook numberic ID" />
social  webdev  dev  web 
6 days ago
« earlier      
3d _client _drove ai algorithm algorithms amazon analytics android animation api app appdev apple apps ar architecture arizona art assets audio aws azure bestpractices bitcoin biz blog book bookmarks_bar books bs business c c# c++ cartoon charts cloud cms code comic comics core crypto cryptocurrency cs css culture currency data db design dev development devops digsig docs dotnet draw drawcode drawing drawk drawlabs drawlogic drugs dsig economics economy editor education effects emortgage engine escrowtab ethereum finance financial font fonts food framework fred funny gamdev game gamedev games generator geopolitics glsl google graphics gse hacker health history hn home html html5 http https icon icons identityserver image images interactive internet investing ios javascript jobs js json learning library linux local mac machine-learning machinelearning macos maps markdown market marketing markets math media mers microsoft mismo ml mobile mortgage movies music network networking news node opensource osx pdf performance php policy politics privacy programming psilocybin python react reference remote render rendering research retro rfc russia saas science security shader shaders space ssl standards startups static storage streaming svg technology testing tips tool tools trees tutorial tv ubuntu ui unity unity3d unreal uwp vector video visualization vpn vr web webdesign webdev webgl writing xamarin xml

Copy this bookmark: