サイト管理に重要なメタタグを設定・最適化してみる

SEOならSEOパック
ご利用実績9077件 (2017/05/28現在)
2016年04月11日 2017年05月19日

サイト管理に重要なメタタグを設定・最適化してみる

只今タイムセールを実施中です。

今回は、SEOの基本とも言えるメタタグの書き方について考えてみたいと思います。

サイトを管理していく中で、検索順位を考慮したタイトルや説明文などのメタタグは、全て「重要」と考えがちですが、実はそれほど時間をかけて作るべきではないタグもあります。
改めて各タグの重要度を考えて、適切にメタタグを設置しましょう。

メタキーワードに関してのSEO効果は下記の記事も参考にしてみてください。

メタキーワードのSEO効果とターゲットキーワード選定について
メタキーワードに関しては、SEO効果が認められなくなったため記述する必要はありませんが、上位表示させるコンテンツを作るにあたっての概念としては必要です。例えば、キーワードを何も設定しない日記のような記事コンテンツだと、ロングテールのような自然検索の積...

SEO対策のすべてが揃うSEO Pack

Facebookや、twitterでの拡散も考えてメタタグにOGPとtwitterカードも記述します。
まず、基本となるメタタグがこちらです。

<!doctype html>
<html>
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
<meta charset="utf-8">
<title>ページのタイトル</title>
<meta name="description" content="ページの説明" />
<meta name="viewport" content="width=device-width"> /*スマホ対応する時は記述*/
<link rel="canonical" href="正規化するurl"> /*必要あれば*/

<!-- facebookに関するタグ -->
<meta property="og:site_name" content="サイト名" />
<meta property="og:title" content="ページタイトル" />
<meta property="og:type" content="website" /> /*トップページ以外はarticle*/
<meta property="og:url" content="ページのurl" />
<meta property="og:image" content="シェアされた時のサムネイル" />
<meta property="fb:app_id" content="アプリid" />
<meta property="og:description" content="ページの説明"/>
<meta property="og:locale" content="ja_JP" />

<!-- twitterに関するタグ -->
<meta name="twitter:card" content="カード表示の種類" />
<meta name="twitter:site" content="@ユーザー名" />
<meta name="twitter:description" content="ページの説明" />
<meta name="twitter:image:src" content="投稿時の画像" />

<link rel="stylesheet" href="/css/index.css" type="text/css" media="all" />
</head>

<body>

<!-- こちらにコンテンツ -->

</body>

</html>

詳しく説明すると、html5や、構造化データによるリッチスニペット、など色々と出てきてしまうので、今回はメタタグに絞って話を進めます。

title

文字数

なるべくターゲットキーワードを先頭に、そして不自然にならないようにサイトタイトルを全角で35文字程度に収めて書きます。
それ以上文字数が多いと「…」で省略されてしまい、タイトルによっては何のサイトかわかりにくくなってしまい、クリック率も減ってしまうことも考えられます。

ページタイトルの重要度

ページタイトルは検索順位にも大きく影響するので、慎重に決めましょう。
ただ、あまり順位が上がらないからといって何度も変えてしまうと正しくクロールされず、逆に順位が上がらない。という可能性もあります。

description

ディスクリプションは検索結果のページタイトルの下に表示される説明文となります。
こちらもキーワードを意識して、クリックしたくなるような説明文、そして不自然にならないよう全角120文字程度に収めます。

ディスクリプションは順位に影響しない?

ページタイトルは順位に影響しますが、ディスクリプションは順位に直接影響するというより、クローラーとユーザーにページの内容を正しく伝えるものです。
ページタイトルとともに、全ページ重複しないように設定するようにしましょう。

viewport

こちらはスマホ対応する際に必須となるタグで、アクセスしているデバイスの横幅のサイズでサイトを表示するというものです。

詳しくはこちらをご覧ください。
レスポンシブデザイン簡単導入法01 – ビューポート・メディアクエリ編

canonical

下記urlは、全て同じくアクセスできてしまうことから、評価が分散してしまう恐れがあります。
これを統一させる方法のひとつとして、「カノニカル」というタグがあります。
この他にも、.htaccessで301リダイレクトするという設定方法もありますので、詳しくは検索してみてください。

wwwの有無

  • http://www.example.jp/
  • http://example.jp/

index.html/phpの有無

  • http://example.jp/
  • http://example.jp/index.php
  • http://example.jp/index.html

httpまたはhttps

  • http://example.jp/
  • https://example.jp/

パラメータの有無

  • http://example.jp/?blog
  • http://example.jp/

OGP設定

Open Graph Protocolの略で、設定したOGPタグを有効にするタグ。
Facebookに関しては他にも設定が必要になるので、別途検索してみてください。

xhtmlの場合、htmlにタグを追加

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

html5で構築していない場合、統一してこのタグをhtmlへ追加します。

html5の場合、headにタグを追加

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">

トップページの場合、articleと記述してある2箇所をwebsiteとして記述します。
注意点として、こちらはheadタグに記述するという点です。

twitterカード

投稿されたツイートにサイト情報も追加されます。(基本はOGPの内容を参照します。)
その他、twitter独自のタグを追記します。そしてタグの設置が完了した後、別にtwitterへ申請が必要となります。
承認後、URLをツイートすると、ツイートの下に設定したカードが表示されます。

twitterカード表示の種類

ツイッターカードの表示には数種類ありますので、選んで記述します。

  • summary
  • summarysummary_large_image
  • photo
  • gallery
  • app
  • player
  • product

その他

Keywords

meta keywordsタグに関しては、現在Googleは一切評価の基準とはしていない。とのことなので無くても問題ありません。
今も多くのサイトでこのメタタグを設置しているのは昔、評価に影響していたためです。

<meta name="Keywords" content="キーワード" />

メタタグについてまとめ

トップページのメタタグを改めて見てみると意外にも直接、検索順位に影響しそうなのは、「title」とurlの正規化くらいに見えますね。これを参考に、順位を上げるための見直しをしてみましょう。

そして、今回のメタタグについての説明は、内部対策のごく一部ですが、外部対策としては、被リンクが重要となってきます。

SEO Packは外部対策(被リンク)+ツール+ノウハウが月額固定でご利用いただける総合SEO対策パッケージとなっております。ぜひ、内部対策と並行して外部対策には、SEO Packをご検討ください。

SEO内部対策 トップに戻る
コンテンツSEOの強い味方「ezorisu-seo」
順位が上がるページには必ず評価されるコンテンツがあります。
その評価されるコンテンツとは何か?本ツールが解析します!
上位表示を目指すキーワードを入力してください
ezorisu-seoについて
SEOツールseodoor(せおどあ)に無料版が登場しました