メタタグ ホームページ作成支援サイト ウェブライズで素材をゲット
ウェブ ライズ
ウェブ デザイン
サイトマップ
HOME >> HTML >> メタタグ
コンテンツ

メタタグ(meta)


メタタグ

メタタグはそのページの情報を埋め込むタグで、<head>〜</head>の間に書きます。ただし、文字コードの指定については<title>より前に入力します。今はあまりSEO対策としては効果は少ないですが、しっかり入力しましょう。下記のメタタグは最低でも入力するようにしましょう。そのほかに必要な場合は、順次赤字(description)の次に改行して追加してください。

例(最低でもこれだけは必要と思われるメタタグです)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta name="keywords" content="キーワード1,キーワード2,キーワード3">
<meta name="description" content="ページの説明文">
<title>タイトル</title>
</head>
<body>
内容
</body>
</html>

文字コード指定

そのページで使用している文字コードを指定することによって、閲覧者の環境で起きる文字化けを防ぎます。普通は、シフトJISを指定します。
シフトJISの場合 <meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
EUCの場合 <meta http-equiv="Content-Type" content="text/html; charset=euc-jp">
JISの場合 <meta http-equiv="Content-Type" content="text/html; charset=iso-2022-jp">

キーワード

そのページでアピールしたい語句を埋め込むことによってSEO対策を施します。ただし現在はあまりSEO効果は無く、あまり多くのキーワードを埋め込むと逆にスパム認定を受けるので、2、3の単語に絞りましょう。下記のキーワード部分に語句を半角カンマで区切って入力します。
<meta name="keywords" content="キーワード1,キーワード2,キーワード3">

ディスクリプション

ディスクリプションとはそのページの説明文を入力するタグで、ロボット型検索エンジンで検索時にタイトルの下に説明文として表示されます。閲覧者は、その説明文を読んでそのサイトに入るかどうかを決めるため、閲覧者の興味を引く分かりやすい説明文にすることが必要です。下記のページの説明文部分に説明文を入力します。
<meta name="description" content="ページの説明文">

文字コードの指定

そのページ内で使用している言語を指定します。このタグの代わりに、<html lang="ja">とすることも可能です。下記は日本語を指定している場合で、他の言語のときはjaの部分を変えます。
<meta http-equiv="Content-Language" content="ja">

CSS使用時のメタタグ

ページ内でcssを使用しているときに使用するタグです。
<meta http-equiv="Content-Style-Type" content="text/css">

Javascript使用時のメタタグ

ページ内でJavascriptを使用しているときに使用するタグです。
<meta http-equiv="Content-Script-Type" content="text/javascript">

ロボット型検索エンジンの登録と巡回

グーグルのクローラーなどのロボット型検索エンジンに対する登録とページ内のリンク先の巡回の可否を指定するタグです。特定の人だけに見せたい場合に、ページの登録拒否やページ内のリンク先を巡回しないようにすることでその目的を果たせます。入力しない場合は、登録及び巡回を許可したことになります。
ページを登録し、ページ内のリンク先を巡回する
<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="author" content="著作者名">

コピーライト

そのページの著作権を入力するタグですが、実際にはブラウザに表示されるように<body>〜</body>に入力されることのほうが多いです。下記の名前(サイト名)部分に名前(サイト名)を入力します。<body>〜</body>の中で使う場合は、Copyright(C)2005 名前(サイト名).All rights reservedです。
<meta name="copyright" content="© 2005 名前(サイト名)">

リロード

このタグは上記のタグとは違ってページを再読み込みするタグです。このタグを使用すれば、読み込み後何秒後に他のページに飛ばすことが可能で、サイトを引っ越したときに旧サイトから新サイトに強制的にジャンプさせることが可能です。下記の5の部分が読み込み後5秒後にジャンプさせる設定になっているので、自分の望む秒数に変更してください。ただし、0秒でジャンプするとページスパム(不正)と見なされるので気を付けてください。そして、http://の部分にジャンプ先のURLを入力します。
<meta http-equiv="refresh" content="5;URL=http://www.xxx/index.html">
▲トップへ戻る