ホームページＨＴＭＬソースの基本構造

2008.04.04

カテゴリ：HTML（応用編）

・ホームページＨＴＭＬソースの基本構造

1.HTMLの基本構成

<HEAD>～</HEAD>にはタイトル、ページの情報、スタイルシート、スクリプトなどを必要に応じて書きます。下の例ではタイトルだけが入っています。<TITLE>～</TITLE>には、ページのタイトルでブラウザのタイトルバーに表示されます。

検索エンジンがもっとも重要視するのがタイトルです。タイトルには検索されたいキーワードを入れておきましょう。

<Html>	HTMLの始まり意
<Head>	ページ情報の始まり意
<Title>～</Title>	ページタイトル
</Head>	ページ情報の終わりの意
<Body>	内容（本文）の始まりの意
～	内容（本文）
</Body>	内容（本文）の終わりの意
</Html>	HTMLの終わり

ページの本文を書くのが上の例の<BODY>～</BODY>の間です。下の例では、「楽天広場HTML講座」というテキストが書かれています。この編集枠内は自由に書き換える事が出来ますので、テキストを自由に書き直してみてください。

<Html>
<Head>
<Title>ページタイトル</Title>
</Head>
<Body>

楽天広場HTML講座

</Body>
</Html>

2.文字化け対策

下の例のHTMLの記述を、<Head>～</Head>の間に指定して置けば文字化けを事前に阻止できます。

3.ロボット検索対策

検索エンジンが重要視するのがメタタグです。ページごとに、<Head>から</Head>の間に下のようなタグを挿入します。青文字の部分がサイトの紹介文になり、赤文字の部分がサイトのキーワードになります。

キーワードは半角コンマで区切っていくつか並べることができます。デスクリプションにはそのページの概要（紹介文）を書いておきましょう。

おすすめHTML書籍
		★
アフィリエイト関連書籍	★HTML関連書籍★
主婦もかせげるアフィリエイトで月収50万主婦もかせげるパソコンで月収30万できる100ワザアフィリエイト

TOPページへ戻ります

お気に入りの記事を「いいね！」で応援しよう

Last updated 2008.12.21 23:09:01

[HTML（応用編）] カテゴリの最新記事