HTMLでのmeta要素についての解説。

meta要素について

スポンサード リンク

meta要素のサンプル

HTMLドキュメント概要・説明のサンプル
meta要素内部にHTMLドキュメントの概要・説明を記述する方法をデモンストレーションします。

HTMLドキュメントキーワードのサンプル
meta要素内部にHTMLドキュメントに含まれるキーワードを記述する方法をデモンストレーションします。

自動ページ切り替えのサンプル
ホームページのURLが変わったときなどによく利用されるリダイレクト機能をデモンストレーションします。

meta要素

ヘッダーに関するHTMLタグで解説したように、head要素はドキュメントに関する一般的な情報(メタ情報)を含んでいます。

さらに、head要素内部にはmeta要素も含みます。meta要素の目的は、ドキュメントに関するメタ情報を提供することです。

meta要素は、ブラウザあるいは検索エンジンにHTMLドキュメントの内容についての記述などの適切な情報を提供するために使用されます。

検索エンジンのためのキーワード

WWW上のいくつかの検索エンジンは、HTMLページにインデックスを付けるために<meta>タグのname属性とcontent属性を使用します。

以下のmeta要素のコードは、HTMLページの概要・説明を定義します。

<meta name="description" content="HTMLのチュートリアルです。">

以下のmeta要素のコードは、HTMLページのキーワードを定義します。

<meta name="keywords" content="HTML,チュートリアル,ホームページ">

name属性とcontent属性の目的は、HTMLページの内容を定義することです。

しかし、あまりにも多くのWebマスター(ホームページ作成者・運営者)が、検索エンジンの上位表示を狙うあまりに同じキーワードを繰り返すなどのスパム行為のためにmetaタグを使用したので、いくつかの検索エンジンはmeta要素を完全に無視するようになりました。

あまり知られていないmeta要素の属性

時々、以下のようなあまり知られていないmeta要素の属性を目にすることがあるかもしれません。

<meta name="security" content="low">

これは、そのWebサイトあるいはサイト運営者に特有のもので、ユーザーには無関係なものです。

スポンサード リンク