WebサイトMetaタグ 設定例まとめ(PC/SP別)

とりあえずこうしとけば良さそうな設定一覧。

alternate

スマホサイトURLや他言語サイトURLを指定。

例：

PCサイト

<link rel="alternate" media="handheld" href="このページのモバイル版URL">
<link rel="alternate" media="only screen and (max-width: XXXpx)" href="このページのスマホ版URL">

canonical

本物のページを指定。
⇒SEO分散を防ぐ（SPサイトではPCサイトURLを指定する等）。

例：

PCページ

<link rel="canonical" href="このページのURL(パラメータ除外)">

SPページ

<link rel="canonical" href="このページのPC版URL(パラメータ除外)">

next, prev

複数ページあるコンテンツの場合に前後のページを指定。
⇒SEO分散を防ぐ（SPサイトではPCサイトURLを指定すると尚良い）。

Google ウェブマスター向け公式ブログによると、

これによって Google はコンテンツのインデックス登録がより正確にできるようになり、最も関連性の高いページ（通常は最初のページ）をユーザーに表示するようになります。

例：

PCページ

<link rel="prev" href="前のページのURL">
<link rel="next" href="次のページのURL">

SPページ

<link rel="prev" href="前のページのPC版URL">
<link rel="next" href="次のページのPC版URL">

OGP

SNSでシェアされたときのサムネイルや要約文に使用される。
UA判定でリダイレクトかけてるなら一律PC版URLを指定しても大丈夫。

デバッグ可能 ⇒ Facebookデバッガー

例：

PCページ

<meta property="og:title" content="ページタイトル">
<meta property="og:type" content="website">
<meta property="og:url" content="このページのURL(パラメータ除外)">
<meta property="og:image" content="サムネイル画像">
<meta property="og:site_name" content="サイト名">
<meta property="og:description" content="ページの説明">