文書に関する情報の定義

文書に関する様々な情報の定義（ページ設定）について。

タイトル（表題）の定義

<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
......

title要素は "<head>" と "</head>" の間に挟まれるヘッダ情報のひとつで、人間で言う顔に該当し、ウェブページのタイトル（表題）となります。HTML文書には、必ず head要素内に1つの title要素を記述する必要があります。

"<head>" と "</head>" の間に挟まれた文字列は、ブラウザではタイトルバー（ウインドウ上部）に表示されます。また、ブラウザのブックマーク（お気に入り）に登録した際のタイトルにもなり、さらに Yahoo! や Google などの検索エンジンでは、検索結果に表示されるリンクのタイトルとなります。ただし、検索エンジンの検索結果では、全角25文字から30文字前後以降の長いタイトルは省略して表示されるようです。このため、タイトルの付け方次第でアクセス率にも大きく関わります。以下に示すタイトルを設定する際の注意点を参考に、各ページごとに適切なタイトルを設定するようにしましょう。

タイトルを設定する際の注意点

長い名称、一般的でない名称は避ける(例：HyperText Markup Language は HTML とした方が一般的)。
「★、●」などの記号や「！」などの感嘆符を含めない(検索エンジンは記号や感嘆符を無視する)。
タイトルは2つ・3つのキーワードで構成する（例: "XHTMLガイド" → "XHTML" | "ガイド"）。
タイトル内のキーワードは本文で繰り返されるものにする（タイトルと内容を一致させるため）。
全角25文字前後におさめる（検索結果は、25文字以降の内容を省略して表示するため）。

なお、title要素が指定されていない場合、ブラウザによってタイトルバー（ウインドウの上部）の表示が異なります。Internet Explorer, Netscape, Firefox の場合はウェブページの URI（アドレス）が表示され、Opera の場合は何も表示されません。

関連: title要素

付加情報の定義

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" Content="title要素,meta要素,link要素">
<meta name="description" Content="文書に関する様々な情報の定義について。">
<meta name="ROBOTS" content="INDEX,FOLLOW">
<title>文書に関する情報の定義</title>
</head>
<body>
......

meta要素は "<head>" と "</head>" 間に、このウェブページの制作者や制作年月日、連絡先などの様々な付加情報を定義します。なお、このように付加情報を示すのは英語圏の論文形式を踏襲していることに由来します。英語圏の論文は「表題・著者名・所属機関名・要約・キーワード・本文+文献」で構成されており、同じように HTML文書では meta要素を使って様々な付加情報を示します。

記述されている文字コードを指定する

<meta http-equiv="Content-Type" content="text/html; charset=文字コード">

検索エンジンロボットがウェブページの情報を収集する際やユーザーがブラウザで閲覧する際の文字化けを防ぐ HTTP追加情報となります。
日本語が扱える文字コードには、Shift_JIS, EUC-JP, ISO-2022-JP, UTF-8 などがあります。

検索のヒット率を上げるためのウェブページのキーワードを指定する

<meta name="keywords" content="キーワード1,2,3">

そのウェブページの内容を表すキーワードをカンマ（,）で区切って3個から10個程度並べます。
そのウェブページの内容に実際に記述されていないキーワードや、同一キーワードを繰り返し記述してはいけません。

検索結果の説明部分（スニペット）になる要約文（ウェブページの概要）を指定する

<meta name="description" content="ウェブページの概要">

全角80文字以内で、そのウェブページの扱っている内容の要約文を記述します。
Yahoo! や Google では、ここに記述された要約文が検索結果に表示されるウェブページの説明部分（スニペット）となります。

検索エンジンロボットにウェブページの登録とリンク先を辿る可否を指定する

<meta name="ROBOTS" content="可否">

特に指定がなければ検索エンジンロボットは自動的にウェブページの情報を収集し、そのウェブページ内のリンク先を辿って、他のウェブページの情報を収集するのでフレームのメニューページやポップアップページなどの検索でユーザーに直接飛んでこられては困るようなウェブページ以外は、このロボットの行動を制御する記述を行う必要はありません。
このロボットの動きを制御する meta要素の属性値の半角アルファベットは大文字で記述するのが正式とされます。属性値は次の通りです。

ページ登録	リンク先を辿る	タグの表記例
○	○	`<meta name="ROBOTS" content="ALL">`
○	○	`<meta name="ROBOTS" content="INDEX,FOLLOW">`
○	×	`<meta name="ROBOTS" content="INDEX,NOFOLLOW">`
×	○	`<meta name="ROBOTS" content="NOINDEX,FOLLOW">`
×	×	`<meta name="ROBOTS" content="NOINDEX,NOFOLLOW">`
×	×	`<meta name="ROBOTS" content="NONE">`

関連: meta要素

関連（リンク）性の定義

<html><head>
<title>2.html</title>
<link rel="prev" href="1.html">
<link rel="next" href="3.html">
<link rev="prev" href="3.html">
</head><body>
......

link要素は、そのウェブページとの関連（リンク）性を示します。title要素や meta要素と同じ様に、"<head>" と "</head>" の間に記述します。この link要素は、複数のウェブページがサイト内にある場合に、現在観覧しているウェブページのサイト内でのポジション（位置）を示すことに使用したりします。rel属性は順方向で現在のウェブページ（始点）から見たリンク先のリソースに対する関係を示します。rev属性は逆方向でリンク先のリソース（終点）から見た現在のウェブページに対する関係を示します。

rel属性、rev属性の値には次の link-type（リンクタイプ）と呼ばれるキーワードがあります。

alternate: この文書の代替にあたる文書を示す
appendix: この文書の付属書にあたる文書を示す
bookmark: 文書内の重要なアンカーへのリンクを示す
contents: この文書の目次にあたる文書を示す
copyright: 著作権に関する記述のある文書を示す
glossary: 指定する文書が用語集であることを示す
help: この文書のヘルプにあたる文書を示す
index: この文書の索引にあたる文書を示す
next: この文書の次の文書であることを示す
prev: この文書の前の文書であることを示す
start: 一連の文書の中で最初の文書を示す
chapter: 一連の文書の中で章にあたる文書を示す
section: 一連の文書の中で節にあたる文書を示す
subsection: 一連の文書の中で項にあたる文書を示す
stylesheet: 制作者スタイルシートの参照を示す

キーワードは半角アルファベットの大文字・小文字が区別されません（case-insensitive）。複数指定する場合は、半角スペースで区切って列記（例：rel="prev help"）します。また、rev属性にのみ指定できるリンクタイプのキーワードに "made" があります。"made" とはその文書の制作者を示し、href属性の値にはユーザーがコンタクトをとれるように制作者がもっている E-メールアドレスなどを指定するのが一般的です。

<link rev="made" href="hoge@hoge.hoge">

関連: link要素

現在位置

W3G
XHTML
HTML速習
文書に関する情報の定義

ナビゲーション

World Wide Web Guide

ステータス情報

作者: 上田遼
公開: 2005-08-01T12:56:23+09:00
更新: 2008-12-29T04:27:06+09:00
URI: http://w3g.jp/xhtml/ref/page_property

検索