HOME >  Blog カスタマイズ  > もうひとつの H

もうひとつの H

2006年03月02日 AQ
昨日に上げた 『 H の秘密 ( SEO ) 』 の追記記事になります。

専門的にくわしい識者の考え方によると、この 『 H の秘密 ( SEO ) 』 の方法は、SEO 的には効果があるだろうが、HTML の構成から考えると倫理的に違和感を感じるとのこと ・・・ むずかしい ^^;

どういうことかと言うと、トップページ・カテゴリー別・月別のページに関しては、管理者の設定により、1 ページにずらっとアップした記事が並びます。ということは、各記事のタイトルに <h1> を適用したのだから、同一ページに大見出しであるはずの <h1> が、ずらっと並ぶと言う事になります。

大見出しは、あくまでも大見出し。やはりブログタイトルに <h1> を適用し、トップページ・カテゴリー別・月別のページに関しては、各記事のタイトルに <h2> を用いる方が、自然ではないかという意見です。この考え方から具体的な方法を考えてみました。

トップページ・個別記事・カテゴリー別・月別の4つの HTML をカスタマイズします。( ライブドア リニューアル後のテンプレートを基本にしています )

■ 全ての HTML に共通

<h2 class="date"><$ArticleDate$></h2>

上記 赤文字 h2 を 『 div 』 に変更。

■ トップページ・カテゴリー別・月別に適用

<h3 class="title"><$ArticleTitle ESCAPE$><IfArticleRating><$ArticleRatingIcon$></IfArticleRating></h3>

上記 赤文字h3 を 『 h2 』 に変更。

■ 個別記事に適用

<h1 class="blogtitle"><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a></h1>

上記 赤文字 h1 を 『 div 』 に変更。

<h3 class="title"><$ArticleTitle ESCAPE$><IfArticleRating><$ArticleRatingIcon$></IfArticleRating></h3>

上記 赤文字h3 を 『 h1 』 に変更。

<title><$BlogTitle ESCAPE$>:<$ArticleTitle ESCAPE$> - livedoor Blog(ブログ)</title>

この部分の 赤文字青文字 を、入れ替えます。そして 緑の文字 の部分はこのままでも良いですが、削除しても問題はありません。

上の HTML を上記の説明のようにすると、こうなります。

<title><$ArticleTitle ESCAPE$> - <$BlogTitle ESCAPE$></title>

次に ・・・

<h3 class="trackbackurlttl">トラックバックURL</h3>
<h3 class="trackbackhead">この記事へのトラックバック</h3>
<h3 class="commenthead">この記事へのコメント</h3>
<h3 class="takecommenthead">この記事にコメントする</h3>

この上記のタグ 4つ の 赤文字 h3 の部分を 『 div 』 に変えます。現状では SEO 的にまったく意味がありません。

■ カテゴリー別に追加適用

<h1 class="blogtitle"><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a></h1>

上記 赤文字 h1 を 『 div 』 に変更。

<h2 id="categorytitle"><$CategoryName ESCAPE$></h2>

上記 赤文字 h2 を 『 h1 』 に変更。

<title><$BlogTitle ESCAPE$>:<$CategoryName ESCAPE$> - livedoor Blog(ブログ)</title>

個別記事の時と同じく、赤文字青文字 を、入れ替えます。緑の文字 の部分も同じくです。そうするとこうなります。

<title><$CategoryName ESCAPE$> - <$BlogTitle ESCAPE$></title>

■ 月別に追加適用

<h2 id="categorytitle"><$MonthLabel$></h2>

上記 赤文字 h2 を 『 div 』 に変更。

<title><$BlogTitle ESCAPE$>:<$MonthLabel ESCAPE$> - livedoor Blog(ブログ)</title>

ここをさわる必要はありません。しいて言えば、緑字 の部分を削除してすべてのページと、統一を図るくらいでしょうか。

