ホームページ ウェブフロントエンド htmlチュートリアル メタタグの詳しい説明(メタタグの役割)_HTML/Xhtml_Webページ制作

メタタグの詳しい説明(メタタグの役割)_HTML/Xhtml_Webページ制作

May 16, 2016 pm 04:38 PM

あなたの個人ウェブサイトがどれほど素晴らしくても、それはサイバースペースの「広大な海」に浮かぶ小船のように見つけるのが難しいです。あなたの個人ウェブサイトを宣伝する方法として、人々が最初に考える方法は次のとおりです。

● 検索エンジンで個人 Web サイトにログインします

● 有名な Web サイトに個人 Web サイトへのリンクを追加します

●フォーラムに投稿して個人 Web サイトを宣伝します

多くの人は HTML タグ META の強力な効果を無視しています。META タグを適切に設計すると、個人の Web サイトが検索される可能性が大幅に高まります。META タグについてもう一度理解してみましょう。

METAタグはHTML言語のHEAD領域にある補助タグで、HTML文書の先頭のタグと

タイトルの間に配置され、ユーザーには見えない情報を提供します。 。メタ タグは通常、検索エンジン ロボットのページ テーマを定義したり、ユーザーのブラウザで Cookie を定義したりするために使用されます。また、作成者の識別、ページ形式の設定、コンテンツの概要とキーワードのマーク付けにも使用できます。自分自身を更新する間隔を定義したり、RASC コンテンツ レベルなどを設定したりできます。

詳しい紹介

タグの例と説明をいくつか示します。

META タグは、HTTP ヘッダー情報 (HTTP-EQUIV) とページ記述情報 (NAME) の 2 つの部分に分かれています。

★HTTP-EQUIV

HTTP-EQUIV は HTTP ヘッダー プロトコルに似ており、Web ページのコンテンツを正確かつ正確に表示するために役立つ情報をブラウザーに返します。一般的に使用される HTTP-EQUIV タイプは次のとおりです:

1. Content-Type と Content-Language (表示文字セット設定) は Global Online School edu24ol.com から転載 Global Online School edu24ol.com から転載。 >

説明: ホームページの作成に使用されるテキストと言語を説明するためにページで使用される文字セットを設定します。ブラウザは、これに基づいてページのコンテンツを表示するために対応する文字セットを呼び出します。

使用法:

注: META タグは、HTML ページで使用される文字セットを、国家標準の中国語文字コードである GB2132 として定義します。 「charset=GB2312」を「BIG5」に置き換えると、このページで使用される文字セットは繁体字中国語の Big5 コードになります。一部の海外サイトを閲覧すると、IE ブラウザにより、ページを正しく表示するには xx 言語サポートをダウンロードする必要があるというメッセージが表示されます。この機能は、HTML ページの META タグの Content-Type 属性を読み取ることで、ページを表示するためにどの文字セットを使用する必要があるかを知ることです。対応する文字セットがシステムにインストールされていない場合、IE はダウンロードを求めるプロンプトを表示します。他の言語も異なる文字セットに対応しています。たとえば、日本語の文字セットは「iso-2022-jp」、韓国語の文字セットは「ks_c_5601」です。

Content-Type のコンテンツは、text/xml およびその他のドキュメント タイプにすることもできます。

文字セット オプション: ISO-8859-1 (英語)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii、x-mac-roman、iso-8859-2、x-mac -ce、iso-2022-jp、x-sjis、x-euc-jp、euc-kr、iso-2022-kr、gb2312、gb_2312-80、x-euc-tw、x-cns11643-1、x-cns11643 -2 およびその他の文字セット。Content-Language の内容は、EN、FR、およびその他の言語コードにすることもできます。

2. リフレッシュ(リフレッシュ) Global Online School edu24ol.com より転載 Global Online School edu24ol.com より転載 Global Online School edu24ol.com より転載

説明: Web ページが自動的に更新されるまでの時間 (秒)、または Web ページが他の Web ページに自動的にリンクされるまでの時間。

使用法:

注: 5 は、5 秒間滞在した後に URL が自動的に更新されることを意味します。

3. 有効期限(期間) Global Online School edu24ol.com から移行 Global Online School edu24ol.com から移行 Global Online School edu24ol.com から移行

説明: キャッシュ内の Web ページの有効期限を指定します。Web ページの有効期限が切れたら、サーバーから取得する必要があります。

使用法:

注: GMT 時間形式を使用するか、直接 0 に設定する必要があります (数字は有効期限が切れるまでの時間を示します)。

4.プラグマ (キャッシュモード)

説明: ブラウザーがローカル キャッシュのページ コンテンツにアクセスすることを禁止します。

使用法:

