Skip to content

Instantly share code, notes, and snippets.

@MicBrain

MicBrain/metatags.html

Last active April 8, 2024 12:53
Show Gist options
  • Save MicBrain/46a9723158307fd30db66a4b2af85411 to your computer and use it in GitHub Desktop.
Save MicBrain/46a9723158307fd30db66a4b2af85411 to your computer and use it in GitHub Desktop.
Download ZIP
The list of useful meta tags used in HTML5 documents.
Raw
metatags.html
<html>
<head>
<!--Recommended Meta Tags-->
<meta charset="utf-8">
<meta name="language" content="english">
<meta http-equiv="content-type" content="text/html">
<meta name="author" content=”Rafayel Mkrtchyan”>
<meta name="designer" content=”Rafayel Mkrtchyan”>
<meta name="publisher" content=”Rafayel Mkrtchyan”>
<meta name="no-email-collection" content="http://www.unspam.com/noemailcollection/">
<!--Search Engine Optimization Meta Tags-->
<title> Rafayel Mkrtchyan - Official Website. </title>
<meta name="description" content="Learn more Rafayel Mkrtchyan, his projects, interests and experience.">
<meta name="keywords" content="Software Engineer,Product Manager,Project Manager,Data Scientist,Computer Scientist">
<meta name=”robots” content=”index,follow”>
<meta name="revisit-after" content="7 days">
<meta name="distribution" content="web">
<meta http-equiv="refresh" content="30">
<meta name=”robots” content=”noodp”>
<!--Optional Meta Tags-->
<meta name="distribution" content="web">
<meta name="web_author" content="Rafayel Mkrtchyan">
<meta name="rating" content="general">
````<meta name="rating" content="safe for kids">
<meta name="subject" content="Personal">
<meta name="title" content="Rafayel Mkrtchyan - Official Website.">
<meta name="copyright" content="Copyright 2016">
<meta name="reply-to" content="rafamian@berkeley.edu">
<meta name="abstract" content="Rafayel Mkrtchyan is an IT strategist, with over 3 years of experience, including software engineering, project management, product development, business operations, and strategy.">
<meta name=”city” content=”San Francisco”>
<meta name=”country” content=”USA”>
<meta name="distribution" content="global">
<meta name="classification" content="Rafayel Mkrtchyan is an IT strategist, with over 3 years of experience, including software engineering, project management, product development, business operations, and strategy.">
<!--Meta Tags for HTML pages on Mobile-->
<meta name="format-detection" content="telephone=yes"/>
<meta name="HandheldFriendly" content="true"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!--http-equiv Tags-->
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
</head>
</html>
@coolfan
Copy link

coolfan commented Apr 14, 2016

I'm so meta even this acronym

@RobertoECruz
Copy link

pretty sweet list

@MicBrain
Copy link
Author

atom12, "classification" is very similar to "description", but you can provide more information in that meta tag. Note that classification doesn't affect your SEO, but "description" does.

@DDN-Shep
Copy link

You have an awful lot of useless meta tags in there; "copyright", "revisit-after", "rating" to name a few ...not to mention that you have some values as well in there. You also have different double-quotation encoding going on there, so if you copy this list, the chances are you are copying the different encoded characters too...

Have a look at these links, many meta tags are included as old habits and though they don't really hurt anything, they add absolutely no value either.
MDN - Obsolete practices to avoid
Google - Web Authoring Statistics: Metadata

@bmherard
Copy link

bmherard commented Nov 4, 2018

Many on the list are outdated if ever really supported by the important search engines. Below are the only ones you really need to worry about these days. Some aren't meta tags but are import to use in HTML content creation.

  1. Language should be included in the opening HTML tag
  2. Title tag unique for every page
  3. Meta charset important for correct rendering in browsers
  4. Meta description is what shows up in search engine results
  5. Robots meta tag only if you use noindex or nofollow
  6. Meta viewport for responsive design
  7. Canonical Tag addresses duplication issues with multiple/similar URLS
  8. Alternative text (Alt) Tag for images
  9. Heading tags for logical content creation with only one h1 per page

@Yu-Shiang
Copy link

Why " <meta name="distribution ..." 3 times??

@omundy
Copy link

omundy commented Aug 4, 2020

You have smart quotes in your code. Also, many of these are "expired" https://www.metatags.org/all-meta-tags-overview/the-expired-metatags/

@junaga
Copy link

junaga commented Nov 18, 2023

dont use this, half of it is wrong. check out these links instead.

https://web.dev/learn/html/
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name
https://getoutofmyhead.dev/
https://wiki.whatwg.org/wiki/MetaExtensions

DM me on discord.com @junaga for help

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment