今月のピックアップ - あなたのサイトに相互リンクシステムを! / 相互リンクのtooland

Seesaaその他カスタマイズ

2008-05-28 Wed

SeesaaSEO的<h1>その@

SEOを考慮した<h1>のカスタマイズ方法です。


表示するページ毎に見出しを変更します。

本来、Seesaaでは<h1>はブログタイトルをマークアップしていますが、今回はブログタイトルは個別に<p>でマークアップします。

事前準備で下記のようにしておいて下さい。

[デザイン]→[コンテンツ]→[ブログタイトル]から[コンテンツHTML編集]を選択し、下記のようにします。

<% content.header -%>
<h1><a href="<% blog.page_url %>" accesskey="1"><% blog.title %></a></h1>
<% content.footer -%>

----- 下記のように書き換えます -----

<% content.header -%>
<p class="blogtitle"><a href="<% blog.page_url %>" accesskey="1"><% blog.title %></a></p>
<% content.footer -%>

----- スタイルシートを書き換えます -----

h1 {
margin:0px;
padding-top:40px;
padding-bottom:20px;
font-weight:bolder;
font-size:24px;
}

h1 a{
color:#746659;
font-family:arial, Helvetica;
text-decoration: none;
font-weight:bolder;
}

----- 下記のように書き換えます -----

.blogtitle {
margin:0px;
padding-top:40px;
padding-bottom:20px;
font-weight:bolder;
font-size:24px;
}

.blogtitle a{
color:#746659;
font-family:arial, Helvetica;
text-decoration: none;
font-weight:bolder;
}

今回は<p class="blogtitle">としましたが、自分でわかりやすいセレクタ名を付けて下さい。

では表示を変える為のソースの解説です。

今回の方法は記述式で、どんなタイトルでも付けられる点がメリットです。

<h1>
<% if:page_name eq 'index' -%>*****トップページで表示させたいキーワード*****<% /if -%>
<% if:page_name eq 'category' -%>*****カテゴリページで表示させたいキーワード*****<% /if -%>
<% if:page_name eq 'archive' -%>*****アーカイブで表示させたいキーワード*****<% /if -%>
<% if:page_name eq 'article' -%>*****個別ページで表示させたいキーワード*****<% /if -%>
</h1>

上記のソースを[デザイン]→[HTML]でXHTML内に直接書き込みます。

<div id="container">
<script type="text/javascript" language="JavaScript" src="<% site_info.blog_url %>/contents/js/ad_plugin.js"></script>
<h1>
<% if:page_name eq 'index' -%>*****トップページで表示させたいキーワード*****<% /if -%>
<% if:page_name eq 'category' -%>*****カテゴリページで表示させたいキーワード*****<% /if -%>
<% if:page_name eq 'archive' -%>*****アーカイブで表示させたいキーワード*****<% /if -%>
<% if:page_name eq 'article' -%>*****個別ページで表示させたいキーワード*****<% /if -%>
</h1>
<div id="banner">
<% content_header %>
</div>

今回は#banner部分より上に配置する設定です。

h1のデザインは後でスタイルシートで設定して下さい。

タグ-[ h1 ]

[ 人気ブログランキングへ ] [ Seesaaその他カスタマイズ ] [ Comment(2) / TrackBack(0) ] [ ▲Top ]

データベースを用いた一覧表示サイトをまるごと簡単に作れる!

儲かりすぎ注意!アフィリエイトで儲かっている方は絶対にクリックしないで下さい!

ラブコスメティック

セクシャルヘルスケア商品の詳細・購入はこちら

シックス・アパート

企業サイトもPingoo!でアクセスUP

ブログ記事を投稿するだけで原稿料を貰える

わずか10秒程度でホームページの問題点が丸裸に!UNFINISHED無料ホームページ診断

▲Page Top

この記事へのコメント

こちらの方法で試してみたのですが、
どうもうまくいきません。

http://tyanagi14.seesaa.net/article/125564864.html

表示が大きい、小さいは別にして、キーワードが表示されません。

何がいけないのでしょうか?
Posted by ヤナギ at 2010年04月15日 04:01
こちらの方法も試してみました。

h1には、個別のタイトルではなく、“日記”と入ってしまいますね。

http://brb.1af.net/article/125564864.html

どこがおかしいか、お分かりになりますでしょうか?
Posted by ヤナギ at 2010年04月15日 04:12

コメント

お名前: [必須入力]

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

ホームページアドレス:

コメント: [必須入力]

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


※画像の中の文字を半角で入力してください。

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

▲Page Top

最近の記事

簡単にリンク集が作成できる便利ツール (04/05)

その他のリンク (08/29)

SEO見直し完了 (06/03)

SEO実施 (06/02)

ボックスモデルを理解する (05/31)

SeeSaaブログ用テンプレート11 (05/30)

オリジナルテンプレート10の訂正 (05/29)

SeesaaSEO的<h1>そのA (05/28)

SeesaaSEO的<h1>その@ (05/28)

SeeSaaブログ用テンプレート10 (05/28)

最近のコメント
最近のトラックバック
×

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