チートシート
主要なメタタグ
| 項目 | 役割 | 設定方法 | 必須 |
|---|
title | タイトル | <title>タイトル</title> | |
meta description | 説明文 | <meta name="description" content="説明文"> | |
meta keywords | キーワード | <meta name="keywords" content="キーワード1, キーワード2"> | |
meta viewport | ビューポート | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
mata charset | 文字コード | <meta charset="UTF-8"> | |
canonical | カノニカル | <link rel="canonical" href="https://example.com"> | |
SNS用
| 項目 | 役割 | 設定方法 | 必須 |
|---|
og:title | SNSタイトル | <meta property="og:title" content="タイトル"> | |
og:description | SNS説明文 | <meta property="og:description" content="説明文"> | |
og:image | SNS画像 | <meta property="og:image" content="https://example.com/image.jpg"> | |
og:url | SNSURL | <meta property="og:url" content="https://example.com"> | |
og:type | SNSタイプ | <meta property="og:type" content="website"> | |
og:site_name | SNSサイト名 | <meta property="og:site_name" content="サイト名"> | |
OGPとは「Open Graph Protcol」の略で、FacebookやTwitterなどのSNSでシェアした際に、設定したWEBページのタイトルやイメージ画像、詳細などを正しく伝えるためのHTML要素です。
| 項目 | 役割 | 設定方法 | 必須 |
|---|
twitter:card | Twitterカード | <meta name="twitter:card" content="summary_large_image"> | |
twitter:site | Twitterサイト | <meta name="twitter:site" content="@ユーザー名"> | |
twitter:title | Twitterタイトル | <meta name="twitter:title" content="タイトル"> | |
twitter:description | Twitter説明文 | <meta name="twitter:description" content="説明文"> | |
twitter:image | Twitter画像 | <meta name="twitter:image" content="https://example.com/image.jpg"> | |
OGP確認方法
参考リンク
