livedoor
アフィリエイトは儲かんないってば2007年07月27日16:20
この前からメタタグ、メタタグと、さも知っているかのように語っていましたが、実は私もそんなにわかっているわけではありません。こちとらブログはじめて2週間なんじゃい、そんな業界用語で話されても何一つわからんわ！
と思われている方も中にはいらっしゃると思いますので、今回メタタグについてまとめてみます。
まず、メタタグを理解するには、ソースを見ないといけません。
インターネットエクスプローラーなら、表示→ソースと選択します。
何やらメモ帳みたいなものが開いて、ずらずらと文字列が表示されますよね。
これがそのサイトのHTMLソースです。
ブログやらホームページと言うのは、大概の場合、HTMLという言語で細かく指定をすることで、サイトが表示されています。
いわば、サイトの設計図みたいなものです。
ですから、HTMLソースを見ればそのサイトの構造がある程度わかります。
ですが、これが全てと思ってはいけません。あくまで「ある程度」です。
サイトはHTMLだけではなく、CSSやJavaScriptやらFLASHやらその他いろんなもので表示が大きく変わりますので。
では、当サイトのソースを眺めてみて下さい。
インターネットエクスプローラー6の方、文字化けしていますね。
これはサイトの「文字コード」というものが「euc-jp」に指定してあるためです。
ソースの割と上の方にあるこの一文で、文字コードが指定してあります。
<meta http-equiv="Content-Type" content="text/html; charset=euc-jp" />
これは、文字コードを指定するメタタグです。
文字コードには、
・SHIFT-JIS
・UTF-8
・EUC-JP
などがありますが、インターネットエクスプローラー6の場合、文字コードがeuc-jpになっているサイトのソースは文字化けします。livedoorBlogは文字コードがeuc-jpになっています。
インターネットエクスプローラー7はどうかわかりませんが、とりあえず、Firefoxなら文字コードがeuc-jpのサイトでも文字化けしていないコードを見ることができます。
中にはソースが見れないようになってるサイトもあります。
ソースが見られたくないサイトはそっとしておいてあげおきましょう。
ソースが見れるからと言って、それをコピペして丸々サイトをコピーしたりしちゃダメですよ。犯罪です。
捕まっちゃいますし、そういうサイトを見かけたら、私、通報しちゃいますよ（笑）。
では、前置きはこれくらいにして本題へ。
このHTMLを眺めてみると、HTMLソースの構造は以下のようになっています。
−−−−−−−−−−−−−−（HTMLざっくり概略図）
<?xml version="1.0" encoding="EUC-JP"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html 以下略>
<head>
→ココ！
</head>
<body>
相当長いHTML
</body>
</html>
−−−−−−−−−−−−−−
サイトのhtmlの基本構造を簡単に説明しますと、DOCTYPEの宣言（→参考記事）をして、
htmlで始まり、
あたま（head）があり、
本体（body）があって、
htmlを閉じてはい終了。
となっています。
今回取り上げるメタタグは、このあたま（head）部分に書き入れる命令文のことで、上の（HTMLざっくり概略図）の「→ココ！」の部分にブラウザや検索エンジンにお手紙を書くようなものです。
拝啓検索エンジンさま。
このサイトはタイトルを「アフィリエイトは儲かんないってば」と言いまして、できましたら、キーワード的には「アフィリエイト」とか「ブログ」のサイトと認識していただけましたら、幸いです。このページの概要としましては以下に示すとおりですが、このページだけで無く、このページからリンクしておりますページ全てごゆるりとごらん下さいませ。何卒、お引き立てのほどよろしくお願いいたします。敬具。
と言うような感じです。
では、実際どういう風な書き方をしたら、そのようなお手紙になるのでしょうか。
それを見ていきましょう。
＜サイトのタイトル＞
検索エンジンやブラウザにサイトのタイトルを示すには、<title></title>でタイトル部分をくくります。
livedoorBlogでは、この部分のHTMLにlivedoorBlogの独自タグというものが使用されています。
カスタマイズ/管理→デザインの設定→カスタマイズ→トップページと進んでHTMLを確認しますと、
となっています。
<$BlogTitle ESCAPE$>の部分がブログのタイトルをあらわすlivedoorBlogの独自タグです。
- livedoor Blog（ブログ）の部分は元々のデザインに入れてあって少々ウザイのですが、livedoorBlogの宣伝ともとれるので、この部分消してしまうのは規約違反に当たる可能性もあります。そっとしておきましょう。
逆にこの部分があることで、「ブログ」や「livedoor」「Blog」などが絡んだ複合検索でそこそこ上位に表示されるのかなあ、と思ったり思わなかったり。ものは考えようかなあ。
個別記事ページではどうでしょうか。
カスタマイズ/管理→デザインの設定→カスタマイズ→個別記事ページと進んでHTMLを確認しますと、
となっています。
<$ArticleTitle ESCAPE$>は個別記事のタイトルをあらわすlivedoorBlogの独自タグですが、検索エンジンは左側を重視するらしいので、
と入れ替えちゃうと個別ページのキーワードが強調されて良いかもと、SEO的によく言われています。もしくはブログのタイトル取っ払っちゃうとか。
他のブログでもそれぞれの独自タグがあるので調べて使われてみて下さい。もしくは独自タグを使用せず、直接タイトルを書いてもいいですよ。
＜キーワード＞
メタタグのキーワードは上記のように書きます。
1ページずつ違うキーワードを設定したいところですが、それはlivedoorBlogではちょっと難しそうです。
（タグやカテゴリーを利用しようとすると、変なところで改行しちゃったりするんですよねえ） ブログによっては、タグやカテゴリーの独自タグを利用して、キーワードを個別ページごとに変えるのは可能かもしれません。
メタタグのキーワードは半角のカンマで区切ります。5つくらいまでにとどめましょう。多すぎるとスパムとみなされる可能性があります。基本的にキーワードはそのページに必ず出てくる言葉をいれないといけません。
＜デスクリプション（概要）＞
メタタグのデスクリプションは上記のように書きます。
これは、検索エンジンで表示されることが結構ありますので、書いておいたほうが良いかもしれません。
ですが、全ページ同じにしちゃうと各ページの内容がわからなくなりますので、同じにするよりは書かない方が良いかもしれません。書いてなければ検索エンジンが勝手に適当なところを表示してくれますから。
＜検索エンジンロボットの挙動＞
検索エンジンにそのページをどうして欲しいのかを指定します。
allの部分を書き換えて指定します。
・all メタタグの入ったページはもちろんリンクしているページも全て載せてよし。
・none メタタグの入ったページはもちろんリンクしているページも全て載せちゃダメ。
・index メタタグの入ったページは載せてよし。
・noindex メタタグの入ったページは載せちゃダメ。
・follow メタタグの入ったページからリンクしているページは載せてよし。
・nofollow メタタグの入ったページからリンクしているページは載せちゃダメ。
普通はallで問題ないと思いますが、どうしても検索エンジンで表示されたくないページはnoindexを入れるとかしましょう。ただ、ブログは1ページだけ別の挙動を指定すると言うのは難しいですね。
これは書いてなくても通常はallとみなされていると思います。
head部分には他にもいろいろなメタタグが入っていると思いますが、順番はあまり問題では無いようです。
追記:コメントでご指摘がありました。HTMLなら大文字でも小文字でも可ですが、HTMLではなく、XHTMLというのが最近流行っておりまして、それに対応するには小文字しかダメなのです。当サイト、しっかりXHTMLであり、結構長い間見落としてました（笑）。そういうわけで、小文字でお願いします。
それから、XHTMLの場合、改行のbrタグや、画像を表示するimgタグのような内容を持たない「空要素」は最後に「/」スラッシュを付けないといけません。メタタグもそうですね。XHTMLに対応していない古いブラウザとの互換を考えて、「/」スラッシュの前には半角スペースを入れることが推奨されています。
一応、文字コードの指定の後にでも上の文を入れてみて下さい。
ここまで読んでお気づきの方もいらっしゃるかと思いますが、当サイトではこの記事の執筆時点でメタタグは入っておりません。
このサイトで「アフィリエイト」をメタタグのキーワードにしちゃうと、「アフィリエイト」以外のキーワードで上位表示されているページに影響が出るかもしれないんですよ・・・。
キーワードのあちらを立てればこちらが立たず、結局入れなくてもいいのかなあ、という気もします。
下手なSEOはしない方がまし。
というのが今まで私がSEOをやってきて得た持論のひとつでもありますので。
ここまで書いた内容を全否定しちゃったところで、途方にくれながら終わります。
追記：検索してみると、Googleで「アフィリエイト」検索163位、Yahoo！で546位。
これ以上落ちようも無いので、とりあえずトップページにのみメタタグを入れてみました（笑）。
この記事へのコメント
うか
2007年07月27日 21:05 |
ご無沙汰してます。
しばらくROMってたんですが、復活、おめでとうございます＾＾ お祝い方々、この記事について1点だけツッコミをば（笑） > また、大文字、小文字はあんまり気にしなくていいみたいです（contentとかCONTENT）。 とありますが、これ、実はルールがあるんですよ。 「HTML」で書かれた文章はどっちでもいいんですが、「XHTML」で書かれた文章は原則「小文字」で書く必要があります。 で、「儲かんないってば」のソースを見ますと、このブログはXHTMLで書かれていることが分かります。 そうなると、全てのタグは大文字ではなく小文字、 <META NAME="***" CONTENT="***"> ではなく <meta name="***" content="***" /> と書くのが正式なルールです。（metaとかbrとか、閉じるタグがないタグはお尻に「/」を入れて閉じるのもルールです。） 正式な文法に則ってソースを書くことって、私、大事だと思うんですよねぇ。 |
|
afiliate
2007年07月27日 23:46
|
おひさしぶりです。うかさま。コメントありがとうございます。
その上に温かいご指摘ありがとうございます。 実は私、自分のサイトがXHTMLだということに気づいていませんでした。言われてみて、あ、そうだったんだと気づいた次第です。 うかさまのご指摘、ありがたいばかりです。 早速修正に参らせていただきます。 しかし、<br>で書いてる記事とか相当多いなあ・・・過去の分はもう修正不可能だなあ（＾＾；以後気をつけます。でも、うかさんにコメントいただけるなんてミスもしてみるものですね（笑）。 ところでLSラブバナー参加したかったです。一応作ったしょぼいバナーを以前の記事にこっそり貼ってます。盛り上がっていたので、うかさんよかったね、と思いながら拝見させていただいてました。また機会があれば参加させていただきたいと思います。ではでは。 |