昨日の記事の 『 H の秘密 ( SEO ) 』 の方法は、SEO ( 検索エンジン最適化 ) に特化したやり方であり、今回の方法は、SEO を意識しつつ、HTML の構築倫理に遵守したやり方である、という違いになるんでしょうか。

実はこの Pet Lovers Only♪ のブログでは、ソースを見ていただければ解ると思いますが、どちらの方法もそのまま適用していません。カテゴリー 別アーカイブ月別アーカイブ を見ていただくと、通常のライブドアブログの表示方法と違うのがわかるかと思います。

基本的な HTML さえもカスタマイズしている為、これらの説明と同じ方法ではできないからです。自分で 『 こうすれば良いかな? 』 って頭ひねりながら、いじりまくっております。^^;

 『 H の秘密 ( SEO ) 』 も、今回の 『 もうひとつの H 』 も、どちらもノーマルテンプレートを元に、説明しています。色々とカスタマイズなさっている方の中には、本来あるはずのタグを削除したり、位置を入れ替えたりしている為、この説明どおりにはいかないでしょう。

記事を参考に、ご自身で色々とどの方法を適用するかを、お考え下さい。

■ 参考ブログサイト

この記事へのトラックバック
1. SEO対策!  [ 直ちゃんのぐだぐだ日記 ]
2007年10月01日 05:20
真夜中にコツコツとSEO対策を施してみました! どのようにやったかというと、HTML の h1 〜 h3 を変更してみました。livedoor ブログの場合、h2 が dete ( 日付 ) なんですねぇ・・?なんでぇ?...
この記事へのコメント
1. Posted by wayan    2006年04月05日 18:50
今度はこっちのページにお邪魔します。

この記事が気になって、自分でもやってみたいなぁなんて思ってみたんですが…ちょっと疑問が[?]

赤文字の所と青文字の所の入れ替えなんですが、
変更後は「:」から「-」に変わってますよね。

「Hの秘密」のほうでもそうなってたんですが、
参考サイトの「chibi-log」さんのサイトでは「.」のままでした。

これって、どっちでもいいんですか?
2. Posted by wayan    2006年04月05日 18:52
間違いました、「chibi-log」さんのサイトでは「:」のままですが、どちらでもいいんでしょうか?
3. Posted by AQ    2006年04月05日 19:02
> wayan さん

ははは(^^) ホントですね、言われてみればそうですね。
種明かしは、入れ替え後の 「 - 」 は、私が現在使用している記事タイトルとブログタイトルを区別する為の記号です。

記事を上げる時に、私がコピペして通常みなさんが使用している HTML に合わせて修正するのを忘れていたみたいです。

私は、「 : 」 よりも 「 - 」 のほうが綺麗に見えると思っているのでそう変えました。別に何でも良いですよ。△ でも ◇ でも。(^^)
4. Posted by wayan    2006年04月05日 20:48
えっ、これもまた何でもいいんですか!
なんか不思議な物なんですね〜

また勉強しちゃいました。[めがね]
5. Posted by AQ    2006年04月05日 20:54
> wayan さん
これは HTML のタグではないですから ・・・。
HTML のタグとタグをつなぐ、単なる文字ですから。

<title><$BlogTitle ESCAPE$> ここまではタグで、
: これは文字で
<$ArticleTitle ESCAPE$> これはタグ。

だからなんでも良いのです。
〜、( )、[ ]、「 」 なんでも (^^)
でも、タグと混同するような文字の使用は少し控えた方が良いです。タグとしてあまり使わないような、できれば全角の文字を使用するほうが間違いは少ないでしょう。
6. Posted by yusuke    2006年10月17日 03:54
初めまして!

