Seesaaブログのあるべき姿-HTMLテンプレートの編集

| | コメント(0) | トラックバック(0)

Seesaaブログの各記事のソースを見ていて「おおおっ!」と思ったのがhタグの使われ方。

デフォルトだと

h1:ブログタイトル
h2:投稿日付(!)
h3:記事タイトル

となっている。

もちろん「おおおっ!」と思ったのはh2だ。



 

基本的にhタグに使われているキーワードは、検索エンジンの評価の重みが高いとされている。
hタグはh1~h6まであるが、seesaaブログで使われているのはh3までだ。

たぶんh1から順に、重みが減っていくと思われるが、ここは定かではないっぽい。
2005年のエントリだけど、こんな結果もあったりするので。。
http://www.hyperposition.com/rumor/tag-scoring.html

それに、6段階のタグを使い分けるのもなかなかむずかしいと思うので、h3あたりまでを意識して使えばいいか、的な意味でもh3までを使っているのはいいと思う。
逆に言えば、絞り込むんならh1~3は、キッチリ考えたうえで使われるべきだと思う。

で、投稿日付を強調したいってケースはあんまないと思う。場合によっちゃあるのかもだけど、デフォルトでこれはどうかと思う。

さて、ブログの構造を大雑把に考えると
-トップ
 -カテゴリ
  -記事
という感じ。

必ずしも、これが当てはまるとは限らないだろうけど
h1:ブログタイトル
h2:カテゴリ名
h3:記事タイトル
というマッピングが、文書構造的にも適切だと思う。

が、Seesaaブログの構造を見てみると

-ブログタイトル
 -記事タイトル
  -カテゴリ

という構造になっている。

SEOの観点からはHTMLソースレベルで上のほうにあるキーワードのほうが重視されるらしい。
とすると、

h1:ブログタイトル
h2:記事タイトル
h3:カテゴリ名

が好ましい姿と考えられる。

が、Seesaaブログのページ構造を見てみると、各記事の「カテゴリ」がページ上に配置されていない。
まあ、この辺はかわりに「タグ」あたりを強調できるようにすればいいんじゃないだろうか。どちらかっていうとタグのほうが本質的な気もするし。

最終的には

h1:ブログタイトル
h2:記事タイトル
h3:タグ

という感じがSeesaaブログのデフォルトであってほしい姿である。

いちおうSeesaaブログもHTMLテンプレートをいじれるようにはなっていて、筆者も上述の内容に沿うよういじってみようとしたが、30分くらい使ってもうまいこといかなかったし、他に優先度が高いこともあるのであきらめちゃった。

誰か、知ってる人がいたら教えてください。
もしくはSeesaaブログの中の人、なんとかしてつかあさい。

追記(5/29):
できた。編集するところを間違ってただけだった。
デザイン>コンテンツ>記事>右上のHTML編集
で以下の修正をした。

<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2><% /if %>


<% if:with_date %><div class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></div><% /if %>


<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>


<h2 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h2>


<% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>


<% if:list_tag %><h3 class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></h3><% /if %>


※これはif文分岐で2箇所ある。

追記2(5/29):
調べてみると、この件について先人がたくさんいらっしゃった。
どうやら、当記事の内容だけだと、実はデザインが多少おかしくなってるっぽい。(気づかなかった。。。)
筆者は気づかなかったくらいなのでもはや直す気はないけど、気づいて気になる人は下記エントリなどを参考にされるとよいかと思います。
http://designworks.seesaa.net/article/36437401.html

あと、googleウェブマスターツールでも「メタデータ(descriptions)の問題」と言われているので、これも先人の教えに従って修正。
http://designwork-s.com/article/43656736.html
※追記(5/31)============
GoogleのSERPs(検索結果ページ)のスニペット(ページの説明文のところ)は、descriptionに記載されているキーワードがヒットした場合はdescriptionの内容が表示され、そうでない場合はコンテンツ中のヒットしたキーワード周辺が表示される。このブログをみてくれている人はGoogleユーザーが圧倒的だし、内容からしてもスニペットにはdescriptionより、コンテンツが表示されたほうがいいと思うので、結局トップページ以外ではdescriptionは取り去った。

<% if:extra_title -%><% else -%><meta name="description" content="<% blog.description | nl2br | tag_strip %> - <% blog.title %>"><% /if -%>

========================

さらなるSeesaaのイマイチな点として、Googleの検索結果(SERPs)に表示される際、ブログタイトル:記事タイトルになっていて、ユーザーが一番見たい、記事タイトルが見切れてしまうのは良くない、というのがある。これも以下のサイトを参考に修正。

http://testhp.seesaa.net/article/36921585.html

とりあえず、こんなもんかな。。。

追記:

SeesaaブログからMTに引越しました。


トラックバック(0)

このブログ記事を参照しているブログ一覧: Seesaaブログのあるべき姿-HTMLテンプレートの編集

このブログ記事に対するトラックバックURL: http://hirop0164.s326.xrea.com/mt/mt-tb.cgi/169

コメントする


画像の中に見える文字を入力してください。

このブログ記事について

このページは、ぴろしが2008年5月29日 01:33に書いたブログ記事です。

ひとつ前のブログ記事は「rails2で検索フォーム」です。

次のブログ記事は「ruby on rails でログイン機能」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。