Seo & Social Meta Tags

Fedrianto Ramadhan -

Meta Titles

Will be listing the basic meta tags that we should be adding to every website

<title>This is the title of the page.</title>

  • Write a unique title tag for each page;
  • Be brief, but descriptive;
  • Avoid generic and vague titles;
  • Use sentence case or title case;
  • Create something click-worthy—not clickbait;
  • Match search intent;
  • Include your target keyword where it makes sense;
  • Keep it under 60 characters.

Meta Description

<meta name="description" content="Place the meta description text here.">

  • Write a unique description for each page;
  • Try to summarize content accurately;
  • Avoid generic descriptions;
  • Use sentence case;
  • Create something click-worthy, not clickbait;
  • Match search intent;
  • Include your target keyword where it makes sense;
  • Keep it under 160 characters

Meta robots

<meta name=”robots” content="index, follow">

  • Use meta robots tags only when you want to restrict the way Google crawls a page;
  • Don’t block pages with meta robots tags in robots.txt;

Meta viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Meta charset

<meta charset=UTF-8">

  • Use the meta charset tag on all webpages;
  • Use UTF‑8 where possible;
  • Use the correct syntax for your HTML version (see below).

Meta refresh redirect (only if needed)

A meta refresh tag tells the web browser to redirect the user to a different URL after a set amount of time.

<meta http-equiv="refresh" content="5;url="https://example.com/">

  • Avoid meta refresh redirect tags unless absolutely necessary;
  • Use a 301 redirect instead.

Canonical

<link rel="canonical" href="https://www.domain.com" />

  • Use this for pagination
  • If none just use your current page without parameters get

Meta Social

Facebook

https://developers.facebook.com/tools/debug/
<!-- Open Graph data -->
<meta property=”og:title” content=”The Title” />
<meta property=”og:url” content=”http://www.domain.com/slug” />
<meta property=”og:description” content=”The Description” />
<meta property=”og:image” content=”http://www.domain.com/image.jpg” />
<meta property=”og:type” content=”article” />

Twitter

https://dev.twitter.com/docs/cards/validation/validator

<meta name=”twitter:card” content=”summary_large_image” />
<meta name=”twitter:title” content=” The title” />
<meta name=”twitter:url” content=”http://www.domain.com/slug” />
<meta name=”twitter:description” content=”The Description” />
<meta name=”twitter:image” content=”http://www.domain.com/img.jpg” />

Gplus

http://www.google.com/webmasters/tools/richsnippets

<meta itemprop="name" content="The Title">
<meta itemprop="description" content="The Description"><meta itemprop="image" content="http://www.domain.com/slug">