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
<!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><!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><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" />No comments yet.
Cheatography n. The art of mapping complex subjects into clear, instantly navigable reference guides.