Posted on

Webpages and Social MetaTags

What is it all about?

Creating a website which is optimized for Google+, Facebook, Twitter, … is pretty useful for SEO. Here a template for a web page with all necessary tags.

<!-- Open Graph data -->
<meta property="fb:app_id" content="app-id" />
<meta property="article:publisher" content="http://www.example.com">
<meta property="og:title" content="Page Title" />
<meta property="og:description" content="At least two sentences." />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.example.com/full-url-link.html" />
<meta property="og:image" content="http://www.example.com/image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:site_name" content="Name of the site" />

og:title

Use “website” or “article” as content

og:image:width, og:image:height

Especially important for facebook to specify it to have a proper image display when sharing the site.

Links

Here some usefule links how to make your webpage good for social:

Must Have for social meta tags

9 Social Network Meta Tags

Social Meta Tags Explained

Facebook Best Practices