この方法でタグをいじりました(^^♪
Hの秘密での方法はh2、h3をブログ
の投稿のときに使うということでした。

このもうひとつのHのやり方はh3
だけをブログの投稿に使うということでしょうか?
7. Posted by AQ    2006年10月17日 20:36
> yusuke さん 初めまして (^^)
>>6
[blockquote]この もうひとつの H のやり方は h3
だけをブログの投稿に使うということでしょうか?[/blockquote]
そうです。厳密に言えば、h3 以下の <h> という事になりますが、h4、h5、h6 ... などを使用してどれほど効果があるかは正直わかりません。h3 に関しては重要であることは間違いありませんが ・・・。

気軽に使える、<b>、<strong>、<em> などのタグも記事文章中に使用して、適度にキーワードを並べるのも良いと思います。

それと以外に意識されていませんが、<a> タグも検索エンジンに目をつけられやすいタグです。内部リンクなどを積極的に貼り付けて、その中にキーワードを含ませると結構拾ってくれますよ (^^)
8. Posted by sea_gu_ska    2007年01月17日 18:47
お返事ありがとうございます[またね〜]

私の実家にはネコちゃん2匹(♂)おります。
動物って良いですよね〜。
癒されます^^

早速、本題のブログカスタマイズの件、こちらにカキコします。
現在使用しているブログが味気ないので、ライブドアのテンプレを利用し、SEO対策 ( カスタマイズ ) を施そうと思ってます。
そこで質問なのですが、ブログのトップページ(センターの記事の部分)って、記事を書く毎にアドレスがhttp://〜〜/[u]12345[/u]といった風に変化し、最新記事が表示されますよね。固定出来ないものでしょうか??
9. Posted by AQ    2007年01月17日 19:21
> sea_gu_ska さん
>>8
SEO の話だと思っていました ww

[blockquote]ブログのトップページ ( センターの記事の部分 ) って、記事を書く毎にアドレスが http://〜〜/12345 といった風に変化し、最新記事が表示されますよね。[/blockquote]
ん? ごめんなさい。もう少し詳しくコメント頂けますか [?]

トップページは記事をいくら更新しても
アドレスは変化しませんよ ・・・ (・・?)

末尾に『 〜/12345.html 』 と付くのは、すべて個別記事です。
固定するというのは具体的に言うと、どうなさりたいのでしょうか [?]
10. Posted by sea_gu_ska    2007年01月18日 09:41
>SEO の話だと思っていました ww
あはっ(^ー^; すみません。。。
SEO対策の件は、AQさんの記事で参考になってますので、こちらは、まずチャレンジしてみます!

トップページの件ですが、
私が言いたかったのは、トップページに必ず最新記事が出てきますよね?日々更新すれば、アドレスは変化しなくても、トップページの内容(記事)は変わる…それがイヤだ!って事なんです。ブログだから仕方ないのでしょうか?
例えば、企業のHPなどですと、トップページはその企業の今一番打ち出したい戦略とかをのせて、脇に個別のお知らせとかあったりするじゃないですか?
そんな感じにしたいんです!

こんな拙い説明で分かりましたでしょうか??[どぼじで〜]
11. Posted by AQ    2007年01月18日 12:34
> sea_gu_ska さん
>>10
なんとなくわかった (^_^;)

これはコメント欄での返答は無理ですね。
相当の文章量になっちゃいます [汗汗]

この質問についての記事を新たに掲載するから、
それを参考にして下さい。

その記事のコメント欄で、わからない事を補足してお答えします。
記事の掲載まで、しばらくお待ちくださいね〜 ヽ(^。^)ノ
12. Posted by sea_gu_ska    2007年01月18日 15:16
AQさん…
色々ご迷惑を掛けます〜 [叫び]
楽しみに待ってま〜す [ハート]

ちなみに… [汗汗]
「相互リンクURLをトップページに貼り付け…」
って良くあるじゃないですか?
それって、カスタマイズのトップページのHTMLに記述した方がページランク的に良いのですか??

重ね重ねスミマセン [どぼじで〜]
13. Posted by AQ    2007年01月19日 04:19
> sea_gu_ska さん
>>12
記事にするより、クチで言った方が早いんだけどね (^_^;)
( 何のためのネットやねん [汗汗] )

[blockquote]それって、カスタマイズのトップページの HTML に
記述した方がページランク的に良いのですか??[/blockquote]
変わりませんよ (^^) 単に入力 ( 記述 ) する入り口が
変わっただけで、HTML としての出力はひとつです。

直接 HTML に書こうが、投稿記事内に書こうが結果は同じです。
14. Posted by 梨乃    2007年02月10日 12:38
初めて彼氏ができました [ハート]
最初 H をしました [ウインク]
嬉しかった [LOVE]
15. Posted by AQ    2007年02月10日 16:38
> 梨乃さん ・・・ (; ̄ー ̄)...ン?
>>14
初めまして。良かったですね (^^)
嬉しい気持ちが、いつまでも長続きしますように、
私も心の中で祈っておきますね [ウインク]
16. Posted by 財成ぼっちきろう    2007年02月14日 00:57
初めまして、こちらのブログを参考にさせていただきました。非常に勉強になり、ありがとうございました。12月終わりごろからブログを始め、2週間ほど前にこちらのサイトを見つけ即ブログをいじくりました。しかし、もうひとつのHのパターンでブログを変更しましたが検索エンジンからのヒット数が変更以前より少なくなったような気がしますがなぜでしょうか?
一時的なものでしょうか?[どぼじで〜]
 
私はHTMLやタグは全くの素人ですが・・・<h2 class="date"><$ArticleDate$></h2> のh2 を 『 div 』 に変更しましたが、するとこうなりました。<div class="datebody"><div class="date"><$ArticleDate$></div></div>  </div>が2回続くのは問題ありませんか?
すみませんがよろしくお願い致します。
17. Posted by AQ    2007年02月14日 02:09
>財成ぼっちきろう さん
>>16
[blockquote]もうひとつのHのパターンでブログを変更しましたが検索エンジンからのヒット数が変更以前より少なくなったような気がしますがなぜでしょうか?[/blockquote]
ん〜 一時的なものか、実際に下がったのかは判断できません。[汗汗]
さきほど、ブログを拝見させていただきました。

財成ぼっちきろう さんのブログのジャンルから考えると、『 もうひとつの H 』 の方法よりも、[a]http://blog.pekebatu.com/archives/50417443.html#jump[txt]『 H の秘密 ( SEO ) 』[/txt][/a] の方法のほうが適しているように思えます。良かったらもう一度後者の方を試してみて、しばらくの間、検索エンジンに巡回してもらって拾ってもらうのをお待ち下さい。

それとこちらも同時に試していただくと、よい結果が出ると思います。

[a]http://blog.pekebatu.com/archives/50605553.html#jump[txt]■ キーワードタグで SEO[/txt][/a]

私はこれらをカスタマイズしてから、SEO の事は殆ど気にせず記事を更新していますけど、任意のキーワードにおいては、次の日にはたいがい上位に入っているみたいです。但し、主にヤフーに強いようで、グーグルでは効果が出るのが遅いみたいです (^_^;)

[blockquote]</div> が2回続くのは問題ありませんか?[/blockquote]
はい。ぜんぜん問題ありません。気になるようでしたら ・・・

<div class="datebody"><span class="date">
<$ArticleDate$></span></div>

として頂いても良いですよ (^^)
18. Posted by 財成ぼっちきろう    2007年02月14日 10:23
AQさん ほんとうに解り易く教えていただき、ありがとうございました。
[どぼじで〜]
『 H の秘密 ( SEO ) 』 の方法に変更して、しばらくまってみます。
「 キーワードタグで SEO 」 も試してみます。
ほんとうにありがとうございました。[にゃ〜ん]
19. Posted by AQ    2007年02月14日 14:27
> 財成ぼっちきろうさん
>>18
いえいえ。また何かあれば、いつでも遊びに来て下さい。

SEO の決め手は、このカスタマイズだけじゃ無いです。
普段どれだけみんなの興味を引く記事を書けるかです。
頑張って下さいね [ウインク]
20. Posted by 財成ぼっちきろう    2007年02月15日 15:19
AQさん
こんにちは、ブログですが 『 H の秘密 ( SEO ) 』 の方法に変更しました、「 キーワードタグで SEO 」 も実行していますよ。[ハナ歌♪]
しばらく様子を見てみます。お世話になりました。
勝手ですが相互リンクさせていただきました。[LOVE]
またお尋ねすることがあるかもしれませんが宜しくお願い致します。[フリフリ]
21. Posted by AQ    2007年02月16日 04:48
> 財成ぼっちきろう さん
>>20
ブログ確認しに行きました。
『 キーワードタグで SEO 』 のほうなんですけど、記事タイトルと
重ならない言葉でキーワード設定したほうが良いですよ。

言葉を重複させると、初めは検索上位に入る確率が高まりますけど、記事本文と併せてあまり使いすぎると、キーワードスパムとして捉えられてしまい、順位が一気に落ちちゃう可能性があります [あちゃ〜]

キーワードは使い過ぎに注意です ( ´∀`)b

こちらもリンク貼っておきました。また遊びに来て下さい (^^)

[a]http://blog.pekebatu.com/archives/50342893.html#jump[txt]☆ Links > フレンズ > 相互リンク ( ブログサイト )[/txt][/a]
22. Posted by 麺しろう    2007年03月16日 01:40
AQさん
はじめまして。麺シロウと申します。
約半年前から静岡中心のラーメン食べ歩きブログをやっております初心者です。検索からこちらを発見し、日々参考にさせていただいております。ありがとうございます。
実はこの記事の<h>タグの方法をまねさせていただきまして、自分のブログをカスタマイズいたしました。ブログの題名文字が大きくなりすぎてしまいバランスが悪いのですが、文字を小さくする方法はございますでしょうか。
お忙しいところ新参者の突然の申し入れで大変恐縮なのですが、方法がございましたらお暇なときにでもご教授いただけますと幸いに存じます。
(私のブログは他にも素人の適当カスタマイズを行って、見栄えの悪いもので恥ずかしいのですが・・・。)
よろしくお願い申し上げます。
23. Posted by AQ    2007年03月16日 23:52
> 麺しろう さん
>>22
初めまして。こんばんわ ヽ(^。^)ノ

元の <h3> を <h2> に変更した為に、CSS に記述してある記事タイトルへの指示が効かなくなっているのが原因です。CSS の記述を少し変更するだけで、元の状態に戻ります。

現在 :
[blockquote]h3.title{
line-height:137%;
font-size:16px;
font-weight:bold;
color:#990;
}[/blockquote]
変更後 :
[blockquote]h2.title{
line-height:137%;
font-size:16px;
font-weight:bold;
color:#990;
}[/blockquote]
h3 を h2 に変更するだけです。

まだ文字が大きいと思うのならば、この部分 『 font-size:16px; 』 の数字を小さい数字に変更して下さい。CSS を保存。CSS の再構築を行なって下さい。・・・ これで OK ( ´∀`)b です。
24. Posted by 麺シロウ    2007年03月18日 10:55
突然の質問に対して、ご丁寧にご回答いただきまして誠にありがとうございます。
ただいまCSSの変更を行いましたところ、無事に文字サイズを変更することができました。
サイズだけでなく、色の変更もこちらでできるようですね。

本当に助かりました。
ありがとうございました。m(_._)m
25. Posted by AQ    2007年03月19日 02:32
> 麺シロウさん
>>24
確認しに行きました (^^) 綺麗になっていますね [音符]

私もラーメンとカレー ・・・ 特にカレーは大好きなので、
ちょくちょく見に行かせて頂きますね [ウインク]
26. Posted by こまる子    2007年04月12日 20:22
AQさん はじめまして、こまる子と申します。
いつもAQさんのページにはお世話になりまくっており、
ありがとうございます <m(__)m>

Hタグの変更、ご教授どおりにやってみました。ただ、カテゴリと個別の " blogtitle " だけは div にせず、h2 にしてみたのですが … ( 自分のブログは、カテゴリ・個別ページであってもブログタイトルに重点をおきたいためです ) そこでちょっと気になることが 。。

↑ この点以外はAQさんが教えて下さっている通りになおしてみたので、そうすると必然的に、h1 の上に h2 がくることになってしまいます。これは構造上問題ないでしょうか…? 不勉強でごめんなさい、、お手すきにご教授頂けると幸いです。[もっとorz...]
27. Posted by AQ    2007年04月13日 01:16
> こまる子 さん
>>26
基本的に SEO の手法に決定的なものはなく、みんな
アレヤコレヤと思考錯誤の中で、色々とチャレンジしています。

私が掲載した記事も完璧なものでは無いにしろ、効果が出てるのは私自身のブログの、検索エンジンへの表示状況が物語っています。

私の書いた記事をベースに、ご自身の考えで色々とアレンジなさるのはとても良い事で、今後のスキルアップに必ずその性格は、きっとプラスの方向へ進んでいく事でしょう (^^)

[blockquote]h1 の上に h2 がくることになってしまいます。
これは構造上問題ないでしょうか…?[/blockquote]
<h1> <h2> <h3> ・・・ <h6> の順番は絶対です! <h1> の上に <h2> があったり、<h3> の下に <h1> があったりするのは、減点対象となります。検索エンジンへの表示だけでなく、グーグルランクにも影響を及ぼすそうです。修正した方が良いと思います (^_^;)
28. Posted by こまる子改めヤッターマン    2007年04月18日 05:18
AQ先生!
お返事ありがとうございました(^^)
先生と呼ばせて頂きたい。。

hタグの順番、Web上を歩いてまわってみたら…基本中の基本のようですね…調べれば簡単にわかることでも、基本的な知識がないと、調べるまでもいきません。。SEOの本など買いましたが、タグがアラビア語のように見えてくる始末で…

きっかけを下さったAQ先生に感謝、感謝です。
ありがとうございました!

PS.言魂が悪い気がしたので、こまる子を卒業し、ヤッターマンに変えました。って無理矢理すぎますかね [叫び]
29. Posted by AQ    2007年04月20日 02:15
> ヤッターマンさん
>>28
先生と呼ぶのは、お好きなようにどうぞ ww
シャレでそう呼ぶ方が、時々おられますから (^_^;)

ヤッターマンの記事を、タイミングよくあげました。
そのハンドルは ( ´∀`)bグッ! ですよ!!

女性でしたよね? じゃ〜 ヤッターマン 2 号ですね [ハート]
30. Posted by ヤッターマン2号    2007年04月21日 01:43
また、改めてしまいました!
いや〜、先生のヤッターマン UP にびっくりです ^^;
そんなこともされるのですね!
益々ここを訪問するのが楽しみになりました。
またよろしくおねがいしますッ

おやすみなさい [おやすみ]
31. Posted by AQ    2007年04月22日 00:23
> ヤッターマン2号さん
>>30
はは (^^) すぐに改名しましたね ww

このブログ、最近本来のカテゴリーを離れて、
僕の気に入ったネタに集中しています (^_^;)

最新の記事もなんか、お気に入りなものがないか、
チェックしてみて下さいね ヽ(^。^)ノ
この記事にコメントする
 :Name
 :Mail
 :URL
  情報を記憶:   書き込みのリセット: 
 
ご利用のブラウザ、設定ではご利用になれません。
 
  



Promotion
Mini BBS
Tag Click