METAタグ(支援)|HTML辞典|HTMLタグ・CSS

HomeHTML辞典METAタグ(支援)
サイト内検索

METAタグ(支援)

METAタグ (サイトを支援する部分)
タグ <meta>
見本 <?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-type" content="text/html; charset=Shift_JIS" />
<title>ホームページタイトル</title>
</head>
<body>
ようこそ<br />
ホームページへ
</body>
</html>
解説 <head> 〜 </head>
の中に記述します。 head内であればどこでも構いませんが、上のように文字コードを指定しているMETAタグは、 <title> の前に記述します(タイトルに日本語が使われている場合)。
METAタグの種類は下記を参考に必要なものを導入して下さい。
基本的に必要な物は 文字コードの指定、検索用説明文の記載、検索用キーワードの記載です。
css や javascript を使っている場合は、その記述もしておいた方がいいです。
METAタグの種類
■ サイトの日本語文字コードを指定する。
タイプ1 「Shift_JIS」
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
タイプ2 「EUC-JP」
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
タイプ3 「UTF-8」
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
上の3つから好きな文字コードをお選び下さい。違いはさほどございません。

■ 検索サイトで検索されたときの検索結果に表示される文章を書きます。
<meta name="description" content="検索用のサイト説明文">
よく検索されているようなキーワードを入れておくと、サイトが検索されやすくなります。

■ 検索されたとき用に関連のあるキーワードを記載。
<meta name="keywords" content="キーワード,キーワード,キーワード,キーワード,キーワード">
いくらでも指定可能ですが、余り多すぎても価値が下がるので5つぐらいが理想的です。

■ サイトにCSS(スタイルシート)を使用するときに記載する。
<meta http-equiv="Content-Style-Type" content="text/css">

■ サイトにjavascriptを使用するときに記載する。
<meta http-equiv="Content-Script-Type" content="text/javascript">

■ ○秒後に今のページを再度表示する。
<meta http-equiv="Refresh" content="秒数">
秒数の部分に、何秒後に再度ページを表示するかを指定する。

■ ○秒後に指定のアドレスサイトへ移動する。
<meta http-equiv="Refresh" content="秒数;URL=アドレス">
指定秒数後に記載したアドレスへ移動します。サイトの引っ越しなどの時に使います。

■ 検索サイトからサイトを検索されないように指定することができます。
<meta name="robots" content="none">
■ 制作者、制作状況を記載する。
<meta name="author" content="作者名を書く">
<meta name="reply-to" content="メールアドレスを書く">
<meta name="copyright" content="サイトの著作権を書く">
<meta name="generator" content="サイト制作ソフトを書く">
<meta name="date" content="サイト制作日付">
記載する義務はありませんが、書いていると信用性が増します。


練習用書き込みフォーム(サンプル表示)


素材の森 素材NAVI 素材R 素材・壁紙 イラスト素材 素材・作成 素材ランキング 無料素材リンク 素材ファン
無料HP素材、ホームページテンプレート、HTMLタグ・CSS、質問・用語の検索 サイト内検索
素材ランキング 素材NAVI 素材の森 素材サーチ フリー素材 素材・画像 素材・壁紙 素材R Webランキング