2007年から2013年までの期間、およそ10,000件のデザインの記事をアップしたブログのアーカイブ。現在はhttp://designwork-s.netで更新中。
2007年03月20日

適切な見出しタグをつけて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ブログでファビコンを表示させる方法
posted by admin at 18:26 | Comment(2) | TrackBack(1) | Seesaaカスタマイズ
この記事へのコメント
はじめまして。

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

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

これからも参考にさせて頂きますので、
何卒宜しくお願い致します。
Posted by れのじ at 2007年08月20日 00:34
れのじさん>
コメントありがとうございます。アウトプットする事はとても大事な事だと思います。書いて覚えて行くなんて事もありますし。覚えた事をブログにアップするのはとても良い事だと思います。自分自身も最初は右も左もわからない状態でしたし…。

頑張って役に立つ記事を書いて行こうと思っていますので、今後ともよろしくお願いたします。
Posted by 管理人 at 2007年08月21日 19:09
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック

seesaaブログのカスタマイズ役立ちページ一覧
Excerpt: ウェブページについてずぶの素人だった館主が、当サイト「電子館の庭」の作成に当たってはかなりたくさんのサイトを参考にさせてもらったが、今回はそのうちseesaaブログについての記述があったページを紹介..
Weblog: 電子館の庭
Tracked: 2008-12-02 15:39