【04】<メタ> element_html/css_WEB-ITnose-htmlチュートリアル-php.cn

【04】<メタ> element_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:34:41

オリジナル

7647 人が閲覧しました

要素

概要

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

必須属性

プロパティ	値	説明
コンテンツ	いくつかのテキスト	http-equiv または name 属性 Meta に関連する定義情報

オプションの属性

属性	値	説明
http-equiv	content-type / 有効期限 / 更新 / 設定-cookie	content 属性を HTTP ヘッダーに関連付けます。
name	作成者 / 説明 / キーワード / ジェネレーター / 改訂 / その他	content 属性を名前に関連付けます。
content	some text	content 属性値の翻訳に使用される形式を定義します。

SEO 最適化

参考ドキュメント

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

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

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

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

・その他

モバイルデバイス

· ビューポート: モバイルブラウザの表示を最適化できます。 Web サイトが応答しない場合は、初期スケールを使用しないか、スケーリングを無効にします。

ほとんどの 4.7 ～ 5 インチデバイスのビューポート幅は 360 ピクセルに設定され、5.5 インチデバイスは 400 ピクセルに設定され、iPhone6 plus は 414 ピクセルに設定されます。

width: width (value / device-width1. ) (200 ～ 10,000 の範囲、デフォルトは 980 ピクセル)

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

3. 初期スケール (>0 の範囲)

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

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

6.ユーザーは手動でズームインできます (いいえ、はい)

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

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

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

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

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

· 電話番号として自動的に認識される数字は無視します

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