# TwitterカードとFacebook-OGP

SEO対策的なやつ

# 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 : 上に大きな画像、下にタイトル+説明

# バリデータ

https://cards-dev.twitter.com/validator (opens new window)

[ 📩 ご意見 ]