適切な見出しタグをつけてSEO対策

seesaaブログはデフォルトを見ていくとおかしな点に気がつきます。それは、日付がh2のタグで囲まれいてタイトルがh3タグで囲まれている点です。

なぜおかしいかと言うと、hタグと言うのは「見出しタグ」と言われ、サーチエンジンのロボットが内容を拾う上で重要度の具合をこれで重み付けしています。このタグはh1、h2、h3、h4・・・と、数字が小さいほど重要な文字・文章とされています。

Seesaaのディフォルトでは、h1がブログタイトル、h2が記事の日付
h3、記事タイトルになっています。日付が重要とされているのはSEO的にも良くないので、今回は日付のhタグを外して、記事タイトルを「h2」にする方法を紹介します。

詳しくは以下

まず、［デザイン］→［コンテンツ］→［記事］→［コンテンツHTML］で、

<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2><% /if %>
<div class="blogbody">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>

赤字の部分を下記のように変更します。

<% if:with_date %><div class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></div><% /if %>
<div class="blogbody">
<h2 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h2>

続いて［デザイン］→［HTML］

<h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2>
<div class="blogbody">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>

コチラも同様に赤字の部分を下記のように変更します。

<div class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></div>
<div class="blogbody">
<h2 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h2>

この時にスタイルシートの本来h2{}内だった内容をdata{}内へ移動させてください。そしてh2のスタイルシートを削除して記事タイトルに当たる、元々「h3」のタグを「h2」に変更してください。これでカスタマイズ完了です。

関連記事

---

seesaaブログでファビコンを表示させる方法

Comments

はじめまして。

初心者ながら記事を参考にさせて頂きました。

正直まだ右も左も判っていない初心者なのに正気ですか？という様な記事を書いてしまった気もします。

これからも参考にさせて頂きますので、
何卒宜しくお願い致します。

Posted by れのじ at 2007年08月20日 00:34

れのじさん＞
コメントありがとうございます。アウトプットする事はとても大事な事だと思います。書いて覚えて行くなんて事もありますし。覚えた事をブログにアップするのはとても良い事だと思います。自分自身も最初は右も左もわからない状態でしたし…。

頑張って役に立つ記事を書いて行こうと思っていますので、今後ともよろしくお願いたします。

Posted by 管理人 at 2007年08月21日 19:09