モノではなくお金を貯める。2015/08/21検索エンジンは見出しタグ、特にh1の項目を重要視して、インデックスを作成しているそうです。人には見た目で見出し等をアピールできますが、検索エンジンには、強調したい項目に正しくHTMLタグをつけることで伝えたい情報をアピールできます(SEO)。Seesaaブログはデフォルトでは見出しタグが結構適当につけられているため、よりよい構造にする方法をご紹介します。変更するページはトップページ、記事ページ、カテゴリページ、タグページです。検索ページはリンクがなく、検索エンジンの対象外なので特に変更しません。h1タグh1タグは見出しタグの中でも、トップレベルのタグでSEOにおいても重要だと言われています。ここにはタイトルに次いで強調したいことを入れるべき(タイトルと同じでもかまわないそうです)ですが、Seesaaブログでのh1タグは全てのページでブログのタイトルとなっています。トップページはブログタイトルがh1で問題ありませんが、それ以外は各ページで強調したい事は違っているはずです。今回の変更ではh1タグを記事ページでは記事のタイトル、カテゴリページではカテゴリ名、タグページではタグ名、過去ログページでは年月に変更します。h2タグSeesaaブログではなぜか全ページで記事の日付がh2になっているので、削除します。h2タグ以降は記事本文中の見出しに使います。h1ではない、記事ページ以外の記事タイトルもh2に変更します。h3タグSeesaaブログでは記事タイトルがh3になっています。上記変更で記事タイトルは記事ページではh1、それ以外ではh2になります。変更した箇所ブログタイトル(ブログ名)、記事日付、記事タイトル、カテゴリ名、過去ログ名、タグ名の見出しを変更しました。ブログタイトル以外は基本的には記事HTMLの編集ですが、タグページは例外で全体HTMLを編集する必要があります。ブログタイトルSeesaaブログでは、ブログタイトルは全ページでh1タグになっています。h1タグは各ページで変更したいのでトップページ以外はdivに変更します。デフォルトではブログタイトルはデザイン->コンテンツのヘッダー部(content_header)のブログタイトルというパーツに配置されています。トップ、タグ、検索ページが同一でいいのならば、表示するページが異なるパーツを複数配置すればいいのですが、それではトップページとタグページを使い分けられないので、全体のHTMLを編集します。id=”banner”>の下に挿入します。%></div>SeesaaのCSSではh1を指定して、ブログタイトルのデザインを決めているのでそのままではデザインが変わってしまいます。そのためclassとしてblogtitleを指定しています。デザイン設定からCSSを編集し、使用しているCSSでh1を指定してる箇所があれば、それをclass名である.blogtitleへ変更します。記事の日付デフォルトでは記事の日付がh2になっていますが、特に日付を見出しにしたくはないのでdivに変更します。タグページの日付はh2がついていないので、記事HTMLのみの編集です。太字の部分を変更します。class="blogbody">CSSもh2の指定の箇所があれば、class名の.dateの指定へ変更します。記事のタイトル記事のタイトルはh3になっていますが、これを記事ページではh1、その他のページではh2に変更します。class=”blogbody”>の直下をハイライトのように変更します。-%>タグページには見出しがついていないので、これにはh2を追加します。全体HTMLの以下の部分に太字のタグを挿入します。%>]</span></div>CSSのh3の指定の箇所は.titleへと変更します。カテゴリ名と過去ログ月カテゴリページには”カテゴリ:カテゴリ名の記事”という項目を、過去ログページには”xx年xx月の記事”という項目をそれぞれ追加し、h1に指定します。-%>の上にハイライトの部分を追加します。-%>もともとない項目なので、ここのデザインを変更する場合、CSSにも項目を追加する必要があります。blogtitleとtitleのみがh1なので以下のような指定の仕方でカテゴリ名も年月も同じデザインにできます。h1:not(.blogtitle):not(.title)カテゴリと過去ログで別のデザインにする場合はclass名を指定する必要があります。タグ名タグのページには”タグ/タグ名”という項目があるので、これをh1に指定します。これは全体HTMLの以下の太字のタグを挿入します。変更したHTML今回変更したHTMLを以下に公開しています。revisionを見ると変更した箇所がわかりやすいかと思います。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスウェブサイト上に表示された文字を入力してください。...Woman&Crowdウーマンクラウドが倒産?サービス終了で閉鎖されるなんて。いえば、久々にWoman&Crowdでも。...雑巾を使わない、という選択。使い捨て便利掃除グッズに移行。...レディース向けの可愛い人気サブバッグ(結婚式や通勤で使える)が好き♡あると便利、ないと困るサブバッグ。...公立幼稚園のママ&子どもの面接服装って?地域によっては、幼稚園or保育園の入園準備が始まるころですね。...東京都内に安いタクシー会社(迎車料金無料or深夜割増なし)があったよ我が家はマイカーを持ってません。分岐水栓がつかなくても工事不要!食洗機(食器洗い乾燥機)を設置する方法をまとめています。...レゴマット&バッグを簡単に手作りした《100均利用・ミシン不要》おくるみをリメイクしてレゴマット&バッグを手作りする方法をご紹介しています。分岐水栓がつかなくても工事不要!あやさん、コメントありがとうございます。分岐水栓がつかなくても工事不要!こんばんは。ふるさと納税の限度額を自分で計算【2017年対応】コメントありがとうございます。ふるさと納税の限度額を自分で計算【2017年対応】こんにちは。興味があって、参考に読ませていただきました。モノではなくお金を貯める。