2005年03月14日
Seesaaブログで早速HTMLカスタマイズ
先日からSeesaaブログでHTML編集が可能になりましたので、早速少しだけカスタマイズしてみました。
まずは手始めとして、ちょっとだけSEO対策です。
まずは手始めとして、ちょっとだけSEO対策です。
まずページタイトル。Seesaaブログもその他多くのブログと同じく、ページタイトルはブログ名優先となっています。インデックスページはそれでもいいのですが、カテゴリページ、個別記事ページはやっぱりカテゴリ名、記事名にするべきです。（詳しくはこちら：ブログ的SEO-ページタイトルを設定する）
この設定はデザインのHTML編集で行います。
やることは簡単です。＜title＞タグを少しだけ編集します。
extra_titleにどうやらカテゴリ名や記事名が入ってくるようなので、これを前に持ってきます。
そして次に、記事タイトルをH2にします。ここもなぜか他のブログの例に漏れず、日付がH2タグ、記事タイトルがH3タグとなっています。細かい話ですが、日付なんてそれほど重要でないところにH2が使われているのは気になります。まあブログの構造から考えれば、日付がH2というのも間違ってはいないんですけどね。（詳しくはこちら：ブログ的SEO-見出しの活用）
このカスタマイズはテンプレートのHTMLではなくて、コンテンツHTMLを編集します。このあたりがライブドアブログと少し異なる部分ですね。Seesaaはコンテンツ機能が充実しており、ブログを構成するほとんどの部品はコンテンツかされています。今回のHTML編集機能追加で、このコンテンツのHTMLも編集できるようになっているので、そちらから行います。
こちらも簡単な作業です。HTMLを良く見るとH2とH3が使われている部分が見つかります。日付表示をくくっているH2はdivに変更します。代わりにそのすぐ近くにあるH3タグは記事タイトルですので、こちらをH2にレベルアップします。
コンテンツHTMLを編集するだけでも、表示にはそれほど影響なく、気にならなければこれだけでもOKなのですが、気になる場合はスタイルシート（CSS）も少し編集した方がいいでしょう。私が使っているCSSでは、H2タグにpaddingの設定がされていないので、
padding:0px 5px 0px 10px;
の一行を追加しました。これが無いとタイトルが少し左に寄りすぎるんですよね。もしかしたらこのあたり、選択しているデザインによって差があるかもしれませんね。
そして最後に補足ですが、テンプレートHTMLにも記事コンテンツHTMLと同じような記述が見つかります。クラス名から推測するに、おそらく検索結果表示ページ様のHTML記述だと思われますが、念のためこちらもH2タグとH3タグを調整しておきます。
今回は見た目にはほとんど違いは出ませんが、SEO的にはそれなりに有効なカスタマイズです。これまでSeesaaブログではこういったSEOが不可能だったわけですが、これでその弱点も克服ですね。もともといろんな面でアフィリエイトに向いているといわれるSeesaaブログですが、今回のHTML編集機能追加で、ますますアフィリエイト適性は向上するのではないかと思います。
人気ブログランキング。目指せトップ１０入り！この設定はデザインのHTML編集で行います。
やることは簡単です。＜title＞タグを少しだけ編集します。
<title><% if:extra_title %><% extra_title %> :<% /if
%><% blog.title %></title>
extra_titleにどうやらカテゴリ名や記事名が入ってくるようなので、これを前に持ってきます。
そして次に、記事タイトルをH2にします。ここもなぜか他のブログの例に漏れず、日付がH2タグ、記事タイトルがH3タグとなっています。細かい話ですが、日付なんてそれほど重要でないところにH2が使われているのは気になります。まあブログの構造から考えれば、日付がH2というのも間違ってはいないんですけどね。（詳しくはこちら：ブログ的SEO-見出しの活用）
このカスタマイズはテンプレートのHTMLではなくて、コンテンツHTMLを編集します。このあたりがライブドアブログと少し異なる部分ですね。Seesaaはコンテンツ機能が充実しており、ブログを構成するほとんどの部品はコンテンツかされています。今回のHTML編集機能追加で、このコンテンツのHTMLも編集できるようになっているので、そちらから行います。
こちらも簡単な作業です。HTMLを良く見るとH2とH3が使われている部分が見つかります。日付表示をくくっているH2はdivに変更します。代わりにそのすぐ近くにあるH3タグは記事タイトルですので、こちらをH2にレベルアップします。
コンテンツHTMLを編集するだけでも、表示にはそれほど影響なく、気にならなければこれだけでもOKなのですが、気になる場合はスタイルシート（CSS）も少し編集した方がいいでしょう。私が使っているCSSでは、H2タグにpaddingの設定がされていないので、
padding:0px 5px 0px 10px;
の一行を追加しました。これが無いとタイトルが少し左に寄りすぎるんですよね。もしかしたらこのあたり、選択しているデザインによって差があるかもしれませんね。
そして最後に補足ですが、テンプレートHTMLにも記事コンテンツHTMLと同じような記述が見つかります。クラス名から推測するに、おそらく検索結果表示ページ様のHTML記述だと思われますが、念のためこちらもH2タグとH3タグを調整しておきます。
今回は見た目にはほとんど違いは出ませんが、SEO的にはそれなりに有効なカスタマイズです。これまでSeesaaブログではこういったSEOが不可能だったわけですが、これでその弱点も克服ですね。もともといろんな面でアフィリエイトに向いているといわれるSeesaaブログですが、今回のHTML編集機能追加で、ますますアフィリエイト適性は向上するのではないかと思います。
この記事へのトラックバックURL
トラックバックありがとうございます。トラックバックスパム対策の為、このブログへのトラックバックは一時的に保留されます。出来だけ速やかに公開しますのでどうぞよろしくお願いします。
http://app.blog.livedoor.jp/hammer77/tb.cgi/16294635
この記事へのトラックバック
SeesaaブログのHTML編集に関して調べているのだが、なかなかHTML編集をしている記事が見つからない。 私の探し方が悪いのか、HTML編集に興味がある人があまり多くないのか。 以下、発見したSeesaaブログHTML編集記事です
Seesaa HTML膩����link【無料ブログでビジネスブログ】at 2005年03月14日 17:29
別にランキング上位に入ってとかあんまり努力してないんですけども、 一応、学生ブログランキングも登録してみたんですけど、ねー難しいです。 でも、ちょこっとHTML書き換えたおかげか、googleで「さかな日記」で 検索すると、トップに出るようになったんですねー ここを参.
ランキングねー【さかな日記】at 2005年03月31日 19:06
Sessaブログカスタマイズです。 トップページにメニューをつけてみました。 これは、コンテンツの自由形式をメインの記事の上に追加するだけですので、簡単です。
トップページにメニューを【趣味で始めるアフィリエイトブログ】at 2005年05月21日 18:24
[変更前] トップページ 「ブログ名」 カテゴリページ 「ブログ名: カテゴリ名」 過去ログページ 「ブログ名」 記事ページ 「ブログ名: 記事タイトル」 これを次のように変更しました。 [変更後] トップページ 「ブログ名」 カテゴリページ 「カテゴリ....
タイトルバーの表示をカテゴリー名に変更する方法(Seesaa)【ブログで音楽を流す方法】at 2006年03月03日 11:56
この記事へのコメント
はじめまして。
ブログ初心者なので早速試したいのですが、H2タグうんぬん以下、やり方がよく分からないのですが、更に詳しく解説して頂くことはできますか？
また、私は左サイドバーのテンプレートに右サイドバーを足して作っていますが、
コンテンツの縦がくっついて表示されてしまします。これを直す方法はありますか？ぜひよろしくお願いします。
ブログ初心者なので早速試したいのですが、H2タグうんぬん以下、やり方がよく分からないのですが、更に詳しく解説して頂くことはできますか？
また、私は左サイドバーのテンプレートに右サイドバーを足して作っていますが、
コンテンツの縦がくっついて表示されてしまします。これを直す方法はありますか？ぜひよろしくお願いします。
Posted by
パゴス
at 2005年04月14日 13:35
はじめまして、パゴスさん。
うーん、H2あたりの説明はここではちょっと難しい＾＾；また記事にします。
とりあえず右サイドバーの縦がつながってしまうのを回避する方法ですが、これは間を空けたいところに＜br /＞を入れるのが一番手っ取り早いかと。
お試しを。
うーん、H2あたりの説明はここではちょっと難しい＾＾；また記事にします。
とりあえず右サイドバーの縦がつながってしまうのを回避する方法ですが、これは間を空けたいところに＜br /＞を入れるのが一番手っ取り早いかと。
お試しを。
Posted by hammer
at 2005年04月14日 22:33
どうもありがとうございました。
やってみます。
更なる役立記事を楽しみにしてます。
やってみます。
更なる役立記事を楽しみにしてます。
Posted by
パゴス
at 2005年04月15日 11:31
コメントお待ちしています。こちらではコメント認証もコメント保留も行っておりません。お気軽にコメントください＾＾
ブログメニュー
新着記事
|
|||
|
|||
メインコンテンツ |
|||
|
