ネットで稼ぐためには… > HTMLでカスタマイズ > 見出しタグ(h1、h2、h3、h4、h5、h6)を変更
2006年12月22日

見出しタグ(h1、h2、h3、h4、h5、h6)を変更

Seesaaブログで見出しタグを見たら思わぬ誤算があったので設定変更をしました。


見出しタグとは

新聞をイメージしてみて下さい。まず大きな見出しがあり、その後に詳しい本文があります。場合によっては大きな見出しの後に小さな見出しがあることもあります。これのweb版が見出しタグです。
見出しがあると文章が整理され分かりやすくなるように、見出しタグがあると検索に有利になりアクセスアップに繋がります。


見出しタグの種類

見出しは<h1>〜<h6>というタグで表現され、数字が小さい程重要度が高いです。そこで<h1>はサイト名に使用されたりします。


Seesaaブログの見出しタグ問題点

Seesaaの場合、標準タグ割り振りは以下のようになっています。

  • <h1>→タイトル
  • <h2>→日付
  • <h3>→記事タイトル

これを見ると記事のタイトルよりも日付が大切ということです。そこで<h2>と<h3>を入れ替えました。見た目は変わりませんが検索には少し強くなります。


<h2>と<h3>の入れ替え方法

  1. Seesaa管理画面→デザイン→コンテンツ→記事を選択
  2. 右上にある「コンテンツHTML編集」をクリック
  3. 画面が切り替わったら、キーボードの「Ctrl」ボタンと「F」ボタンを同時に押し検索ボックスを表示
  4. 「<h2>」と入力して、エンターキー
  5. <% if:with_date %><h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2><% /if %>のh2h3に変更
  6. すぐ下の<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>のh3h2に変更
  7. 保存をクリック
  8. 全てのページを再構築

次はスタイルシートを変更します(表示がおかしくならなければここの操作を行わなくても良いです)。

  1. Seesaa管理画面→デザイン→スタイルシートを選択
  2. h2{〜}を探しh2h3に変更
  3. h3{〜}を探しh3h2に変更
  4. スタイルシート記述順がh1,h3,h2になっているのでh1,h2,h3になるようにする(h3の内容をコピーし、h2の後に貼り付け、h3の内容を消す)
  5. スタイルシートを変更するをクリック
この記事へのコメント
コメントを書く
コメントに関するお願い

荒らし対策のため、以下のようなコメントは削除対象となります。

  • 記事への関連性がない、単なる宣伝目的のもの
  • 様々なHPに同一の内容を書き込んでいるもの
  • 違法性のあるもの

これ以外のコメントは全て公開します。

お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。

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

この広告は1年以上新しい記事の投稿がないブログに表示されております。