HTML – Basic Meta Tags

Share

Basic HTML Meta Tags

<meta charset="UTF-8">
<meta name="keywords" content="your, tags">
<meta name="description" content="150 words">
<meta name="subject" content="your site subject">
<meta name="copyright" content="© Copyright company name">
<meta name="language" content="EN">
<meta name="robots" content="index,follow">
<meta name="revised" content="Saturday, March 05th, 2022, 3:25 pm">
<meta name="abstract" content="">
<meta name="topic" content="">
<meta name="summary" content="">
<meta name="Classification" content="Blog">
<meta name="author" content="name, [email protected]">
<meta name="designer" content="Brightwhiz">
<meta name="reply-to" content="[email protected]">
<meta name="owner" content="Brightwhiz">
<meta name="url" content="https://www.brightwhiz.com">
<meta name="identifier-URL" content="https://www.brightwhiz.com">
<meta name="directory" content="submission">
<meta name="pagename" content="jQuery Tools, Tutorials and Resources - O'Reilly Media">
<meta name="category" content="">
<meta name="coverage" content="Worldwide">
<meta name="distribution" content="Global">
<meta name="rating" content="General">
<meta name="revisit-after" content="7 days">
<meta name="subtitle" content="This is my page subtitle">
<meta name="target" content="all">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="360">
<meta name="date" content="Mar. 05, 2022">
<meta name="search_date" content="2022-03-05">
<meta name="DC.title" content="Bright Day Today">
<meta name="ResourceLoaderDynamicStyles" content="">
<meta name="medium" content="blog">
<meta name="syndication-source" content="https://www.brightwhiz.com/path/to/source">
<meta name="original-source" content="https://www.brightwhiz.com/path/to/source">
<meta name="verify-v1" content="fCDx/XdEdSaI+fK+J6iDEl6o+BvVbSu0kv18OpYhGtc=">
<meta name="y_key" content="1ef4cd524fea7bcf">
<meta name="pageKey" content="guest-home">
<meta itemprop="name" content="jQTouch">
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="x-dns-prefetch-control" content="off">

OpenGraph Meta Tags

<meta name="og:title" content="The Post Title">
<meta name="og:type" content="blog">
<meta name="og:url" content="https://www.brightwhiz.com/path/to/source">
<meta name="og:image" content="https://www.brightwhiz.com/path/to/source/image.jpg">
<meta name="og:site_name" content="Brightwhiz">
<meta name="og:description" content="The site description...">

<meta name="fb:page_id" content="56985214523">
<meta name="application-name" content="Brightwhiz">
<meta name="og:email" content="[email protected]">
<meta name="og:phone_number" content="470-000-000">
<meta name="og:fax_number" content="+1-470-000-0000">

<meta name="og:latitude" content="37.416343">
<meta name="og:longitude" content="-122.153013">
<meta name="og:street-address" content="Robert Trent Parkway">
<meta name="og:locality" content="Orlando">
<meta name="og:region" content="FL">
<meta name="og:postal-code" content="32819">
<meta name="og:country-name" content="USA">

<meta property="fb:admins" content="569823651">
<meta property="og:type" content="game.achievement">
<meta property="og:points" content="POINTS_FOR_ACHIEVEMENT">

<meta property="og:video" content="http://example.com/some.mp4">
<meta property="og:video:height" content="640">
<meta property="og:video:width" content="385">
<meta property="og:video:type" content="application/mp4">
<meta property="og:video" content="http://example.com/html5.mp4">
<meta property="og:video:type" content="video/mp4">
<meta property="og:video" content="http://example.com/fallback.ogg">
<meta property="og:video:type" content="video/ogg">

<meta property="og:audio" content="http://example.com/some.mp3">
<meta property="og:audio:title" content="Bright Song">
<meta property="og:audio:artist" content="Bright Band">
<meta property="og:audio:album" content="Bright Album">
<meta property="og:audio:type" content="application/mp3">

Create Custom Meta Tags

Use custom meta tags to store data that you need in Javascript, instead of hard-coding that data into your Javascript such as Google Analytics, etc. Here are some examples:

<meta name="google-analytics" content="1-XXXXXXX">
<meta name="disqus" content="abcdefg">
<meta name="uservoice" content="abcdefghj">
<meta name="mixpanel" content="abcdefghj">

Company/Service Meta Tags

ClaimID

<meta name="microid" content="mailto+http:sha1:e6058ed7fca4a1921cq91d7f1f3b8736cd3cc1g7">
<meta name="readability-verification" content="E7aEHvVQpWc8VHDqKvaB2Z58hek2EAv2HuLuegv7">
<meta name="google-site-verification" content="4SMIedO1X4IkYrYuhEC2VuovdQM36Xxb0btUjElqQyg">
<meta name="ICBM" content="38.42362, -68.85692">
<meta name="generator" content="WordPress 5.9.1">
<meta name="norton-safeweb-site-verification" content="tz8iotmk-pkhui406y41y5bfmfxdwmaa4a-yc0hm6r0fga7s6j0j27qmgqkmc7oovihzghbzhbdjk-uiyrz438nxsjdbj3fggwgl8oq2nf4ko8gi7j4z7t78kegbidl4">

