ブログ記事ならではのメタタグ記載。

ブログ記事ならではのメタタグ記載。

| 2012年06月26日(火) |

0 |

ここ最近サイトやらブログやらを再構築している中で。。

特にSEO対策を…ってわけでもないですが。。

気になったのが

ページの情報を定義するタグであるメタ(meta)タグ…

その中でもページの内容を要約する

【ページの重点キーワード】
<meta name="keywords" content="***,***,***" />

と

【ページの紹介文】
<meta name="description" content="***" />

について触れてみたいと思います。まず、上記２件の一般的な表記例ですが…

こんな感じになります。。

XHTML1.0の一般的なヘッダです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta name="keywords" content="***,***,***" />
<meta name="description" content="***" />
<title>***</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen,print" />
</head>

【ヘッダとメタタグの書き方｜SEO会社による実践テクニック】より引用

まずは、上記リンクのサイトさんで、それぞれについて
記載上の注意を読まれる事をお奨めします。。

ホームページのトップページ等に表記する場合は

【ページの重点キーワード記入例】

<meta name="keywords" content="パチンコ・パチスロ,RX-8,映画,テンプレート作成,お絵描き掲示板" />

（ひいろんのサイトに関するキーワード）

【ページの紹介文記入例】

<meta name="description" content="へっぽこ４０代ひいろんのサイトです。個人的主観による色々なモノの紹介" />

（ひいろんのサイトで使用してる紹介文）

こんな感じで良いかと思われますが…
ページ毎に内容が違うブログとなると、ちょっとおかしな部分が出たりします。

例えば、映画レビューを書いてるのに他カテゴリーの関係ないキーワードが使われていたり…

紹介文にしても確実に記事の内容に沿っているとは言いにくいですよね。。

上記サイトさんでも述べられてますが…

ページの紹介文に関して。。

使い方のお約束（おそらくこうであろうと思われる内容）

絶対的に、複数のページで同一の内容を使用してはいけない

このルールに反すると、後にアップしたページは重複判定を受けてインデックスから消されてしまう（＝検索されない）可能性があります。
【ヘッダとメタタグの書き方｜SEO会社による実践テクニック】より引用

なんだかモヤモヤしちゃう感じに。。

っつ～事で…

それらを解消すべく、ブログのテンプレートを弄ってみようと思います。。

以下、当ブログで使用している【Serene Bach】に対応した対策になります…

が、おそらく他のブログサービスや構築スクリプトでも応用出来るかと思いますので。。

ご参考まで…

まずは…

テンプレートの編集にて。。

ベースHTMLテンプレートの編集から…

こちらに関しては、トップページやページ表示時になるので…

そのブログ全体を示すキーワードや紹介文で大丈夫です。

【ページの重点キーワード記入例】

<meta name="keywords" content="パチンコ・パチスロ,アクセラ,RX-8,映画,テンプレート作成" />

（当ブログで使用してます。）
キーワードに関してはサイトと同じく直接記載します

紹介文に関しては…
設定メニュー内＞環境設定＞表示設定にて

ブログ紹介文

ウェブログの説明を使います。

っつ～事で

【ページの紹介文記入例】

<meta name="description" content="{blog_description}" />

環境設定で設定されたウェブログの説明を表示する独自タグ
{blog_description}を利用します。

トップページに関してはホームページと同様の記載方法で構わないのですが
問題は個別の記事ですよね。。

っつ～事で。。

個別記事用HTMLテンプレート編集から

【ページの重点キーワード記入例】

<meta name="keywords" content="{entry_keyword}" />

記事のキーワードを表示する独自タグ
{entry_keyword}を利用

【ページの紹介文記入例】

<meta name="description" content="{entry_excerpt}" />

記事の概要を表示する独自タグ
{entry_excerpt}を利用

そして…

それぞれの記事編集ページの下部にある

記事の概要とキーワード

こちらを利用します。
記事毎に【記事の概要】と【キーワード】が設定出来るので…
それらを記入し、記事をＵＰします。

こんな風に書く事で、記事毎にキーワードと紹介文が書き別けられます。
ちなみに、記事の概要を記入せずに記事をＵＰした場合
記事の冒頭から数文字が記事の概要として記されるようになってます。

※上記画像に記した通りに書いた記事
【zenbackタグの導入(Serene Bach用)】
の、ソースを確認してみてください(^^

ちなみに記事の概要とキーワードを設定していない
【Facebookページ作ってみました☆】
の、ソースと比較するとわかりやすいかもです。。

これでブログ記事毎にキーワードや紹介文を記す事が出来ましたね(^▽^

2012年06月26日(火) 00:08 |