TwitterカードとFacebook-OGP
SEO対策的なやつ
HTML
html
<meta name="viewport" content="width=360,initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="###キーワード1,キーワード2,キーワード3###" />
<meta name="description" content="###説明をここに書きます###" />
<meta name="thumbnail" content="###/img/sugoi-preview.png###" />
<meta name="twitter:card" content="###summary_large_image###" />
<meta name="twitter:site" content="###@twitter_account###" />
<meta property="og:url" content="###https://sugoi-domain.com/sugoi-contents.html###" />
<meta property="og:title" content="###タイトルをここに書きます###" />
<meta property="og:description" content="###説明をここに書きます###" />
<meta property="og:image" content="###https://sugoi-domain.com/img/sugoi-preview.png###" />
twitter:cardのところの使い分けは、トップ画面だけ large にすれば良いのかなsummary: 左に小さな画像、右にタイトル＋説明summary_large_image: 上に大きな画像、下にタイトル＋説明