<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>ページタイトル</title>
<meta name="description" content="ページの説明" />
<meta name="format-detection" content="telephone=no" />
<!-- favicon/webclipicon -->
<link rel="icon" href="favicon.ico" />
<link rel="icon" href="favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="webclip.png" />
<!-- ogp -->
<meta property="og:site_name" content="サイト名" />
<meta property="og:url" content="https://sample.com" />
<meta property="og:type" content="website or article" />
<meta property="og:title" content="ページのタイトル" />
<meta property="og:description" content="ページの説明" />
<meta property="og:image" content="./assets/images/ogp.jpg" />
<meta property="og:locale" content="ja_JP" />
<!-- <meta property="fb:app_id" content="AppID"> -->
<meta name="twitter:card" content="summary_large_image or summary" />
<!-- <meta name="twitter:site" content="@" /> -->
<meta name="twitter:description" content="ページの説明" />
<meta name="twitter:image:src" content="URL" />
<!-- cssファイル読み込み -->
<link rel="stylesheet" href="css/style.css" />
<!-- jsファイル読み込み -->
<script src="js/main.js" defer></script>
<!-- Googleなどの検索エンジンの検索結果に出ないようにしたい場合 -->
<!-- <meta name="robots" content="noindex,nofollow"> -->
</head>
<body>
...
</body>
</html>