Seo & Social Meta Tags

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="">

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


<link rel="canonical" href="" />

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

Meta Social

<!-- Open Graph data -->
<meta property=”og:title” content=”The Title” />
<meta property=”og:url” content=”” />
<meta property=”og:description” content=”The Description” />
<meta property=”og:image” content=”” />
<meta property=”og:type” content=”article” />


<meta name=”twitter:card” content=”summary_large_image” />
<meta name=”twitter:title” content=” The title” />
<meta name=”twitter:url” content=”” />
<meta name=”twitter:description” content=”The Description” />
<meta name=”twitter:image” content=”” />


<meta itemprop="name" content="The Title">
<meta itemprop="description" content="The Description"><meta itemprop="image" content="">

Subscribe to You Live What You Learn

Don’t miss out on the latest issues. Sign up now to get access to the library of members-only issues.
[email protected]