注: Web ページはキャッシュに保存されず、アクセスするたびに更新されます。この設定では、訪問者はオフラインで閲覧できなくなります。

5. Set-Cookie (クッキー設定)

注: ブラウザがページにアクセスすると、そのページはキャッシュに保存され、次回アクセスするときに、速度を向上させるためにキャッシュから読み取ることができます。訪問者が広告のアイコンを毎回更新する場合、またはカウンタを毎回更新する場合は、キャッシュを無効にします。通常、HTML ファイルのキャッシュを無効にする必要はありません。ASP などのページでは、表示されるすべてのページがサーバー上で動的に生成され、キャッシュは無意味であるためです。 Web ページの有効期限が切れると、保存された Cookie は削除されます。

使用法:

注: この属性は、他のユーザーがフレーム内であなたのページを呼び出すのを防ぐために使用されます。コンテンツオプション: _blank、_top、_self、_parent.

7. 写真ラベル (Web ページ RSAC 評価)

注: IE のインターネット オプションには、一部の制限された Web サイトの閲覧を禁止できるコンテンツ設定があり、Web サイトの制限レベルはこのパラメータを通じて設定されます。

使用法::

注: レベルを高く設定しすぎないでください。 RSAC の評価システムは、Web サイトのコンテンツを評価するための標準を提供します。ユーザーは、Microsoft Internet Explorer (IE3.0 以降) を設定して、ポルノや暴力的なコンテンツを含むサイトを除外できます。上の例の HTML は Microsoft のホームページから取得したものです。コード内の (n 0 s 0 v 0 l 0) は、サイトに不適切なコンテンツが含まれていないことを意味します。評価は、American Entertainment Council の評価機関である RSAC によって決定されます。RSAC 評価システムの評価内容について詳しく知りたい場合、または独自の Web サイトを評価する必要がある場合は、RSAC Web サイトにアクセスしてください。 ://www.rsac .org/.

8. ページ入力、ページ終了 (入力と終了)

注: これらは、ページがロードされて呼び出されたときの特殊効果です。

使用法:

2.

name の内容は実際の内容を指定します。例: 値としてレベルを指定した場合、コンテンツは初級、中級、または上級になります。

1. キーワード

注: 検索エンジン用に提供されているキーワード リストは、グローバル オンライン スクール edu24ol.com から転載され、グローバル オンライン スクール edu24ol.com から転載されています。

使用法: <メタ名="キーワード" コンテンツ="キーワード 1, キーワード 2, キーワード 3, キーワード 4,...">

注: 各キーワードは英語のカンマ「,」で区切られます。 META の通常の使用法は、検索エンジンが検索品質を向上させるために使用するキーワードを指定することです。いくつかの META 要素がドキュメントの言語依存関係情報を提供する場合、検索エンジンは lang 属性を使用して、ユーザーの言語設定に基づいて検索結果をフィルタリングして表示します。例:

2. 説明 (はじめに)

説明: 説明は、Web サイトのメインコンテンツを検索エンジンに伝えるために使用されます。

使用法: <メタ名="説明" コンテンツ="Web ページの簡単な説明">

注:

3. ロボット (ロボットガイド) は、グローバル オンライン スクール edu24ol.com から転載されています。グローバル オンライン スクール edu24ol.com から転載されています。

説明: ロボットは、どのページにインデックスを付ける必要があり、どのページにインデックスを付ける必要がないのかを検索ロボットに指示するために使用されます。 Content のパラメータには、all、none、index、noindex、follow、および nofollow が含まれます。デフォルトはすべてです。

使用法:

注: 多くの検索エンジンは、Web サイトにログインするためにロボット/スパイダー検索を使用します。これらのロボット/スパイダーは、メタ要素のいくつかの特性を使用してログイン方法を決定します。

すべて: ファイルが取得され、ページ上のリンクをクエリできます。

none: ファイルは取得されず、ページ上のリンクはクエリできません (「noindex、no follow」と同じ効果)

index: ファイルが取得されます (ロボット/スパイダーにログインさせます)

フォロー: ページ上のリンクはクエリできます。 Global Online School edu24ol.com から転送 Global Online School edu24ol.com から転送 Global Online School edu24ol.com から転送

noindex: ファイルは取得されませんが、ページ上のリンクは照会できます (ロボット/スパイダーのログインを許可しません)

nofollow: ファイルは取得されませんが、ページ上のリンクはクエリできます。 (ロボット/スパイダーがこのページのリンクをたどって検索することを許可しないでください)

4. 著者(著者)

手順: Web ページの作成者または制作チームをマークします

使用法:

注: コンテンツは次のとおりです: あなたまたはあなたの制作チームの名前、または電子メール

5. 著作権

