無題ドキュメント

ホームページを公開するときに加えるHTMLタグ

　　今回はホームページの表示には直接影響しないが、ホームページを公開する前にぜひ覚えておきたい大切なタグを紹介しよう。まずは必要ファイルを次からどうぞ。→http://pcgaz.nikkeibp.co.jp/pg/pcgaz/html/dl13.shtml

　まずダウンロードしたlesson13.htmlをブラウザーで表示しよう。
　そして、IEでは「お気に入り」メニューの「お気に入りに追加」、NCなら「ブックマーク」メニューの「ブックマークを追加」を実行してみよう。お気に入り／ブックマークを開くと、IEではファイル名がタイトルになったページが、NCでは名前のないページが登録されているはずだ。これでは、かっこわるい。

　例１）※ペーストして改行が入ったら、削除してください。
　　<HEAD><TITLE>みよしみかのホームページ</TITLE></HEAD>

　それではlesson13.htmlの<HTML>の後、<BODY>の前に、上の記述を貼りつけよう。それから先ほどと同じように、ブラウザーで表示して「お気に入り」に追加してみる。登録された「お気に入り」（ブックマーク）を見てみると、「みよしみかのホームページ」と登録されているはずだ。

　<HEAD>タグは、「ここはhtmlファイルの情報です」という宣言をするためのタグ。<HTML>の次、本文が始まる<BODY>タグの前に書くのが決まり。
　<HEAD></HEAD>に書くべき「ドキュメント情報」とは、たとえば、ページのタイトルや内容などだ。例にある<TITLE>タグは、そう、ページタイトルを定義するタグ。<TITLE></TITLE>で、タイトル文字列を挟めばいい。
　タイトルを定義しておくと、先ほどやってみた通り、「お気に入り」に登録したときに明示されたり、ブラウザーのタイトルバーに表示されたり、またサーチエンジンであなたのページがヒットしたときにページタイトルとして表示されたりする。ホームページを公開するなら、ぜひ書いておくべきタグなのだ。

　例２）※ペーストして改行が入ったら、削除してください。
　　<META NAME="keyword" CONTENT="パリ,ロンドン,旅行記">

　今度は、</HEAD>の前に、上をペーストしてみよう。
　<META>というタグは、基本的にページには表示されないもので「NAME="・・・"」で定義するものを宣言し、説明を「CONTENT="・・・"」に書くようになっている。
　<META NAME="keyword" NAME="・・・">を定義をしておくと、全文検索型のサーチエンジンでこれをキーワードとして解釈してくれる場合がある。

　どんなときに役立つかというと、例えば、本当のコンテンツタイトルが「ロンドンそぞろ歩き」だとする。すると「旅行記」のキーワード検索ではヒットしないかもしれない。でも「META NAME="keyword" CONTENT="旅行記"」としておくと、「旅行記」で検索しても、このページがヒットしやすくなる。
　自分のホームページのコンテンツに合った単語を、CONTET="・・・"の部分にいくつか書いておけば、より的確にページの宣伝ができるというもの。なお、キーワードをいくつも書くときは、「,」（半角カンマ）で区切って書くこと。
　ページを少しでも多くの人に見てもらうためには、こうした地道な努力も必要なのだ。

　本講座も、今回でとりあえず終了。基本中の基本をお伝えしてきたので、中には少々物足りないと思った方もいるのでは？　そんな方には、もう少し待っていただきたい。「フレーム」をはじめ、ホームページをステップアップさせる情報を満載した講座で再びお目にかかる予定だ。

～今回のポイントと解説～
★<HEAD></HEAD>は「ここからはドキュメント情報です」と宣言するタグ。<HTML>タグの後、<BODY>タグの前に書く。
★<TITLE>タグは、ページタイトルを明示するタグ。タイトルにしたい文字列を<TITLE></TITLE>で挟む。
★<TITLE>を設定しておくと、「お気に入り」に登録されたときや、サーチエンジンでヒットした場合に、ページタイトルとして表示されるようになる。
★<TITLE>タグは、<HEAD></HEAD>タグの間に入れること。
★<META>タグは、「NAME="・・・"」で定義するものを宣言し、「CONTENT="・・・"」でその説明を記述する。
★<META NAME="keyword" CONTENT="・・・・"」で、自分のホームページコンテンツに則したキーワードを定義しておくと、このタグを解釈してくれる全文検索型サーチエンジンでヒットしやすくなる。
★複数のキーワードを定義するときは、「CONTENT="単語,単語,単語"」と、「,」（半角カンマ）で区切って単語を並べる。