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://cheatseheet.pages.dev/1080000000kmph/cheat-sheets/seo-html-boilerplate-html-template-seo-web-2023/",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://cheatseheet.pages.dev/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://cheatseheet.pages.dev/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://cheatseheet.pages.dev/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
           
          Advertisement