Apple Meta Tags

<meta name="apple-mobile-web-app-title" content="My App"> <!-- New in iOS6 -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width;width=320;initial-scale=1.0;maximum-scale=1.0;user-scalable=yes;target-densitydpi=160dpi">

<link href="/apple-touch-icon.png" rel="apple-touch-icon" type="image/png">
<link href="touch-icon-ipad.png" rel="apple-touch-icon" sizes="72x72">
<link href="touch-icon-iphone4.png" rel="apple-touch-icon" sizes="114x114">
<link href="/startup.png" rel="apple-touch-startup-image">
<link href="http://example.com/images/touch-icon-iphone4.png" sizes="114x114" rel="apple-touch-icon-precomposed">
<link href="http://example.com/images/touch-icon-ipad.png" sizes="72x72" rel="apple-touch-icon-precomposed">
<link href="http://example.com/images/apple-touch-icon-57x57.png" sizes="57x57" rel="apple-touch-icon-precomposed">

Internet Explorer Meta Tags

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2.0,Transition=2)">
<meta http-equiv="Page-Exit" content="RevealTrans(Duration=3.0,Transition=12)">
<meta name="mssmarttagspreventparsing" content="true">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"/>
<meta name="msapplication-starturl" content="https://brightwhiz.com/about/">
<meta name="msapplication-window" content="width=800;height=600">
<meta name="msapplication-navbutton-color" content="red">
<meta name="application-name" content="Brightwhiz">
<meta name="msapplication-tooltip" content="Brightwhiz">
<meta name="msapplication-task" content="name=About;action-uri=/about/;icon-uri=/images/about.ico">
<meta name="msapplication-task" content="name=The Big List;action-uri=/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/;icon-uri=/images/list_links.ico">
<meta name="msapplication-task" content="name=jQuery Posts;action-uri=/category/jquery/;icon-uri=/images/jquery.ico">
<meta name="msapplication-task" content="name=Start Developing;action-uri=/category/javascript/;icon-uri=/images/script.ico">
<meta name="msvalidate.01" content="6E3AD52DC176461A3C81DD6E98003BC9">
<meta http-equiv="cleartype" content="on"> 
<link rel="shortcut icon" href="/images/favicon.ico">

TweetMeme Meta Tags

<meta name="tweetmeme-title" content="Retweet Button Explained">

Google Meta Tags

<meta name="news_keywords" content="Tesla, Space Telescope, Environment, Solar, Energy">

Blog Catalog Meta Tags

<meta name="blogcatalog">

Rails Meta Tags

<meta name="csrf-param" content="authenticity_token">
<meta name="csrf-token" content="/bZVwvomkAnwAI1Qd37lFeewvpOIiackk9121fFwWwc=">

HTML Link Tags

<link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/brightwhiz">
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="https://example.com/feed.atom">
<link rel="shortcut icon" type="image/ico" href="/favicon.ico">
<link rel="fluid-icon" type="image/png" href="/fluid-icon.png">
<link rel="me" type="text/html" href="http://google.com/profiles/brightwhiz">
<link rel="shortlink" href="http://blog.unto.net/?p=353">
<link rel="archives" title="May 2018" href="http://brightwhiz.com/2018/05/">
<link rel="index" title="brightwhiz" href="http://brightwhiz.com/">
<link rel="start" title="Pattern Recognition 1" href="http://example.com/photos/pattern_recognition_1_about/">
<link rel="bookmark" title="Styleguide" href="https://example.com/about/styleguide/">
<link rel="search" href="/search.xml" type="application/opensearchdescription+xml" title="Viatropos">

<link rel="self" type="application/atom+xml" href="http://example.com/atomFeed.php?page=3">
<link rel="first" href="https://brightwhiz.com/atomFeed.php">
<link rel="next" href="https://brightwhiz.com/atomFeed.php?page=4">
<link rel="previous" href="https://brightwhiz.com/atomFeed.php?page=2">
<link rel="last" href="https://brightwhiz.com/atomFeed.php?page=147">

<link rel="canonical" href="http://example.com/path/to/post">
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://brightwhiz.com/xmlrpc.php?rsd">
<link rel="pingback" href="http://example.com/xmlrpc.php">
<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="http://example.com/style/iphone.css" type="text/css">
<link rel="wlwmanifest" href="http://example.com/wp-includes/wlwmanifest.xml" type="application/wlwmanifest+xml">

Share