Show Menu
Cheatography

SEO HTML Boilerplate [HTML template SEO Web 2023] Cheat Sheet by

Kickstart your website/ landingpage with this SEO Html(5) Boilerplate. Start at the top! This SEO Html template includes all the tag you'll need

SEO Head tag [IE support]

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie6 ie ltie9 ltie8 no-js" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="ie7 ie ltie9 ltie8 no-js" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie8 ie ltie9 no-js" lang="en"><![endif]-->
<!--[if IE 9 ]><html class="ie9 ie no-js" lang="en"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="no-js" lang="en"><!--<![endif]--><!--<![endif]-->

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><![endif]-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>A awesome title</title>
    <meta name="description" content="Short description of the document (limit to 150 characters)">
    
    <meta property="fb:app_id" content="123456789">
    <meta property="og:url" content="https://example.com/page.html">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Content Title">
    <meta property="og:image" content="https://example.com/image.jpg">
    <meta property="og:image:alt" content="A description of what is in the image (not a caption)">
    <meta property="og:description" content="Description Here">
    <meta property="og:site_name" content="Site Name">
    <meta property="og:locale" content="en_US">
    <meta property="article:author" content="">

    <meta name="ICBM" content="latitude, longitude">
    <meta name="geo.position" content="latitude;longitude">
    <meta name="geo.region" content="country[-state]">
    <meta name="geo.placename" content="city/town">


    <link rel="apple-touch-icon" sizes="57x57" href="templates/images/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="114x114" href="templates/images/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="72x72" href="templates/images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="144x144" href="templates/images/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="60x60" href="templates/images/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="120x120" href="templates/images/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="76x76" href="templates/images/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="152x152" href="templates/images/apple-touch-icon-152x152.png">
    <link rel="icon" type="image/png" href="templates/images/favicon-196x196.png" sizes="196x196">
    <link rel="icon" type="image/png" href="templates/images/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="templates/images/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="templates/images/favicon-16x16.png" sizes="16x16">
    <link rel="icon" type="image/png" href="templates/images/favicon-128.png" sizes="128x128">
    <link rel="icon" type="image/x-icon" href="templates/images/favicon.ico">
    <link rel="shortcut icon" href="templates/images/favicon.ico">
    <meta name="application-name" content="SEOhead">
    <meta name="msapplication-TileColor" content="#FFFFFF">
    <meta name="msapplication-TileImage" content="templates/images/mstile-144x144.png">
    <meta name="msapplication-square70x70logo" content="templates/images/mstile-70x70.png">
    <meta name="msapplication-square150x150logo" content="templates/images/mstile-150x150.png">
    <meta name="msapplication-wide310x150logo" content="templates/images/mstile-310x150.png">
    <meta name="msapplication-square310x310logo" content="templates/images/mstile-310x310.png">

    <!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

    <link href="templates/css/style.min.css" type="text/css" rel="stylesheet">

  </head>
  <body>
  <noscript><div class="js-fail text-center"><p><strong><span>JavaScript</span></strong> is required to run this website. Please turn on <strong><span>JavaScript</span></strong> and refresh the page </p></div></noscript>

<!--[if lt IE 8]><div class="container"><div class="row"><div class="col-md-12 col-sm-12"><p class="alert alert-danger"><small>You are using an outdated browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience.</small></p></div></div></div><![endif]-->


<div class=""></div>
<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "WebSite",
  "name": "SEO HTML Cheatsheet",
  "url": "https://cheatography.com/1080000000kmph/cheat-sheets/seo-html-boilerplate-html-template-seo-web-2023/",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://cheatography.com/explore/search/?q={search_term_string}seo-sheet",
    "query-input": "required name=search_term_string"
  }
}
</script>


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://cheatography.com/1080000000kmph/"
  },
  "headline": "SEO Cheatsheets",
  "description": "Kickstart your website/ landingpage with this SEO Html(5) Boilerplate. Start at the top! This SEO Html template includes all the tag you'll need",
  "image": [
    "https://developers.google.com/static/search/images/google-search-central-logo.svg",
    "https://media.cheatography.com/images/cheatography_logo.png?2"
  ],  
  "author": {
    "@type": "Person",
    "name": "1080000000kmph",
    "url": "https://cheatography.com/1080000000kmph/"
  },  
  "datePublished": "2023-01-28",
  "dateModified": "2023-01-28"
}
</script>
</body>
</html>
Under constr­uction!

SEO HTML head tags

