よく使用されるメタの概要

まとめ

タグは HTML ドキュメントに関するメタデータを提供します。メタデータはページには表示されませんが、機械で読み取り可能です。これは、ブラウザー (コンテンツの表示方法やページのリロード方法)、検索エンジン (キーワード)、またはその他の Web サービスで使用できます。

必須属性

プロパティ	価値	説明
コンテンツ	テキスト	http-equiv または name 属性に関連するメタ情報を定義します

オプションの属性

プロパティ	価値	説明
http-equiv	content-type / 期限切れ / 更新 / set-cookie	content 属性を HTTP ヘッダーに関連付けます。
名前	著者 / 説明 / キーワード / ジェネレーター / 改訂 / その他	content 属性を名前に関連付けます。
コンテンツ	テキスト	コンテンツ属性値の変換に使用される形式を定義します。

SEOの最適化

ドキュメント

• ページのキーワード を参照すると、各 Web ページには、Web ページのコンテンツを説明する固有のキーワードのセットが必要です。
  ユーザーが検索する可能性が高い、説明的で代表的なキーワードとフレーズを使用し、Web ページで提供される情報を正確に説明します。短すぎるコンテンツにはマークを付けてください。検索エンジンはそのコンテンツに関連性があるとみなさない可能性があります。また、タグは 874 文字を超えてはなりません。

<meta>

• ページの説明、すべての Web ページには、Web ページのコンテンツを正確に反映する 150 文字以内の説明タグが必要です。

<meta>

• 検索エンジンのインデックス作成方法、robotterms はカンマ (,) で区切られた一連の値であり、通常は次の値です: none、noindex、nofollow、all、index、follow。 nofollow および noindex 属性値を正しく使用していることを確認してください。

<meta>

• ページのリダイレクトと更新: コンテンツ内の数字は時間 (秒)、つまり更新にかかる時間を表します。 URLを追加すると、指定したWebページにリダイレクトされます（検索エンジンは自動的に検出することができ、エンジンによって誤解を招くものとみなされて罰せられる可能性があります）。

<meta>

• その他

<meta> 
<meta>
<meta>
<meta>

モバイルデバイス

• ビューポート: モバイルブラウザの表示を最適化できます。 Web サイトが応答しない場合は、初期スケールを使用しないか、スケーリングを無効にします。
  ほとんどの 4.7 ～ 5 インチ デバイスのビューポート幅は 360 ピクセルに設定され、5.5 インチ デバイスは 400 ピクセルに設定され、iPhone6 プラスは 414 ピクセルに設定されます。

りー

1. width: 幅 (数値 / デバイス幅) (範囲は 200 ～ 10,000、デフォルトは 980 ピクセル)

2. 
   

3. height: 高さ (数値 / デバイスの高さ) (223 ～ 10,000 の範囲)

4. 
   

5. 初期スケール: 初期スケーリング (>0 ～ 10 の範囲)

6. 
   

7. minimum-scale: ユーザーがズームできる最小スケール

8. 
   

9. 最大スケール: ユーザーがズームできる最大比率

10. 
    

11. ユーザースケーラブル: ユーザーが手動で縮小できるかどうか (いいえ、はい)

12. 
    

13. minimum-ui: ページの読み込み時に上部と下部のステータス バーを最小化できます。 (非推奨)

多くの人が応答しない Web サイトでInitial-scale=1 を使用するため、Web サイトが 100% の幅でレンダリングされ、ユーザーが手動でページを移動したりズームしたりする必要があることに注意してください。 user-scalable=no または Maximum-scale=1 が、initial-scale=1 とともに使用される場合、ユーザーは Web ページを拡大/縮小してコンテンツ全体を表示することはできません。

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

<meta>

• ステータス バーを非表示にする/ステータス バーの色を設定する: WebApp 全画面モードがオンになっている場合にのみ有効です。コンテンツの値はデフォルトで黒 | 半透明です。

<meta> 

• ホーム画面にタイトルが追加されました

<meta>

• 電話番号として自動的に認識される番号を無視してください

<meta>

• 個人識別メールを無視

<meta>

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

<meta>

• その他 参考資料

<meta>

Webページ関連

• エンコーディングの宣言

<meta>

<meta>

<meta>

<meta>

<meta>

<meta>

<meta>

<meta>

<meta>

• IEとChromeの最新バージョンを推奨

ブラウザカーネル制御
• :国内の多くのブラウザデュアルカーネル ( Web キットと Trident)、高速ブラウジングのための Webkit カーネル、Web ページや古い Web サイトと互換性のある IE カーネル。メタ タグを追加する Web サイトは、ブラウザがどのカーネル レンダリングを選択するかを制御できます。参考資料

  <meta>

  国内のデュアルコアブラウザのデフォルトのカーネルモードは次のとおりです:

1.総合高速ブラウザ、QQブラウザ：IEカーネル(互換モード)

　　2. 360极速浏览器、遨游浏览器：Webkit内核（极速模式）

• 禁止浏览器从本地计算机的缓存中访问页面内容：这样设定，访问者将无法脱机浏览。

<meta>

• Windows 8

<meta> 
<meta> 

• 站点适配：主要用于PC-手机页的对应关系。

<meta>

• 转码申明：用百度打开网页可能会对其进行转码（比如贴广告），避免转码可添加如下meta

<meta>

               

以上がよく使用されるメタの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。