HTML Meta tags for SEO

16 Sep 2022

        <title>My Website</title>
        <link rel="icon" type="text/png" href="https://fjolt/favicon.png">
        <!-- load if you are using google fonts -->
        <!--<link rel="preconnect" href="">-->
        <meta name=”description” content="Description of my website">
        <meta name="robots" content="index,follow">
        <link rel="canonical" href="URL for this page">

        <meta property="og:title" content="My Website" />
        <meta property="og:locale" content="en_GB (or other locality code)" />
        <meta property="og:description" content="Description of my website" />
        <meta property="og:image" content="Image URL representing my website" />
        <meta property="og:image:width" content="Image Width" />
        <meta property="og:image:height" content="Image Height" />
        <meta property="og:image:alt" content="Image alternative text, if the image is missing" />
        <meta property="og:image:type" content="image/png (or other i.e. image/jpeg, image/gif)" />
        <meta property="og:url" content="URL for this page" />
        <meta property="og:site_name" content="My Website" />

        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:site" content="https://fjolt">
        <meta name="twitter:title" content="SEO HTML Meta Tag Reference List">
        <meta name="twitter:creator" content="">
        <meta name="twitter:description" content="A list of all the useful meta tags, and a quick start HTML template">
        <meta name="twitter:image" content="https://fjolt/images/intro-images/meta-tag-ref-html-quick-start.webp">

        <!-- For mobile devices -->
        <meta name="viewport" content="initial-scale=1, maximum-scale=1">

        <!-- Global site tag (gtag.js) - Google Analytics -->
        <!-- Use if you are using google analytics, replace [[ID HERE]] in script and code with your ID -->
        <script async src="[[ID HERE]]"></script>
        var host = window.location.hostname;
            if(host !== "localhost") {
                window.dataLayer = window.dataLayer || [];
                function gtag(){dataLayer.push(arguments);}
                gtag('js', new Date());

                gtag('config', '[[ID HERE]]');
        <!-- Preload your stylesheets -->
        <link rel="preload" href="/style.css" as="style" />
        <!-- if you want to load some CSS async uncomment this -->
        <!--<link rel="preload" href="/async.css" as="style" />-->

        <!-- Preload your fonts if necessary -->
        <link rel="preload" href="/fonts/fontName.ttf" as="font" crossorigin="anonymous" />
        <link rel="preload" href="/fonts/fontName.ttf" as="font" crossorigin="anonymous" />

        <!-- Load your stylesheets -->
        <link rel="stylesheet" href="/style.css" />
        <!-- if you want to load some CSS async uncomment this -->
        <!--link rel="stylesheet" href="/async.css" media="print" onload="'all'">-->
        <!-- Your Website Body -->
        <!-- Your Main JS Script -->
        <script defer src="local.js"></script>