\documentclass[10pt,a4paper]{article}

% Packages
\usepackage{fancyhdr}           % For header and footer
\usepackage{multicol}           % Allows multicols in tables
\usepackage{tabularx}           % Intelligent column widths
\usepackage{tabulary}           % Used in header and footer
\usepackage{hhline}             % Border under tables
\usepackage{graphicx}           % For images
\usepackage{xcolor}             % For hex colours
%\usepackage[utf8x]{inputenc}    % For unicode character support
\usepackage[T1]{fontenc}        % Without this we get weird character replacements
\usepackage{colortbl}           % For coloured tables
\usepackage{setspace}           % For line height
\usepackage{lastpage}           % Needed for total page number
\usepackage{seqsplit}           % Splits long words.
%\usepackage{opensans}          % Can't make this work so far. Shame. Would be lovely.
\usepackage[normalem]{ulem}     % For underlining links
% Most of the following are not required for the majority
% of cheat sheets but are needed for some symbol support.
\usepackage{amsmath}            % Symbols
\usepackage{MnSymbol}           % Symbols
\usepackage{wasysym}            % Symbols
%\usepackage[english,german,french,spanish,italian]{babel}              % Languages

% Document Info
\author{1080000000kmph (1080000000kmph)}
\pdfinfo{
  /Title (seo-html-boilerplate-html-template-seo-web-2023.pdf)
  /Creator (Cheatography)
  /Author (1080000000kmph (1080000000kmph))
  /Subject (SEO HTML Boilerplate {[}HTML template SEO Web 2023{]} Cheat Sheet)
}

% Lengths and widths
\addtolength{\textwidth}{6cm}
\addtolength{\textheight}{-1cm}
\addtolength{\hoffset}{-3cm}
\addtolength{\voffset}{-2cm}
\setlength{\tabcolsep}{0.2cm} % Space between columns
\setlength{\headsep}{-12pt} % Reduce space between header and content
\setlength{\headheight}{85pt} % If less, LaTeX automatically increases it
\renewcommand{\footrulewidth}{0pt} % Remove footer line
\renewcommand{\headrulewidth}{0pt} % Remove header line
\renewcommand{\seqinsert}{\ifmmode\allowbreak\else\-\fi} % Hyphens in seqsplit
% This two commands together give roughly
% the right line height in the tables
\renewcommand{\arraystretch}{1.3}
\onehalfspacing

