SEOテンプレート　【SEO テンプレート A01】　Ver2.0

SEOとアクセスアップ - 無料SEO対策のASY!　配布
この文書の文字が小さすぎる時はブラウザの〔文字のサイズ〕 を大にしてご覧ください。

〔使用条件〕

このテンプレートは無料で使用できます。改造しての使用も自由ですが、著作権表示と指定のアンカーリンクは必ず表示した状態でお使い下さい。再配布は許可しておりません。

〔著作権〕

著作権は田中和人及びrankuappu.comに属します。
http://dokodemo.rankuappu.com/
asy@rankuappu.com

〔特徴と使い方〕

中級以上のHTMLノウハウとSEO対策を行なったテンプレートです。このテンプレートを利用すればSEOのテクニックに悩まずにコンテンツ制作に注力する事ができるのです。 さあ、あなたも今日からアクセスアップしてください。

SEOについて更に詳しく知りたいときは筆者のホームページへお越し下さい。基本から最新情報まで取り揃えてお待ちしています。
URIはhttp://dokodemo.rankuappu.com/です。

共通の項目-ここから----------------------------------------------------------------------------

基本的なレイアウトとデザインはカスケーディング・スタイルシート（CSS)ファイルのstyle.cssで行ないます。
メニューとコンテンツ枠の縦の間隔の調整はタグで調節してください。

<!DOCTYPE HTML PUBLIC "...
文書型を決めるDTD宣言です。いじらないで下さい。

<html>
<head>
style.cssで設定するので、いじらないで下さい。

<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
charset=shift_jisはサーバーの文字エンコード形式に合わせます。シフトJISならそのままに、EUCならばcharset=euc-jpに変更してください。

<meta name="Keywords" content="キーワード1,キーワード2,キーワード3" />
Keywordsは補助的な使い方をします。ページに含まれるがTITLEやH1要素に"使われない"キーワードを2個か3個、検索されたい順番で半角カンマ(,)で区切って入れてください。

<meta name="Description" content="ページの説明" />
そのページ内に含まれるキーワードを2個か3個含めた、全角100文字までの文章を入れてください。キーワードは文中で2回繰り返し使用してください。ただし、同一のキーワード間の間隔を空けるようにします。

<meta http-equiv="Content-Script-Type" content="JavaScript" />
ページ内にカウンターなどのJavaScriptを直接書き入れる場合に必要です。使わなければ削除してください。

<title>ページタイトル</title>
そのページ内に含まれるキーワードを2個か3個含めた、全角30文字までの文章を入れてください。 キーワードの配列が異なる順番では検索順位が落ちます。検索エンジンでA-B-Cの順で検索されたいときはABCの順で、C-B-Aの順で検索されたいときはCBAの順でタイトル文を組み立ててください。

<link rel="start" href="トップページのURIをhttp://から/まで記入する" title="トップページのTITLEをそのまま写す" />
<link rel="prev" href="ページAのURIをhttp://から.htmlまで記入する" title="ページAのTITLEをそのまま写す" />
<link rel="next" href="ページCのURIをhttp://から.htmlまで記入する" title="ページCのTITLEをそのまま写す" />
各ページへのリンクが相対パスでは無いことに注意してください。

ページ名をa,b,cのままにしないでください。 アルファベットのキーワードならページ名はその綴りにします。 wineとbeerがキーワードならばwine_beer.html又はwine-beer.htmlという具合。 ローマ字で検索されそうなら(doraemon.htmlなど)それでもいいです。ただ、「せんべい」をsenbeiではだれも検索しないでしょう。<W>浅草をasakusaなら外人さんは引っ掛かるかも。</W>

<link href="asets/style.css" rel="stylesheet" type="text/css">
このままでOK。　imagesフォルダーなどに入れるのならそのフォルダー名へ変更してください。

<body>
style.cssで設定するので、いじらないで下さい。

共通の項目---------------------------------------------------------------------ここまで--------

テンプレートタイプA01専用の説明-ここから-------------------------------------------------------

<div align="center">
レイアウトテーブル（メインテーブル）のセンタリングを行なう要素です。leftやrightへ変更可能です。

<table cellspacing="0" class="main_table" summary="メインテーブル">
CSSの.main_tableが対応しています。コンテンツ全体の幅はwidth: 850pxを書き換えると変更できます。

<td class="td-1-header">
大見出しのH1要素を記入する枠です。CSSの.td-1-headerが対応しています。枠内をセンタリンクしていますがtext-align: center;をleftやrightへ変更可能。サイト名に見出し要素を使うのは間違い。　サイト名はテキストよりもロゴ画像を入れるのがいいです。

<td class="td-2-blank"></td>
メニューより先に本文をクローラーに読ませるための空白枠です。何も入れないでください。

<td rowspan="2" class="td-3-contents">
本文を書く枠です。CSSの.td-3-contentsが対応しています。ここのwidth: 75%とメニュー枠のwidth: 25%で横幅の割合を調整しています。

全てのH要素は上下の間隔を多少狭くなるように調整してあります。それはCSSで修正できます。H要素の次は改行<BR>か段落<P>を入れてください。H5やH6も用意してありますが無理して使う必要はありません。

<td class="td-4-menu">
サイトメニューを書く枠です。CSSの.td-4-menuが対応しています。

<a href="ページAのURIをhttp://からhtml/a.htmlまで記入する" title="ページAのTITLEをそのまま写す">ページAへのリンク</a><br>
<a href="ページBのURIをhttp://からhtml/b.htmlまで記入する" title="ページBのTITLEをそのまま写す">ページBへのリンク</a><br>
<a href="ページCのURIをhttp://からhtml/c.htmlまで記入する" title="ページCのTITLEをそのまま写す">ページCへのリンク</a></p>
各ページへのリンクが相対パスでは無いことに注意してください。
リンク左側の飾りはスタイルシートで作っています。不要ならばP要素のclass="link-waku"を削除してください。

<td colspan="2" class="td-5-footer">
運営者名や連絡先などを記入する枠です。CSSの.td-5-footerが対応しています。枠内をセンタリンクしていますがtext-align: center;をleftやrightへ変更可能。リンクを入れる時はbackground-color: #000066;を#cccccc等へ変更するといいでしょう。

<td colspan="2" class="rankuappu">
アンカーテキストが著作権表示の代わりになっていますので、この部分は書き換えないでください。背景色を暗色にすると隠し文字スパムになりますので背景色を変更する時は明るい色にして下さい。

テンプレートタイプA01専用の説明------------------------------------------------ここまで--------

〔指定アンカーリンク〕

アンカーリンクを消去したり見えないようにしてはいけません。 間違って消してしまったら、このテキストからコピーして下さい。