<!DOCTYPE html>
<!--[if lt IE 7 ]> <html  class="ie6 ie ltie9 ltie8 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]><html  class="ie7 ie ltie9 ltie8 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html  class="ie8 ie ltie9 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html  class="ie9 ie no-js" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="no-js" lang="en">
  <!--<![endif]-->
  <head>
    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><![endif]-->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>$(string)</title>
    <meta name="description" content="$(string)">
    <meta name="author" content="$(string)">
    <meta name="google-site-verification" content="$(string)" />
    <meta name="msvalidate.01" content="$(string)">
    <meta property="og:title" content="$(string)">
    <meta property="og:description" content="$(string)">
    <meta property="og:site_name" content="$(string)">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="en_EN">
    <meta property="og:url" content="$(string.url)">
    <link rel="canonical" href="$(string.url)/index.html">
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="$(string.url)/recentfeed/frenchco/rss/" />
    <link rel="alternate" type="text/xml" title="RSS 1.0" href="$(string.url)/recentfeed/frenchco/rss1.0/" />
    <link rel="alternate" type="text/xml" title="XML stream info" href="$(string.url)/rpc/frenchco/streaminfo.get?x=1" />
    <link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="$(string.url)/recentfeed/frenchco/atom/" />
    <link rel="shortcut icon" href="$(string.url)/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="$(string.url)/apple-touch-icon-57x57.png"/>
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="$(string.url)/apple-touch-icon-114x114.png"/>
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="$(string.url)/apple-touch-icon-72x72.png"/>
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="$(string.url)/apple-touch-icon-144x144.png"/>
    <link rel="apple-touch-icon-precomposed" sizes="60x60" href="$(string.url)/apple-touch-icon-60x60.png"/>
    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="$(string.url)/apple-touch-icon-120x120.png"/>
    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="$(string.url)/apple-touch-icon-76x76.png"/>
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="$(string.url)/apple-touch-icon-152x152.png"/>
    <link rel="icon" type="image/png" href="$(string.url)/favicon-196x196.png" sizes="196x196"/>
    <link rel="icon" type="image/png" href="$(string.url)/favicon-96x96.png" sizes="96x96"/>
    <link rel="icon" type="image/png" href="$(string.url)/favicon-32x32.png" sizes="32x32"/>
    <link rel="icon" type="image/png" href="$(string.url)/favicon-16x16.png" sizes="16x16"/>
    <link rel="icon" type="image/png" href="$(string.url)/favicon-128.png" sizes="128x128"/>
    <meta name="application-name" content="$(string)"/>
    <meta name="msapplication-TileColor" content="#FFFFFF"/>
    <meta name="msapplication-TileImage" content="$(string.url)/mstile-144x144.png"/>
    <meta name="msapplication-square70x70logo" content="$(string.url)/mstile-70x70.png"/>
    <meta name="msapplication-square150x150logo" content="$(string.url)/mstile-150x150.png"/>
    <meta name="msapplication-wide310x150logo" content="$(string.url)/mstile-310x150.png"/>
    <meta name="msapplication-square310x310logo" content="$(string.url)/mstile-310x310.png"/>
    
    <link rel="stylesheet" href="$(string.url)/assets/css/main.min.css" type="text/css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
    <!--[if lte IE 8]><link rel="stylesheet" href="$(string.url)/assets/css/ie8.css" /><![endif]-->
    <!--[if lte IE 9]><link rel="stylesheet" href="$(string.url)/assets/css/ie9.css" /><![endif]-->
    <!--[if lte IE 8]><script src="$(string.url)/assets/js/ie/html5shiv.js"></script><![endif]-->

  </head>
  
</html>

SEO HTML HEAD list

<meta name="ICBM" content="latitude, longitude">
<meta name="geo.position" content="latitude;longitude">
<meta name="geo.region" content="country[-state]"> 
<meta name="geo.placename" content="city/town">

<meta name="subject" content="your document's subject">
<meta name="rating" content="General">
<meta name="referrer" content="no-referrer">
<meta name="format-detection" content="telephone=no">

<meta http-equiv="x-dns-prefetch-control" content="off">

<meta name="robots" content="index,follow">
<meta name="googlebot" content="index,follow">
<meta name="google" content="notranslate">

<meta name="google-site-verification" content="verification_token"><!-- Google Search Console -->
<meta name="yandex-verification" content="verification_token"><!-- Yandex Webmasters -->
<meta name="msvalidate.01" content="verification_token"><!-- Bing Webmaster Center -->
<meta name="alexaVerifyID" content="verification_token"><!-- Alexa Console -->
<meta name="p:domain_verify" content="code_from_pinterest"><!-- Pinterest Console-->
<meta name="norton-safeweb-site-verification" content="norton_code"><!-- Norton Safe Web -->

<meta property="og:title" content="${seoData.title}" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.puntjepuntje.nl" />
<meta property="og:image" content="android-icon-192x192.png" />
<meta property="og:site_name" content="${seoData.title}" />
<meta property="og:description" content="${seoData.description}" />
<meta property="og:locale" content="${currentLanguage.isocode}" />

<meta property="og:type" content="article">
<meta property="og:title" content="Fancy text converter">
<meta property="og:site_name" content="Text Fancy">
<meta property="og:url" content="https://textfancy.com/font-converter/">
<meta property="og:image" content="https://textfancy.com/img/og.jpg">
<meta property="article:published_time" content="2023-01-01">
<meta property="article:author" content="https://www.facebook.com/Text-Fancy/">

<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="https://htmlcheatsheet.com/seo/">
<meta name="twitter:title" content="SEO Cheat Sheet">
<meta name="twitter:creator" content="@RuwixCube">
<meta name="twitter:description" content="Short description comes here.">
<meta name="twitter:image" content="https://htmlcheatsheet.com/seo/seo-cheat-sheet.jpg">

<link rel="canonical" href="http://www.example.com/page.html">

<link rel="apple-touch-icon" sizes="57x57" href="apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192"  href="android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />

<link rel="search" href="/open-search.xml" type="application/opensearchdescription+xml" title="Search Title">

<link rel="alternate" href="https://feeds.feedburner.com/example" type="application/rss+xml" title="RSS">
<link rel="alternate" href="https://example.com/feed.atom" type="application/atom+xml" title="Atom 0.3">

<link rel="dns-prefetch" href="//example.com/">
<link rel="preconnect" href="https://www.example.com/">
<link rel="prefetch" href="https://www.example.com/">
<link rel="prerender" href="https://example.com/">
<link rel="preload" href="image.png" as="image">

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="manifest" href="manifest.json" />
                               
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          More Cheat Sheets by 1080000000kmph

          htaccess at its best! Cheat Sheet