metaタグ | ウェブデザイン

metaタグ

------meta一覧-------------

■文字コード
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />

■javascript宣言
<meta http-equiv="content-script-type" content="text/javascript" />

■CSS宣言
<meta http-equiv="content-style-type" content="text/css" />

========================================================================================
■検索エンジン(index,noindex,follow,nofollow)
 ◇そのぺージとそこからリンクしているページの両方とも巡回拒否
   <meta name="robots" content="none">

 ◇そのぺージのみOK、リンクを辿るのは拒否
   <meta name="robots" content="index,nofollow">

 ◇そのページの登録を許可する
   <meta name="robots" content="index">

 ◇リンクを辿るのはOK、そのページを指定するのは拒否
   <meta name="robots" content="noindex">

 ◇下部階層ページの巡回を許可する
   <meta name="robots" content="all">

 ◇そのページとリンクされている全てのページの検索を許可する
   <meta name="robots" content="index,follow">
  ※infoseekは「follow」を指定してもサイト内のリンクは巡回してくれません。

 ◇このページを登録しないが、ページ内のリンク先は巡回を許可する
   <meta name="robots" content="noindex,follow">

======================================================================================== 
◇そのページ内の画像への直接リンクを防ぐ
   <meta name="robots" content="noimageclick">

 ◇検索ロボットに後日、再巡回させる
   <meta name="revisit_after" content="30 days">
  ロボットが訪れた際に後日再度訪問させたい場合に記述します。上記例(30日後にまたきてね)

 ◇閲覧者のブラウザのキャッシュを制御する
   <meta http-equiv="pragma" content="no-cache">
  ページがブラウザ側にキャッシュされるのを防ぎ、アクセスする度に最新のページを読み込ませる事ができます。

 ◇ページ内容の期限切れを伝える
   <meta name="Expires" content="December 25, 2004">
  コンテンツの有効期限切れの日付を入力します。期限切れの場合、検索ロボットはデータベースから削除します。

========================================================================================
◇閲覧対象年齢層の指定
   <meta name="rating" content="general" />
   <meta name="rating" content="adult">
  そのページが対象とする利用者層を指定します。利用者の指定がなければ"general"と記述します。
  未成年者用記述に、"child"、"safe for kids"があります。 ※上記例(未成年者閲覧禁止)

========================================================================================
 ◇指定ページをロードする
   <meta http-equiv="refresh" content="30;URL=ロードしたいページのURL">
  contentで指定した値(上記例、30秒)の時間経過したら、指定したURLを表示します。時間とURLは ;(セミコロン)で区切って、
  両方ともcontent=の""で囲まれた中に書きます。別ページへ自動ジャンプすることができるので、ページが移転したときなどに
  使うと便利です。但し、検索エンジンにスパム行為と取られデータから削除されてしまう事もあるので注意が必要です。
========================================================================================

Content-Type : MIMEタイプ、文字コードセットを指定
Refresh : リロードするリソース、時間を指定
Content-Script-Type : スクリプトタイプ(MIMEタイプ)を指定
Content-Style-Type : スタイルタイプ(MIMEタイプ)を指定
Expires : 有効期限を指定
Pragma : キャッシュ情報(no-cache)

Author : 著者を指定
Publisher : 著者出版社を指定
Description : 説明文を指定
Keywords : 半角カンマで区切りキーワードを指定
Generator : HTMLを生成したアプリケーション情報を指定
Robots : 検索ロボットに対する情報を指定(index,noindex,follow,nofollow)

========================================================================================


サンプル:
<HEAD>
<META Http-Equiv="Content-Type" Content="text/html; charset=Shift_JIS">
<META Http-Equiv="Refresh" Content="3;url=index.html">
<META Http-Equiv="Content-Script-Type" Content="text/javascript">
<META Http-Equiv="Content-Style-Type" Content="text/css">
<META Name="Author" Content="T.Miyazaki">
<META Name="Description" Content="HTML4.0 Reference">
<META Name="Keywords" Content="HTML4.0,reference,tag">
<META Name="Generator" Content="notepad">
<META Name="Robots" Content="INDEX,NOFOLLOW">
</HEAD>

========================================================================================

META
--------------------------------------------------------------------------------

概要

HTMLドキュメントの情報を設定します。

記述

<META CONTENT=description HTTP-EQUIV=response NAME=text >
パラメータ 記述
CONTENT=description プロパティの値を指定します。内容はNAMEの値によって決まります。
 
HTTP-EQUIV=response ドキュメントのHTTPヘッダ部の情報を指定するときにNAMEの変わりに指定します。
HTTP-EQUIV CONTENTの内容、動作
Content-Type MIMEタイプや文字コードを指定
Refresh リロードする
Content-Script-Type スクリプトタイプを指定
Content-Style-Type スタイルタイプを指定
Expires ドキュメントの有効期限を指定
Pragma キャッシュ情報を指定
 
NAME=text プロパティの内容を指定します。
NAME CONTENTの内容
Author 著者
Publisher 出版社
Description 説明文
Keywords キーワード
Generator アプリケーション情報
Robots 検索ロボットに対する情報
 


内容

著者、キーワードなどのドキュメントに関する情報を指定します。

記述例

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS">
MIMEタイプ、文字コードを、HTML形式のShiftJISコードに指定します。
ShiftJIS : Shift_JIS, x-sjis
EUC : x-euc-jp
JIS : iso-2022-jp

<META HTTP-EQUIV="Refresh" CONTENT="5;url=index.html">
5秒後にリロードして、index.htmlを読み込みます。

<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">
スクリプトタイプをJavaScriptに指定します。

<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
スタイルタイプをCSS(カスケードスタイルシート)に指定します。

<META NAME="Author" CONTENT="Rohdea">
著者を指定します。

<META NAME="Description" CONTENT="ホームページ作成支援のページです">
このページの説明文を指定します。

<META NAME="Keywords" CONTENT="HTML,ホームページ作成,相談室">
このページのキーワードを指定します。

<META NAME="Generator" CONTENT="HTMLEditor">
このページを作るのに使用されたアプリケーションの情報を指定します。

<META NAME="Robots" CONTENT="INDEX,NOFOLLOW">
検索ロボットに対して動作を指定します。
このページを登録する(INDEX)、登録しない(NOINDEX)
このページからリンクされたページにロボットを巡回させる(FOLLOW)、巡回させない(NOFOLLOW)

<META HTTP-EQUIV="Expires" CONTENT="Wed, 20 Jun 2001 14:25:27 GMT">
ドキュメントの有効期限をGMTで指定します。
この時間を過ぎていた場合キャッシュからではなく新しくサーバーから内容を取得しに行きます。