head内に何を書くか

毎回ちまちま追加するの大変なのでメモ。

googleから抜粋↓

<head>
    <!-- 文字エンコード -->
    <meta charset="utf-8" />
    <!-- IE対応 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- タイトル -->
    <title>The Keyword | Google</title>
    <!-- viewport設定 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0" />
    
    <!-- メタデスクリプション -->
    <meta name="description" content="Discover all the latest about our products, technology, and Google culture on our official blog."/>
    <!--OGPタグ-->
    <meta property="og:type" content="website" />
    <meta property="og:title" content="The Keyword" />
    <meta property="og:description" content="Discover all the latest about our products, technology, and Google culture on our official blog." />
    <meta property="og:image" content="https://blog.google/static/blogv2/images/google-200x200.png" />
    <meta property="og:site_name" content="blog.google" />
    <meta property="og:url" content="https://blog.google/" />

    <!--Twitterカード-->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://blog.google/" />
    <meta name="twitter:title" content="The Keyword" />
    <meta name="twitter:description" content="Discover all the latest about our products, technology, and Google culture on our official blog." />
    <meta name="twitter:image:src" content="https://blog.google/static/blogv2/images/google-200x200.png" />
    <meta name="twitter:site" content="@google" />
</head>

参考