Web 品質 - 重要な HTML 要素

ウェブの品質を向上させるために、<DOCTYPE>、<title>、<h1>は重要なタグです。

<DOCTYPE>要素

Doctypeは「ドキュメントタイプ宣言」(DTD)を意味します。

すべてのHTMLおよびXHTMLページは、どのHTMLバージョンに従うかを定義するために<Doctype>要素を使用する必要があります。

doctypeは、使用しているHTMLバージョンを定義し、ブラウザがページをより迅速かつ一貫して表示するために重要な情報を提供します。

ドキュメントタイプ宣言は、ページの構文を確認するために验证ソフトウェアが使用できるようにすることも同時にあります：

HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd"

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"

XHTML 1.1 DTD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"

参照：HTML <!DOCTYPE>タグ

<title>要素

<title>要素は最も重要なHTML要素の1つです。主な機能は、ウェブページの内容を説明することです。

タイトルがウェブページの見える部分ではありませんが、ウェブサイトの品質を向上させるために重要です。なぜなら、以下の場所で見えるからです：

  • 検索エンジンリスト
  • ウィンドウのタイトルバー
  • ユーザーのブックマークに

タイトルはできるだけ短く、説明可能であるべきです。

ユーザーがインターネットでウェブサイトを検索したとき、多くの検索エンジンが検索結果にウェブサイトのタイトルを表示します。タイトルがウェブページの内容と一致することを確認してください。そうすれば、ユーザーがこれらのリンクをクリックしてあなたのウェブサイトにアクセスする可能性が高まります。

ユーザーがあなたのウェブサイトにアクセスしたとき、ウィンドウのタイトルバーにタイトルが見えるようになります。ウィンドウが最小化されていても、タイトルがウェブサイトの内容を説明する役割を果たすことを確認してください。

ユーザーがあなたのウェブサイトにアクセスした後、ウェブページのタイトルは履歴フォルダーに保存されます（ユーザーはまた、ウェブページをお気に入りに追加することもあります）。次の成功したアクセスのために、タイトルがあなたのウェブサイトを明確に説明できることを確認してください。

良いタイトル：

<title>HTML チュートリアル</title>
<title>XML 簡介</title>

悪いタイトル：

<title>紹介</title>
<title>第1章</title>
<title>CodeW3C.com は整理され、理解しやすい HTML、CSS、JavaScript、
DHTML、XML、XHTML、WAP、ASP、SQL チュートリアル、多くの例とソースコードを含みます。</title>

参照：HTML <title> タグ

<h1> 要素

<h1> 要素はウェブページ中最上位のタイトルを説明するために使用されます。

一部のブラウザはデフォルトで <h1> 要素を大きなフォントで表示するため、ウェブ開発者が上位のタイトルを表示するために <h2> 要素を <h1> 要素に代わって使用することがあります。これにより、読者に影響はありませんが、「ウェブページの構造を理解しようとする」検索エンジンや他のソフトウェアに混乱を招くことがあります。

最上位のタイトルには <h1> を使用し、下位のレベルには <h2> と <h3> を使用してください。

このテンプレートに基づいてあなたのウェブページを作成してみてください：

デフォルトのタイトルフォントサイズが気に入らなければ、スタイルやスタイルシートを使用して変更できます。

参照：HTML <h1> - <h6> タグ