MochiuWiki : SUSE, EC, PCB

「HTML - headタグ」の版間の差分

📢 Webサイト閉鎖と移転のお知らせ
このWebサイトは2026年9月に閉鎖いたします。
新しい記事は移転先で追加しております。（旧サイトでは記事を追加しておりません）

新しい編集 →
ビジュアルウィキテキスト
ページの作成:「== 概要 == <br><br> == metaタグ == 大文字・小文字は区別されない。<br> これらは全て同じように機能する。<br> * name="viewport" * name="Viewport" * name="VIEWPORT" <br> ==== 予約語 ==== metaタグのname要素で使用される予約語を、以下に示す。<br> <br> ===== viewport ===== モバイルデバイスにおいて、Webページの表示方法を制御する重要な設定を行う。<br> これは、モバイルブラ…」
 
3行目: 3行目:


== metaタグ ==
== metaタグ ==
大文字・小文字は区別されない。<br>
name属性の予約語は、HTML 5の仕様やブラウザベンダー、検索エンジン、SNSプラットフォーム等によって定義されている。<br>
これらは全て同じように機能する。<br>
これらの予約語を適切に使用することにより、SEO、ソーシャルメディア共有、モバイル対応等、様々な最適化が可能になる。<br>
<br>
<u>※注意</u><br>
<u>新しい予約語は随時追加される可能性がある。</u><br>
<u>特に、SNSやモバイル関連の機能で新しい予約語が登場することがある。</u><br>
<br>
また、属性の値において、大文字・小文字は区別されない。<br>
以下に示す記述は、全て同じように機能する。<br>
* name="viewport"
* name="viewport"
* name="Viewport"
* name="Viewport"
* name="VIEWPORT"
* name="VIEWPORT"
<br>
<br>
==== 予約語 ====
==== 表示設定 ====
metaタグのname要素で使用される予約語を、以下に示す。<br>
metaタグのname属性で使用される表示設定の予約語を、以下に示す。<br>
<br>
<br>
===== viewport =====
===== viewport =====
49行目: 56行目:
<u>ただし、アクセシビリティの観点から、ユーザのズーム操作を制限する設定 (maximum-scaleやuser-scalable=no) は推奨されない。</u><br>
<u>ただし、アクセシビリティの観点から、ユーザのズーム操作を制限する設定 (maximum-scaleやuser-scalable=no) は推奨されない。</u><br>
<u>これは、視覚に障害のあるユーザが必要に応じて拡大できるようにすることが望ましいとされているからである。</u><br>
<u>これは、視覚に障害のあるユーザが必要に応じて拡大できるようにすることが望ましいとされているからである。</u><br>
<br>
===== format-detection =====
電話番号・メールなどの自動リンク設定を指定する。<br>
<syntaxhighlight lang="html">
<meta name="format-detection" content="...">
</syntaxhighlight>
<br>
===== handheldfriendly =====
古い携帯端末向け設定を指定する。<br>
<syntaxhighlight lang="html">
<meta name="handheldfriendly" content="...">
</syntaxhighlight>
<br>
===== mobileoptimized =====
Windows Phone向け設定を指定する。<br>
<syntaxhighlight lang="html">
<meta name="mobileoptimized" content="...">
</syntaxhighlight>
<br>
==== 基本情報 ====
metaタグのname属性で使用される基本情報の予約語を、以下に示す。<br>
<br>
<br>
===== description =====
===== description =====
58行目: 86行目:
===== keywords =====
===== keywords =====
キーワードを指定する。<br>
キーワードを指定する。<br>
ただし、検索エンジンでの重要性は低下している。<br>
  <syntaxhighlight lang="html">
  <syntaxhighlight lang="html">
  <meta name="keywords" content="...">
  <meta name="keywords" content="...">
67行目: 96行目:
  <meta name="author" content="...">
  <meta name="author" content="...">
  </syntaxhighlight>
  </syntaxhighlight>
<br>
===== copyright =====
著作権情報を指定する。<br>
<syntaxhighlight lang="html">
<meta name="copyright" content="...">
</syntaxhighlight>
<br>
===== application-name =====
Webアプリケーション名を指定する。<br>
<syntaxhighlight lang="html">
<meta name="application-name" content="...">
</syntaxhighlight>
<br>
===== generator =====
作成に使用したツールを指定する。<br>
<syntaxhighlight lang="html">
<meta name="generator" content="...">
</syntaxhighlight>
<br>
===== theme-color =====
テーマカラーを指定する。<br>
<syntaxhighlight lang="html">
<meta name="theme-color" content="#4285f4">
</syntaxhighlight>
<br>
==== 検索エンジン向け設定 ====
metaタグのname属性で使用される検索エンジン向け設定の予約語を、以下に示す。<br>
<br>
<br>
===== robots =====
===== robots =====
検索エンジンへの指示を指定する。<br>
全ての検索エンジンへの指示を指定する。<br>
robotsが取れる値は、index、follow、noindex、nofollow等である。<br>
  <syntaxhighlight lang="html">
  <syntaxhighlight lang="html">
  <meta name="robots" content="...">
  <meta name="robots" content="...">
</syntaxhighlight>
<br>
===== msnbot =====
Bing専用の指示を指定する。<br>
<syntaxhighlight lang="html">
<meta name="msnbot" content="...">
</syntaxhighlight>
<br>
===== google =====
Google向けの追加設定を指定する。<br>
<syntaxhighlight lang="html">
<meta name="google" content="...">
</syntaxhighlight>
<br>
===== googlebot =====
Google専用の指示を指定する。<br>
<syntaxhighlight lang="html">
<meta name="googlebot" content="...">
</syntaxhighlight>
<br>
===== google-site-verification =====
Googleの所有者確認を指定する。<br>
<syntaxhighlight lang="html">
<meta name="google-site-verification" content="...">
</syntaxhighlight>
<br>
===== slurp =====
Yahoo!専用の指示を指定する。<br>
<syntaxhighlight lang="html">
<meta name="slurp" content="...">
</syntaxhighlight>
<br>
==== セキュリティ関連 ====
metaタグのname属性で使用されるセキュリティ関連の予約語を、以下に示す。<br>
<br>
===== referrer =====
リファラポリシーの設定を指定する。<br>
<syntaxhighlight lang="html">
<meta name="referrer" content="...">
</syntaxhighlight>
<br>
===== csrf-token =====
CSRFトークンを指定する。<br>
<syntaxhighlight lang="html">
<meta name="csrf-token" content="...">
</syntaxhighlight>
<br>
===== csrf-param =====
CSRFパラメータを指定する。<br>
<syntaxhighlight lang="html">
<meta name="csrf-param" content="...">
</syntaxhighlight>
<br>
==== SNS最適化 (OGP) 設定 ====
metaタグのname属性で使用されるSNSに関連する設定の予約語を、以下に示す。<br>
<br>
=====  =====
Twitter Cardを指定する。<br>
<syntaxhighlight lang="html">
<meta name="twitter:card" content="...">
</syntaxhighlight>
<br>
===== twitter:site =====
Twitterアカウントを指定する。<br>
<syntaxhighlight lang="html">
<meta name="twitter:site" content="...">
</syntaxhighlight>
<br>
===== twitter:creator =====
作成者のTwitterを指定する。<br>
<syntaxhighlight lang="html">
<meta name="twitter:creator" content="...">
  </syntaxhighlight>
  </syntaxhighlight>
<br>
<br>
「http://mochiuwiki.e2.valueserver.jp/index.php?title=HTML_-_headタグ」から取得