注: 著作権はグローバル オンライン スクール edu24ol.com から譲渡されており、グローバル オンライン スクール edu24ol.com から譲渡されていることに注意してください

使用法:

注:

6. ジェネレーター (編集者)

説明: エディタの説明

使用法:

注: Content="あなたの編集者"

7.再訪問後(再訪問)

説明:

使用法:

注:

★その他の Head の用途

1.スキーム

説明: スキームは、名前がコンテンツの値の解釈方法を指定するために使用される場合に使用できます。

使用法:

注:

2. リンク

説明: ファイルへのリンク

使用法:

注: 多くの Web サイトでは、受信トレイに保存すると、クリックして再度入力すると、小さなアイコンが表示されます。アドレスバー。この段落をページのヘッダーに追加するだけで、この機能を簡単に実現できます。 は現在のファイルを他の URL にリンクするために使用されますが、

タグの間にはリンク ボタンが使用されません。

3. ベース (ベースリンク)

手順: Web ページのベース リンク属性を挿入します。 Global Online School edu24ol.com から転送されます。 Global Online School edu24ol.com から転送されます。

使用法:

注: リンクするとき、Web ページ上のすべての相対パスの前に「http://www.cn8cn.com/」が付けられます。 target="_blank" は新しいウィンドウで開くリンク ファイルで、他の設定を行うことができます。リンクされたファイルが現在のウィンドウの親ウィンドウで開かれるようにするには、「_blank」を「_parent」に変更します。リンクされたファイルを現在のウィンドウ (フレーム) で開くには、「_top」に変更します。リンクされたファイルを全画面で表示します。

上記は META タグの基本的な使用法の一部です。その中で最も重要なのは、キーワードと説明の設定です。なぜ?理由は非常に簡単です。これらの 2 つのステートメントにより、検索エンジンがユーザーを正確に検出し、より多くの人がサイトにアクセスできるようになります。一般的な検索エンジン (Google、Lycos、AltaVista など) の動作原理によれば、検索エンジンは最初にロボット WWW 上で自動的に検索を行い、新しい Web サイトを発見すると、ページ内のキーワードと説明を簡単に取得して独自のデータベースに追加し、キーワードの密度に従って Web サイトを並べ替えます。


この観点から、キーワードと説明のMETAタグを忘れずに付けて、キーワードと紹介文を可能な限りしっかりと書く必要があります。それ以外の場合、

結果は次のようになります:


● ページにキーワードと説明の META タグがない場合、ロボットはあなたのサイトをデータベース

に追加できず、ネチズンがあなたのサイトを検索することはできません。


●キーワードが適切に選択されておらず、キーワード密度が高くない場合、

数十、さらには数百万のサイトの後ろにランクされ、クリックされる可能性も非常に低くなります。

キーワード(キーワード)を記述する際は、以下の点にご注意ください。 Global Online School edu24ol.com より転載 Global Online School edu24ol.com より転載 Global Online School edu24ol.com より転載

● 一般的な言葉は使用しないでください。たとえば、www、ホームページ、ネット、ウェブなどです。

●形容詞や副詞は使用しないでください。たとえば、最高、最大など。

● 一般的な用語は使用せず、できるだけ正確に記述してください。たとえば、「エリクソン携帯電話」の場合は、代わりに「T28SC」を使用する方がよいでしょう。


「3 人の旅行には、先生がいるはずです。」 適切なキーワードを見つけるコツは、Google、Lycos、Alta などの有名な検索エンジンにアクセスし、あなたのWebサイトで上位を確認してください。Webサイトの10桁のMETAキーワードをあなたのWebサイトに使用すると、その効果が想像できます。

★ヒント

検索のクリックスルー率を高めるために役立つ「ショートカット」をいくつか紹介します。

●キーワードの密度を高めるため、ページ内のキーワードを非表示にします(文字色を背景色と同じ色に定義します)。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

&lt; datalist&gt;の目的は何ですか 要素? &lt; datalist&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

この記事では、HTML&lt; Datalist&GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

&lt; Progress&gt;の目的は何ですか 要素? &lt; Progress&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

この記事では、HTML&lt; Progress&gt;について説明します。要素、その目的、スタイリング、および&lt; meter&gt;との違い要素。主な焦点は、&lt; Progress&gt;を使用することです。タスクの完了と&lt; Meter&gt; statiの場合

&lt; meter&gt;の目的は何ですか 要素? &lt; meter&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

この記事では、html&lt; meter&gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化&lt; Meter&gt; &lt; Progress&gt;およびex

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

この記事では、&lt; iframe&gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

HTML5&lt; time&gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? HTML5&lt; time&gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? Mar 12, 2025 pm 04:05 PM

この記事では、html5&lt; time&gt;について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

See all articles