index.html

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover">

  <title>Título de página menor a 60 caracteres</title>
  <meta name="description" content="Descripción de la página menor a 155 caracteres">
  <meta name="keywords" content="palabra clave 1, palabra clave 2 ...">
  <meta name="author" content="@UPCedu">

  <link rel="icon" type="image/png" href="https://example.com/favicon.png">

  <link rel="stylesheet" href="css/main.css">

  <!-- Facebook Open Graph -->

  <!-- Twitter Card -->

  <!-- Google Tag Manager -->
  <script>
    (function (w, d, s, l, i) {
      w[l] = w[l] || [];
      w[l].push({
        'gtm.start': new Date().getTime(),
        event: 'gtm.js'
      });
      var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s),
        dl = l != 'dataLayer' ? '&l=' + l : '';
      j.async = true;
      j.src =
        'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
      f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-XXXXXXX');
  </script>
  <!-- End Google Tag Manager -->
</head>
<body>

<!-- Google Tag Manager (noscript) -->
  <noscript>
    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX" height="0" width="0"
      style="display:none;visibility:hidden"></iframe>
  </noscript>
  <!-- End Google Tag Manager (noscript) -->

  <header></header>
  <section></section>
  <footer></footer>

  <script src="example.js"></script>

</body>
</html>