さとぴーの選択範囲

アニメ・コミックを中心とした備忘録。

200807«
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
»200809

カウンター

Amazon

プロフィール

SEO対策ブログテンプレートカスタマイズ

GoogleYahoo!などの検索エンジン上位表示の為のSEO対策リンク集への登録を繰り返してきましたが、このブログのHTML構造をみなおすSEO対策もほどこしてみる事にしました。
というのも、H1タグやH2タグがどこにも使われていなかったからです。

そこで、さとぴーの選択範囲というタイトルを　H1タグで囲むようにしてみました。記事（エントリー）タイトルはH2で囲み、さらに記事URLへのリンクのアンカーテキストが記事タイトルになるようにしてみました。リンクしている文字列アンカーテキストが検索対象になりやすい事を意識したからです。

トラックバックタイトルはH3タグで囲み「この記事へのトラックバック」は「○○○へのトラックバック」（○には記事タイトル）となるように。

当初つまづいたのは、H1やH2タグへのタグの書き換え方です。
単純に元のタグをH1やH2にすると表示がくずれてしまうからです。

そこで、
<h1 id="headBlogName"><a href="http://stp3.blog13.fc2.com/">さとぴーの選択範囲</a></h1>
<h2 class="mainEntryTitle"><a id="100" name="100"></a><a
href="http://stp3.blog13.fc2.com/blog-entry-100.html">美少女仮面ポワトリンＤＶＤ発売中</a></h2>
のように元々　div　タグで使われていたスタイルシートの指定をそのまま使い、スタイルシートの記述には
#headBlogName{
font-family:"Arial Black", "Impact", "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",
"Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3",
"Osaka";
font-size: 24px;
color: #336699;
padding: 0px 250px 0px 70px;
margin: 0px;
font-weight: bold;
}
のように
margin: 0px;

を付け加えてみました。

H1タグ等を使うのはその部分の文字列が検索上位表示されやすくなるからです。
■参考
自分でやろうSEO (ゼロからのアクセスアップ) - Su-Jine

スタイルシートは実はあまりわからないのですがとほほのスタイルシート入門を参考にすればカスタマイズ程度なら何とか対応できそうです。

ブログカスタマイズの本も書店でちらりとめくってみました。こういう本は目次だけでも押さえておくと、あとでWebで調べるにしてもどんな事ができるのか把握できますね。

ポータル、プロバイダ別blogデザインカスタマイズ事典
	外間かおりおすすめ平均サンプル良本ブログカスタマイズ初心者には必読の書！！マジで初心者におすすめ、こりゃたまらない初心者にはありがたい初心者向き Amazonで詳しく見る by G-Tools

すぐに使えるブログカスタマイズブック
	今井剛エクスメディア 2005-11 売り上げランキング : 247554 おすすめ平均初心者向け…かな。オールカラーでわかりやすく。。。 Amazonで詳しく見る by G-Tools