meta (generic metainformation)

Functional list
意味 ファイルのメタ要素(短い内容の説明、キーワードなど)を定義します。

<meta attributes ...>の形で、メタデータを定義します。

(短い内容の説明、キーワードなど)

親要素 以下のHTML要素の中でだけ使えます。

head

子要素 スタンドアローン・タグ。

閉じタグ、内容(入力する値など)はありません。

Attribute
属性 HTMLバリエーション 入力が必要? 意味
name [Name] strict、
transitional、
frameset に使可。
不要
content #CDATA strict、
transitional、
frameset に使可。
必要 http-equiv= odername= definiert wird
http-equiv [Name] strict、
transitional、
frameset に使可。
不要
scheme [Name] strict、
transitional、
frameset に使可。
不要
共通属性dir |lang

<meta>タグとは、ドキュメントのヘッダ部分に記述され、ドキュメントについてのさまざまな情報を記述するためのタグです。

ブラウザに直接内容が表示されるわけではありませんが、SEO対策にとって非常に重要なタグの一つにあげられます。

<meta name="***">とは、<meta>タグにname属性を指定したもので、<meta>タグで定義される名前と値の「名前」を定義するためのものです。

この名前と値は自由に記述することができますが、特に"keywords"と"description"という「名前」は検索エンジンにとってはキーワードやサイトの紹介文など、検索結果の索引付けに特別の意味を持つため、SEO対策には欠かせないものです。

<meta content = "***">とは、<meta>タグにcontent属性を指定したもので、<meta>タグで定義される名前と値の「値」を定義するものです。

name属性"keywords"に対しては、キーワードをカンマ(,)で区切って羅列します。

キーワードはなんでもかんでも多ければいいというものではなく、ドキュメント内容に沿った適切なキーワードを限定列挙することが重要です。

name属性"description"に対しては、サイトの紹介文や説明文を簡潔にまとめて記述します。

<meta http-equiv = "***">とは、<meta>タグにhttp-equiv属性を指定したもので、主に文字コードなどの初期情報を設定するために使われます。

ほとんどの場合、ブラウザが文字コードを自動判別しますが、文字化けを防ぐためにも明示的に指定することが望まれます。

また、http-equiv属性に"Refresh"を指定し、自動リロードや自動的に他のページに移動させる場合等にも利用されます。

解説

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="author" content="著者">
<meta name="description" content="内容説明">
<meta name="keywords" content="キーワード,キーワード">

上へ 下へ

戻る