SEO対策でheadタグに設定した方がよいメタタグ一覧

SEO対策

SEOで重要なポイントを占める<head>に記述するメタタグです。

きちんと書かなければ「SEO的」には不利に働きます。

<head>に書くものは基本的にはユーザーに見えないので「おざなり」にしている企業サイトなども散見されますが、ここはきちんと書いておいた方が無難です。

<head>に記述するメタタグ

<head>に書く必須なメタタグは以下のものがあります。

文字エンコード

コード
<meta charset="utf-8">

文字エンコードはそのページが作成されている文字コードをブラウザーに通知し文字化けを防ぐ役割があります。

タイトルタグ

コード
<title>ページのタイトル </title>

タイトルタグはブラウザーのヘッダー部分にや検索エンジンの検索結果のタイトルに表示される重要なものです。

SEO的に重要なので必ず設定します。

descriptionタグ

コード
<meta name="description" content="ページの説明文">

descriptionタグはページに何が書かれてあるのかを示す説明文を書きます。
検索エンジンの検索結果にも表示される場合が多いので、適切な文章をページごとに設定します。

参考 メタディスクリプション(meta description) タグはクリック率向上に役立つSEOオーソリティ

Keywords

コード
<meta name="keywords" content="キーワード1,キーワード2,・・・">

キーワードタグはページに書かれてある内容のキーワードを検索エンジンに伝える役目がありましたが、近年ではその重要性が薄れています。

参考 SEO対策でmeta keywordsは効果があるのか?SEOオーソリティ

URLの正規化(canonical)

コード
<link rel="canonical" href="正規化するURL">

canonicalはサイト内でのページ重複を防ぐ重要なタグです。重複ページで検索エンジンからペナルティーを食らわないように適切に設定します。

参考 canonicalの使い方を見直すSEOオーソリティ

OGPタグ/Twitterカード設定

コード
<meta property="og:url" content="ページのURL" />
<meta property="og:title" content="ページのタイトル" />
<meta property="og:type" content="ページのタイプ">
<meta property="og:description" content="記事の抜粋" />
<meta property="og:image" content="画像のURL" />
<meta name="twitter:card" content="カード種類" />
<meta name="twitter:site" content="@Twitterユーザー名" />
<meta property="og:site_name" content="サイト名" />
<meta property="og:locale" content="ja_JP" />
<meta property="fb:app_id" content="appIDを入力">

OGPタグ/TwitterカードタグはSNSなどからのリンクの際に見栄えよくリンクされるように設定するタグです。

これも必ず設定しておきましょう。

viewport設定

コード
<meta name="viewport" content="width=device-width,initial-scale=1">

viewportは文書の表示領域を設定するタグで、スマホやタブレットのモバイル端末で最適にWeb表示させるためのレスポンシブWebデザイン適用時に必要なタグです。

レスポンシブ対応のページでは必須のタグです。

meta robots

コード
<meta name="robots" content="noindex,nofollow">

robotsタグは検索エンジンのクローラーにこのページを「登録させるのか、させないのか」、「ページにあるリンク先をたどるのか、たどらないのか」を設定するタグです。

基本的に「index,follow」を指定する場合はなくても構いません。

有名サイトのメタタグ対応状況

SEOに強いと思われるサイトとこのサイトのメタタグの対応状況をまとめてみました。

タグ/サイト Google バズ部 ferret SEO HACKS 当サイト
文字エンコード
タイトルタグ
デスクリプション
Keywords
URLの正規化(canonical)
OGPタグ/Twitterカード設定
viewport
meta robots

さすがに世間で重要と言われているメタタグは当然書いてますね。