HTML文書において、headセクション内で定義される記述機能を持つ重要なタグが「meta」です。このタグは以下のような役割を持っています:
1. 検索エンジン最適化(SEO)
2. ページの言語設定
3. 自動リフレッシュとページ遷移
4. ウェブページ変換時のダイナミックエフェクト
5. ページキャッシュの制御
6. ウェブページの評価
7. 表示ウィンドウの指定
metaタグには主に「http-equiv」と「name」の2つの属性があり、それぞれ異なるパラメータ値を設定することで、さまざまなウェブページ機能を実現します。
name属性の使用例
name属性は主にページの説明や、検索エンジン用の情報を提供するために使用されます。A. Keywords(キーワード)
キーワードを指定して検索エンジンにサイトのテーマを伝えることができます。<meta name="keywords" content="プログラミング,デザイン,開発" />B. Description(サイト内容の説明)
サイトの主要な内容を簡潔に説明します。<meta name="description" content="プログラミング技術に関する最新情報をお届けします。" />C. Robots(ロボットガイド)
検索エンジンにどのページをインデックスするかを指示します。<meta name="robots" content="noindex,follow" />D. Author(作者情報)
ページの作成者を指定します。<meta name="author" content="太郎 山田, taro@example.com" />http-equiv属性の使用例
http-equiv属性はHTTPヘッダーの役割を持ち、ブラウザに対して有用な情報を提供します。A. X-UA-Compatible(ブラウザモード指定)
ブラウザのレンダリングモードを指定します。<meta http-equiv="X-UA-Compatible" content="IE=edge" />B. Expires(有効期限)
ページの有効期限を設定し、期限切れ後にサーバーから再読み込みを行います。<meta http-equiv="expires" content="Wed, 21 Oct 2027 07:28:00 GMT" />C. Refresh(自動更新)
指定された秒数後にページを自動的に更新したり、別のURLにリダイレクトします。<meta http-equiv="refresh" content="5;url=https://example.com/newpage" />D. Content-Type(文字コード指定)
ページで使用される文字セットを指定します。<meta http-equiv="content-type" content="text/html; charset=UTF-8" />E. Cache-Control(キャッシュ制御)
要求および応答におけるキャッシュ動作を指定します。たとえば、キャッシュを使用しないようにすることができます。<meta http-equiv="Cache-Control" content="no-cache" />