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