Skip to content

Instantly share code, notes, and snippets.

@ansulev
Created February 3, 2022 17:43

Revisions

  1. ansulev created this gist Feb 3, 2022.
    94 changes: 94 additions & 0 deletions basic-html-skeleton.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,94 @@
    <!DOCTYPE html>
    <html lang="es" itemscope itemtype="http://schema.org/WebPage">

    <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="[SITE DESCRIPTION]">
    <meta name="keywords" content="">
    <meta name="robots" content="index, follow, archive">

    <!-- Schema.org markup -->
    <meta itemprop="name" content="[SITE TITLE]">
    <meta itemprop="description" content="[SITE DESCRIPTION]">
    <meta itemprop="keywords" content="">
    <meta itemprop="url" content="[SITE URL]">

    <!-- Twitter Card data -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="[SITE TITLE]">
    <meta name="twitter:description" content="[SITE DESCRIPTION]">

    <!-- Open Graph data -->
    <meta property="og:title" content="[SITE TITLE]">
    <meta property="og:url" content="[SITE URL]">
    <meta property="og:image" content="[SITE IMAGE]">
    <meta property="og:description" content="[SITE DESCRIPTION]">
    <meta property="og:site_name" content="[SITE NAME]">

    <script type="application/ld+json">
    {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "[ORG NAME]",
    "url": "",
    "contactPoint" : [{
    "@type" : "ContactPoint",
    "telephone" : "[TELEPHONE]",
    "contactType" : "customer service"
    }],
    "sameAs" : [
    "https://www.facebook.com/[PROFILE]",
    "https://www.twitter.com/[PROFILE]",
    "https://www.youtube.com/user/[PROFILE]",
    "https://www.instagram.com/[PROFILE]",
    "https://es.pinterest.com/[PROFILE]"
    ],
    "address": {
    "@type": "PostalAddress",
    "streetAddress": "[STREET]",
    "addressLocality": "[CITY]",
    "postalCode": "[ZIP CODE]",
    "addressRegion": "[COUNTY]",
    "addressCountry": "[XX]"
    },
    "logo": "[SITE LOGO]"
    }
    </script>


    <title>[SITE TITLE]</title>

    <link rel="shortcut icon" href="[SITE FAVICON]">

    <link rel="canonical" href="[SITE URL]">


    <link rel="stylesheet" type="text/css" href="">
    <link rel="stylesheet" type="text/css" href="">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.3/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=[SITE GTAG]"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }

    gtag('js', new Date());
    gtag('config', '[SITE GTAG]', {
    'link_attribution': false
    });
    </script>

    </head>

    <body>[PAGE BODY]</body>

    </html>