よく使用されるメタの使用法をまとめたもの

まとめ

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

必須属性

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

オプションの属性

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

SEOの最適化

参考資料

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

りー

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

りー

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

りー

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

りー

• その他

りー

モバイルデバイス

• ビューポート: モバイルブラウザの表示を最適化できます。 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 全画面モード: 偽装アプリ、オフライン アプリケーション。

りー

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

りー

• ホーム画面追加後のタイトル

<meta>

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

<meta>

• 個人特定メールを無視

<meta>

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

<meta>

• その他参考資料

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

Web ページ関連

• エンコードを宣言する

<meta>

• 最新バージョンの IE と Chrome を優先的に使用してください

<meta> 

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

<meta>

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

　　1. 搜狗高速浏览器、QQ浏览器：IE内核（兼容模式）

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

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

<meta>

• Windows 8

<meta> 
<meta> 

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

<meta>

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

<meta>

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