% Commands
\newcommand{\SetRowColor}[1]{\noalign{\gdef\RowColorName{#1}}\rowcolor{\RowColorName}} % Shortcut for row colour
\newcommand{\mymulticolumn}[3]{\multicolumn{#1}{>{\columncolor{\RowColorName}}#2}{#3}} % For coloured multi-cols
\newcolumntype{x}[1]{>{\raggedright}p{#1}} % New column types for ragged-right paragraph columns
\newcommand{\tn}{\tabularnewline} % Required as custom column type in use

% Font and Colours
\definecolor{HeadBackground}{HTML}{333333}
\definecolor{FootBackground}{HTML}{666666}
\definecolor{TextColor}{HTML}{333333}
\definecolor{DarkBackground}{HTML}{45E30B}
\definecolor{LightBackground}{HTML}{F3FDEF}
\renewcommand{\familydefault}{\sfdefault}
\color{TextColor}

% Header and Footer
\pagestyle{fancy}
\fancyhead{} % Set header to blank
\fancyfoot{} % Set footer to blank
\fancyhead[L]{
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{C}
    \SetRowColor{DarkBackground}
    \vspace{-7pt}
    {\parbox{\dimexpr\textwidth-2\fboxsep\relax}{\noindent
        \hspace*{-6pt}\includegraphics[width=5.8cm]{/web/www.cheatography.com/public/images/cheatography_logo.pdf}}
    }
\end{tabulary}
\columnbreak
\begin{tabulary}{11cm}{L}
    \vspace{-2pt}\large{\bf{\textcolor{DarkBackground}{\textrm{SEO HTML Boilerplate {[}HTML template SEO Web 2023{]} Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{1080000000kmph (1080000000kmph)} via \textcolor{DarkBackground}{\uline{cheatography.com/93332/cs/36624/}}}
\end{tabulary}
\end{multicols}}

\fancyfoot[L]{ \footnotesize
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{LL}
  \SetRowColor{FootBackground}
  \mymulticolumn{2}{p{5.377cm}}{\bf\textcolor{white}{Cheatographer}}  \\
  \vspace{-2pt}1080000000kmph (1080000000kmph) \\
  \uline{cheatography.com/1080000000kmph} \\
        \uline{\seqsplit{www}.seo-experts-score.nl}
  \end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}}  \\
   \vspace{-2pt}Published 28th January, 2023.\\
   Updated 20th February, 2023.\\
   Page {\thepage} of \pageref{LastPage}.
\end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Sponsor}}  \\
  \SetRowColor{white}
  \vspace{-5pt}
  %\includegraphics[width=48px,height=48px]{dave.jpeg}
  Measure your website readability!\\
  www.readability-score.com
\end{tabulary}
\end{multicols}}




\begin{document}
\raggedright
\raggedcolumns

% Set font size to small. Switch to any value
% from this page to resize cheat sheet text:
% www.emerson.emory.edu/services/latex/latex_169.html
\footnotesize % Small font.


\begin{tabularx}{17.67cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{17.67cm}}{\bf\textcolor{white}{SEO Head tag {[}IE support{]}}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{17.67cm}}{\textless{}!DOCTYPE html\textgreater{} \newline \textless{}!-{}-{[}if lt IE 7 {]}\textgreater{}\textless{}html class="ie6 ie ltie9 ltie8 no-js" lang="en"\textgreater{}\textless{}!{[}endif{]}-{}-\textgreater{} \newline \textless{}!-{}-{[}if IE 7 {]}\textgreater{}\textless{}html class="ie7 ie ltie9 ltie8 no-js" lang="en"\textgreater{}\textless{}!{[}endif{]}-{}-\textgreater{} \newline \textless{}!-{}-{[}if IE 8 {]}\textgreater{}\textless{}html class="ie8 ie ltie9 no-js" lang="en"\textgreater{}\textless{}!{[}endif{]}-{}-\textgreater{} \newline \textless{}!-{}-{[}if IE 9 {]}\textgreater{}\textless{}html class="ie9 ie no-js" lang="en"\textgreater{}\textless{}!{[}endif{]}-{}-\textgreater{} \newline \textless{}!-{}-{[}if (gt IE 9)|!(IE){]}\textgreater{}\textless{}!-{}-\textgreater{} \newline \textless{}html class="no-js" lang="en"\textgreater{}\textless{}!-{}-\textless{}!{[}endif{]}-{}-\textgreater{}\textless{}!-{}-\textless{}!{[}endif{]}-{}-\textgreater{} \newline  \newline \textless{}head\textgreater{} \newline     \textless{}meta \seqsplit{http-equiv="content-type"} content="text/html; charset=UTF-8"\textgreater{} \newline     \textless{}!-{}-{[}if IE{]}\textgreater{}\textless{}meta \seqsplit{http-equiv="X-UA-Compatible"} content="IE=edge,chrome=1" /\textgreater{}\textless{}!{[}endif{]}-{}-\textgreater{} \newline     \textless{}meta charset="utf-8"\textgreater{} \newline     \textless{}meta name="viewport" \seqsplit{content="width=device-width}, initial-scale=1"\textgreater{} \newline     \textless{}title\textgreater{}A awesome title\textless{}/title\textgreater{} \newline     \textless{}meta name="description" content="Short description of the document (limit to 150 characters)"\textgreater{} \newline      \newline     \textless{}meta property="fb:app\_id" content="123456789"\textgreater{} \newline     \textless{}meta property="og:url" \seqsplit{content="https://example.com/page}.html"\textgreater{} \newline     \textless{}meta property="og:type" content="website"\textgreater{} \newline     \textless{}meta property="og:title" content="Content Title"\textgreater{} \newline     \textless{}meta property="og:image" \seqsplit{content="https://example.com/image}.jpg"\textgreater{} \newline     \textless{}meta property="og:image:alt" content="A description of what is in the image (not a caption)"\textgreater{} \newline     \textless{}meta \seqsplit{property="og:description"} content="Description Here"\textgreater{} \newline     \textless{}meta property="og:site\_name" content="Site Name"\textgreater{} \newline     \textless{}meta property="og:locale" content="en\_US"\textgreater{} \newline     \textless{}meta \seqsplit{property="article:author"} content=""\textgreater{} \newline  \newline     \textless{}meta name="ICBM" content="latitude, longitude"\textgreater{} \newline     \textless{}meta name="geo.position" content="latitude;longitude"\textgreater{} \newline     \textless{}meta name="geo.region" content="country{[}-state{]}"\textgreater{} \newline     \textless{}meta name="geo.placename" content="city/town"\textgreater{} \newline  \newline  \newline     \textless{}link rel="apple-touch-icon" sizes="57x57" \seqsplit{href="templates/images/apple-touch-icon-57x57}.png"\textgreater{} \newline     \textless{}link rel="apple-touch-icon" sizes="114x114" \seqsplit{href="templates/images/apple-touch-icon-114x114}.png"\textgreater{} \newline     \textless{}link rel="apple-touch-icon" sizes="72x72" \seqsplit{href="templates/images/apple-touch-icon-72x72}.png"\textgreater{} \newline     \textless{}link rel="apple-touch-icon" sizes="144x144" \seqsplit{href="templates/images/apple-touch-icon-144x144}.png"\textgreater{} \newline     \textless{}link rel="apple-touch-icon" sizes="60x60" \seqsplit{href="templates/images/apple-touch-icon-60x60}.png"\textgreater{} \newline     \textless{}link rel="apple-touch-icon" sizes="120x120" \seqsplit{href="templates/images/apple-touch-icon-120x120}.png"\textgreater{} \newline     \textless{}link rel="apple-touch-icon" sizes="76x76" \seqsplit{href="templates/images/apple-touch-icon-76x76}.png"\textgreater{} \newline     \textless{}link rel="apple-touch-icon" sizes="152x152" \seqsplit{href="templates/images/apple-touch-icon-152x152}.png"\textgreater{} \newline     \textless{}link rel="icon" type="image/png" \seqsplit{href="templates/images/favicon-196x196}.png" sizes="196x196"\textgreater{} \newline     \textless{}link rel="icon" type="image/png" \seqsplit{href="templates/images/favicon-96x96}.png" sizes="96x96"\textgreater{} \newline     \textless{}link rel="icon" type="image/png" \seqsplit{href="templates/images/favicon-32x32}.png" sizes="32x32"\textgreater{} \newline     \textless{}link rel="icon" type="image/png" \seqsplit{href="templates/images/favicon-16x16}.png" sizes="16x16"\textgreater{} \newline     \textless{}link rel="icon" type="image/png" \seqsplit{href="templates/images/favicon-128}.png" sizes="128x128"\textgreater{} \newline     \textless{}link rel="icon" type="image/x-icon" \seqsplit{href="templates/images/favicon}.ico"\textgreater{} \newline     \textless{}link rel="shortcut icon" \seqsplit{href="templates/images/favicon}.ico"\textgreater{} \newline     \textless{}meta name="application-name" content="SEOhead"\textgreater{} \newline     \textless{}meta \seqsplit{name="msapplication-TileColor"} content="\#FFFFFF"\textgreater{} \newline     \textless{}meta \seqsplit{name="msapplication-TileImage"} \seqsplit{content="templates/images/mstile-144x144}.png"\textgreater{} \newline     \textless{}meta \seqsplit{name="msapplication-square70x70logo"} \seqsplit{content="templates/images/mstile-70x70}.png"\textgreater{} \newline     \textless{}meta \seqsplit{name="msapplication-square150x150logo"} \seqsplit{content="templates/images/mstile-150x150}.png"\textgreater{} \newline     \textless{}meta \seqsplit{name="msapplication-wide310x150logo"} \seqsplit{content="templates/images/mstile-310x150}.png"\textgreater{} \newline     \textless{}meta \seqsplit{name="msapplication-square310x310logo"} \seqsplit{content="templates/images/mstile-310x310}.png"\textgreater{} \newline  \newline     \textless{}!-{}-{[}if lt IE 9{]}\textgreater{} \newline \textless{}script \seqsplit{src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min}.js"\textgreater{}\textless{}/script\textgreater{} \newline \textless{}script \seqsplit{src="https://oss.maxcdn.com/respond/1.4.2/respond.min}.js"\textgreater{}\textless{}/script\textgreater{} \newline \textless{}!{[}endif{]}-{}-\textgreater{} \newline  \newline     \textless{}link \seqsplit{href="templates/css/style}.min.css" type="text/css" rel="stylesheet"\textgreater{} \newline  \newline   \textless{}/head\textgreater{} \newline   \textless{}body\textgreater{} \newline   \textless{}noscript\textgreater{}\textless{}div class="js-fail text-center"\textgreater{}\textless{}p\textgreater{}\textless{}strong\textgreater{}\textless{}span\textgreater{}JavaScript\textless{}/span\textgreater{}\textless{}/strong\textgreater{} is required to run this website. Please turn on \textless{}strong\textgreater{}\textless{}span\textgreater{}JavaScript\textless{}/span\textgreater{}\textless{}/strong\textgreater{} and refresh the page \textless{}/p\textgreater{}\textless{}/div\textgreater{}\textless{}/noscript\textgreater{} \newline  \newline \textless{}!-{}-{[}if lt IE 8{]}\textgreater{}\textless{}div class="container"\textgreater{}\textless{}div class="row"\textgreater{}\textless{}div class="col-md-12 col-sm-12"\textgreater{}\textless{}p class="alert alert-danger"\textgreater{}\textless{}small\textgreater{}You are using an outdated browser. Please \textless{}a \seqsplit{href="https://browsehappy}.com/"\textgreater{}upgrade your browser\textless{}/a\textgreater{} to improve your experience.\textless{}/small\textgreater{}\textless{}/p\textgreater{}\textless{}/div\textgreater{}\textless{}/div\textgreater{}\textless{}/div\textgreater{}\textless{}!{[}endif{]}-{}-\textgreater{} \newline  \newline  \newline \textless{}div class=""\textgreater{}\textless{}/div\textgreater{} \newline \textless{}script type="application/ld+json"\textgreater{} \newline \{ \newline   "@context": "https://schema.org/", \newline   "@type": "WebSite", \newline   "name": "SEO HTML Cheatsheet", \newline   "url": \seqsplit{"https://cheatography.com/1080000000kmph/cheat-sheets/seo-html-boilerplate-html-template-seo-web-2023/"}, \newline   "potentialAction": \{ \newline     "@type": "SearchAction", \newline     "target": \seqsplit{"https://cheatography.com/explore/search/}?q=\{search\_term\_string\}seo-sheet", \newline     "query-input": "required \seqsplit{name=search\_term\_string"} \newline   \} \newline \} \newline \textless{}/script\textgreater{} \newline  \newline  \newline \textless{}script type="application/ld+json"\textgreater{} \newline \{ \newline   "@context": "https://schema.org", \newline   "@type": "Article", \newline   "mainEntityOfPage": \{ \newline     "@type": "WebPage", \newline     "@id": \seqsplit{"https://cheatography.com/1080000000kmph/"} \newline   \}, \newline   "headline": "SEO Cheatsheets", \newline   "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", \newline   "image": {[} \newline     \seqsplit{"https://developers.google.com/static/search/images/google-search-central-logo.svg"}, \newline     \seqsplit{"https://media.cheatography.com/images/cheatography\_logo.png?2"} \newline   {]},   \newline   "author": \{ \newline     "@type": "Person", \newline     "name": "1080000000kmph", \newline     "url": \seqsplit{"https://cheatography.com/1080000000kmph/"} \newline   \},   \newline   "datePublished": "2023-01-28", \newline   "dateModified": "2023-01-28" \newline \} \newline \textless{}/script\textgreater{} \newline \textless{}/body\textgreater{} \newline \textless{}/html\textgreater{}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{17.67cm}}{Under construction!}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

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

\begin{tabularx}{17.67cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{17.67cm}}{\bf\textcolor{white}{SEO HTML HEAD list}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{17.67cm}}{\textless{}meta name="ICBM" content="latitude, longitude"\textgreater{} \newline \textless{}meta name="geo.position" content="latitude;longitude"\textgreater{} \newline \textless{}meta name="geo.region" content="country{[}-state{]}"\textgreater{}  \newline \textless{}meta name="geo.placename" content="city/town"\textgreater{} \newline  \newline \textless{}meta name="subject" content="your document's subject"\textgreater{} \newline \textless{}meta name="rating" content="General"\textgreater{} \newline \textless{}meta name="referrer" content="no-referrer"\textgreater{} \newline \textless{}meta name="format-detection" content="telephone=no"\textgreater{} \newline  \newline \textless{}meta \seqsplit{http-equiv="x-dns-prefetch-control"} content="off"\textgreater{} \newline  \newline \textless{}meta name="robots" content="index,follow"\textgreater{} \newline \textless{}meta name="googlebot" content="index,follow"\textgreater{} \newline \textless{}meta name="google" content="notranslate"\textgreater{} \newline  \newline \textless{}meta \seqsplit{name="google-site-verification"} content="verification\_token"\textgreater{}\textless{}!-{}- Google Search Console -{}-\textgreater{} \newline \textless{}meta \seqsplit{name="yandex-verification"} content="verification\_token"\textgreater{}\textless{}!-{}- Yandex Webmasters -{}-\textgreater{} \newline \textless{}meta name="msvalidate.01" content="verification\_token"\textgreater{}\textless{}!-{}- Bing Webmaster Center -{}-\textgreater{} \newline \textless{}meta name="alexaVerifyID" content="verification\_token"\textgreater{}\textless{}!-{}- Alexa Console -{}-\textgreater{} \newline \textless{}meta name="p:domain\_verify" content="code\_from\_pinterest"\textgreater{}\textless{}!-{}- Pinterest Console-{}-\textgreater{} \newline \textless{}meta \seqsplit{name="norton-safeweb-site-verification"} content="norton\_code"\textgreater{}\textless{}!-{}- Norton Safe Web -{}-\textgreater{} \newline  \newline \textless{}meta property="og:title" content="\$\{seoData.title\}" /\textgreater{} \newline \textless{}meta property="og:type" content="website" /\textgreater{} \newline \textless{}meta property="og:url" \seqsplit{content="https://www.puntjepuntje.nl"} /\textgreater{} \newline \textless{}meta property="og:image" \seqsplit{content="android-icon-192x192}.png" /\textgreater{} \newline \textless{}meta property="og:site\_name" content="\$\{seoData.title\}" /\textgreater{} \newline \textless{}meta \seqsplit{property="og:description"} content="\$\{seoData.description\}" /\textgreater{} \newline \textless{}meta property="og:locale" content="\$\{currentLanguage.isocode\}" /\textgreater{} \newline  \newline \textless{}meta property="og:type" content="article"\textgreater{} \newline \textless{}meta property="og:title" content="Fancy text converter"\textgreater{} \newline \textless{}meta property="og:site\_name" content="Text Fancy"\textgreater{} \newline \textless{}meta property="og:url" \seqsplit{content="https://textfancy}.com/font-converter/"\textgreater{} \newline \textless{}meta property="og:image" \seqsplit{content="https://textfancy}.com/img/og.jpg"\textgreater{} \newline \textless{}meta \seqsplit{property="article:published\_time"} content="2023-01-01"\textgreater{} \newline \textless{}meta \seqsplit{property="article:author"} \seqsplit{content="https://www.facebook}.com/Text-Fancy/"\textgreater{} \newline  \newline \textless{}meta name="twitter:card" content="summary"\textgreater{} \newline \textless{}meta name="twitter:url" \seqsplit{content="https://htmlcheatsheet}.com/seo/"\textgreater{} \newline \textless{}meta name="twitter:title" content="SEO Cheat Sheet"\textgreater{} \newline \textless{}meta name="twitter:creator" content="@RuwixCube"\textgreater{} \newline \textless{}meta \seqsplit{name="twitter:description"} content="Short description comes here."\textgreater{} \newline \textless{}meta name="twitter:image" \seqsplit{content="https://htmlcheatsheet}.com/seo/seo-cheat-sheet.jpg"\textgreater{} \newline  \newline \textless{}link rel="canonical" \seqsplit{href="http://www.example.com/page}.html"\textgreater{} \newline  \newline \textless{}link rel="apple-touch-icon" sizes="57x57" \seqsplit{href="apple-icon-57x57.png"} /\textgreater{} \newline \textless{}link rel="apple-touch-icon" sizes="60x60" \seqsplit{href="apple-icon-60x60.png"} /\textgreater{} \newline \textless{}link rel="apple-touch-icon" sizes="72x72" \seqsplit{href="apple-icon-72x72.png"} /\textgreater{} \newline \textless{}link rel="apple-touch-icon" sizes="76x76" \seqsplit{href="apple-icon-76x76.png"} /\textgreater{} \newline \textless{}link rel="apple-touch-icon" sizes="114x114" \seqsplit{href="apple-icon-114x114.png"} /\textgreater{} \newline \textless{}link rel="apple-touch-icon" sizes="120x120" \seqsplit{href="apple-icon-120x120.png"} /\textgreater{} \newline \textless{}link rel="apple-touch-icon" sizes="144x144" \seqsplit{href="apple-icon-144x144.png"} /\textgreater{} \newline \textless{}link rel="apple-touch-icon" sizes="152x152" \seqsplit{href="apple-icon-152x152.png"} /\textgreater{} \newline \textless{}link rel="apple-touch-icon" sizes="180x180" \seqsplit{href="apple-icon-180x180.png"} /\textgreater{} \newline \textless{}link rel="icon" type="image/png" sizes="192x192"  \seqsplit{href="android-icon-192x192}.png" /\textgreater{} \newline \textless{}link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" /\textgreater{} \newline \textless{}link rel="icon" type="image/png" sizes="96x96" href="favicon-96x96.png" /\textgreater{} \newline \textless{}link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" /\textgreater{} \newline \textless{}link rel="icon" href="favicon.ico" type="image/x-icon" /\textgreater{} \newline  \newline \textless{}link rel="search" href="/open-search.xml" \seqsplit{type="application/opensearchdescription+xml"} title="Search Title"\textgreater{} \newline  \newline \textless{}link rel="alternate" \seqsplit{href="https://feeds.feedburner.com/example"} \seqsplit{type="application/rss+xml"} title="RSS"\textgreater{} \newline \textless{}link rel="alternate" \seqsplit{href="https://example.com/feed.atom"} \seqsplit{type="application/atom+xml"} title="Atom 0.3"\textgreater{} \newline  \newline \textless{}link rel="dns-prefetch" href="//example.com/"\textgreater{} \newline \textless{}link rel="preconnect" \seqsplit{href="https://www.example}.com/"\textgreater{} \newline \textless{}link rel="prefetch" \seqsplit{href="https://www.example}.com/"\textgreater{} \newline \textless{}link rel="prerender" href="https://example.com/"\textgreater{} \newline \textless{}link rel="preload" href="image.png" as="image"\textgreater{} \newline  \newline \textless{}link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /\textgreater{} \newline \textless{}link rel="manifest" href="manifest.json" /\textgreater{}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}



\end{document}