レイアウトをスタイルシートで行なっています。
テーブルを一切使わないので、特別な事をしなくともクローラーに思い通りの情報を伝えられます。
物品販売などに使うには画像を多用して華やかさを演出して下さい。
HTMLタグを使用せずに文字に強弱をつけるため、
大文字 と 中文字 更に 小文字 をスタイルシートで作りました。
画像(img要素)を挿入すると自動的に文章が右側に回りこむようになっているので、レイアウトも楽になっています。
画像を使ってアクセントとレイアウトを工夫するといいです。
デザイン的に見苦しくなるので、左側のリンク部分がこちら側より伸びないようにお使い下さい。
スタイルシートには色違いバージョンも入っています。
多くの需要に対応できるように色違いのスタイルシートを入れてあります。必要に応じてご利用下さい。
複雑な設定を省いた簡易版。
普通にホームページを作る要領で完成させられるSEO対策として広くお薦めできるタイプです。
使い方
このテンプレートは、このページをコピーして他のページを作って行きます。
色を替えるにはHEAD内のbrownの部分をblue(青)かpink(ピンク)又はgreen(緑)に書き換えて下さい。
<title>SEO対策テンプレート</title>
<link href="asets/style_b01_brown.css" rel="stylesheet" type="text/css" />
</head>
フォルダー名は検索対象にならないのでABCのままでもいいですが、各ページの名前はindex.html / index2.html等とせずに出来るだけ検索語句や固有名詞を用いましょう。
apple.htmlやvideo.html、あるいはkyoto_kimono_yuzen.html等の意味のあるものにしておくとキーワードになるかもしれません。
アンダースコア( _ )でなくハイフン( - )で文字をつなげても効果は同じです。