よく使用される HTML メタタグ属性 (Web サイトの互換性と最適化に必要)

オプション属性

SEO最適化

参照ドキュメント

ページ キーワード: 各 Web ページには、ページの内容を説明する一意のキーワード セットが必要です。
ユーザーが検索する可能性があり、ページで提供される情報を正確に説明する、説明的で代表的なキーワードとフレーズを使用します。タグ付けされたコンテンツが短すぎると、検索エンジンは関連性がないと判断してしまう可能性があります。さらに、タグは 874 文字を超えてはなりません。

検索エンジンのインデックス作成方法である robotterms は、コンマ (,) で区切られた値のセットであり、通常は none、noindex、nofollow、all、index、follow の値を持ちます。 nofollow 属性値と noindex 属性値を正しく使用していることを確認してください。

ページのリダイレクトと更新: コンテンツ内の数字は時間 (秒単位) を表します。つまり、一定時間後に更新が行われます。 URL を追加すると、指定した Web ページにリダイレクトされます (検索エンジンは自動的に検出できますが、誤解を招くとエンジンに判断されやすく、ペナルティを受ける可能性もあります)。

他の

1.width: 幅 (数値/デバイス幅) (範囲は 200 から 10,000、デフォルトは 980 ピクセル)
2.height: 高さ（数値/デバイスの高さ）（範囲は 223 ～ 10,000）
3.initial-scale: 初期スケール（範囲は0以上10以下）
4.最小スケール: ユーザーがズームできる最小スケール
5.最大スケール: ユーザーがズームできる最大スケール
6.ユーザースケーラブル: ユーザーが手動でスケールダウンできるかどうか (いいえ、はい)
7.minimal-ui: ページの読み込み時に上部と下部のステータスバーを最小化できます。 (非推奨)
多くの人が非レスポンシブな Web サイトで initial-scale=1 を使用していることに注意してください。これにより、Web サイトが 100% の幅でレンダリングされ、ユーザーは手動でページを移動したり、ズームしたりする必要があります。 initial-scale=1 と同時に user-scalable=no または maximum-scale=1 を使用すると、ユーザーは Web ページを拡大/縮小してすべてのコンテンツを表示できなくなります。

WebApp フルスクリーン モード: 偽装アプリ、オフライン アプリケーション。

ステータス バーを非表示にする/ステータス バーの色を設定する: WebApp のフルスクリーン モードがオンになっている場合にのみ有効になります。コンテンツの値は default | black | black-translucent です。

ホーム画面に追加した後のタイトル

番号を無視し、電話番号として自動的に識別します

識別メールボックスを無視

スマート アプリ バナーを追加する: この Web サイトに対応するアプリをブラウザーに伝え、ページにダウンロード バナーを表示します (以下を参照)。参照ドキュメント

その他の参考資料

ウェブ関連

宣言コード

IEとChromeの最新バージョンを優先する

ブラウザカーネル制御：国産ブラウザの多くはデュアルカーネル（WebKit と Trident）であり、WebKit カーネルは高速ブラウジング用であり、IE カーネルは Web ページや古いバージョンの Web サイトと互換性があります。メタタグを追加する Web サイトは、ブラウザがレンダリングするために選択するカーネルを制御できます。参照ドキュメント

1. Sogou高速ブラウザ、QQブラウザ：IEカーネル（互換モード）
2. 360 Speed Browser、Maxthon Browser: Webkitカーネル（スピードモード）

ブラウザがローカル コンピュータのキャッシュからページ コンテンツにアクセスできないようにする: この設定により、訪問者はオフラインで閲覧できなくなります。

ウィンドウズ8

サイト適応：主にPCページとモバイルページの対応に使用します。

トランスコーディングに関する声明: Baiduでウェブページを開くと、トランスコーディングされる可能性があります（広告の掲載など）。トランスコーディングを回避するには、次のメタを追加できます。

その他の参考資料

HTML メタタグの完全なリスト
W3C メタタグ
HTML5 のメタタグ
MDN メタタグ