メタタグの詳しい説明（メタタグの役割）

個人のウェブサイトがどんなに素晴らしいものであっても、サイバースペースの広大な海に浮かぶ小さなボートのように見つけてもらうのは難しいものです。個人のウェブサイトを宣伝するにはどうすればよいでしょうか? 人々が最初に思いつく方法は、次のとおりです。

● 検索エンジンで個人のウェブサイトを検索する

● 有名なウェブサイトに自分のウェブサイトへのリンクを追加する

● フォーラムに投稿して個人ウェブサイトを宣伝する

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

META タグは、HTML 言語の HEAD 領域にある補助タグです。HTML ドキュメントの先頭にあるタグと title<< タグの間に配置されます。ユーザーには見えない情報を提供します。メタタグは通常、検索エンジンロボットのページトピックを定義したり、ユーザーのブラウザーの Cookie を定義したりするために使用されます。また、作成者を識別したり、ページ形式を設定したり、コンテンツの概要やキーワードをマークしたり、定義した時間間隔に従ってページを自動的に更新するように設定したり、RASC コンテンツ評価などを設定したりすることもできます。

詳しい紹介

以下に、関連するタグの例と説明をいくつか示します。

META タグは、HTTP タイトル情報 (HTTP-EQUIV) とページ説明情報 (NAME) の 2 つの部分に分かれています。

HTTP 等価

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

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

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

使用方法: <Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">

注: この 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. リフレッシュ（Refresh） Global Online School edu24ol.com より転載 Global Online School edu24ol.com より転載 Global Online School edu24ol.com より転載

説明: Web ページを自動的に更新するのに必要な時間 (秒単位)、または Web ページが他の Web ページに自動的にリンクするのにかかる時間。

使用方法: <Meta http-equiv="Refresh" Content="30">

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

3. 有効期限（規約） Global Online School edu24ol.com から転載 Global Online School edu24ol.com から転載 Global Online School edu24ol.com から転載

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

使用方法: <Meta http-equiv="Expires" Content="0">

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

4. プラグマ（キャッシュモード）

説明: ブラウザがローカルマシンのキャッシュからページコンテンツにアクセスできないようにします。

使用法：

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

5. Set-Cookie（クッキー設定）

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

使用方法: <Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,

1998年10月21日 16:14:21 GMT; パス=/">

注意: 時間形式は GMT である必要があります。

6. ウィンドウターゲット（表示ウィンドウの設定）

説明: 現在のウィンドウにページを独立したページとして強制的に表示します。

使用方法: <Meta http-equiv="Widow-target" Content="_top">

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

7. Pics-label（ウェブページのRSAC評価）

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

使用方法: <META http-equiv="Pics-label" Contect="(PICS－1.1'http://www.rsac.org/ratingsv01.html'I gen comment 'RSACi North America Sever' by '[email protected]'for 'http://www.microsoft.com' on '1997.06.30T14:21－0500' r(n0 s0 v0 l0))">

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

8. ページに入る、ページから出る

説明: これらは、ページが読み込まれて呼び出されるときの特殊効果です。

使用方法: <Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">

二、

名前の内容は実際の内容を指定します。たとえば、レベルが値として指定されている場合、コンテンツは初級、中級、上級のいずれかになります。

1. キーワード

注: 検索エンジンに提供されるキーワードリストは edu24ol.com からのものです。edu24ol.com からのものです。edu24ol.com からのものです。

使用方法: <Meta name="キーワード" Content="キーワード 1、キーワード 2、キーワード 3、キーワード 4、...">

注: 各キーワードはカンマ「,」で区切られます。 META の一般的な用途は、検索エンジンが検索品質を向上させるために使用するキーワードを指定することです。複数の META 要素がドキュメントの言語依存性を提供する場合、検索エンジンは lang 属性を使用して、ユーザーの言語設定によって検索結果をフィルタリングして表示します。例えば：

2. 説明

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

使用方法: <Meta name="Description" Content="Web ページの簡単な説明">

知らせ：

3. ロボット（ロボットガイド） Global Online School edu24ol.com から転載 Global Online School edu24ol.com から転載 Global Online School edu24ol.com から転載

説明: Robots は、どのページをインデックスする必要があるか、どのページをインデックスする必要がないかを検索ロボットに伝えるために使用されます。コンテンツのパラメータには、all、none、index、noindex、follow、nofollow が含まれます。デフォルトはすべてです。

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

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

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

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

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

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

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

4. 著者

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

使用方法: <Meta name="Author" Content="Zhang San, [email protected]">

注: コンテンツには、あなたまたはあなたの制作チームの名前、またはメールアドレスが含まれます。

5. 著作権

注: 著作権は Global Online School edu24ol.com から譲渡されています。 Global Online School edu24ol.com から譲渡されています。 Global Online School edu24ol.com から譲渡されています。

知らせ：

6. ジェネレータ

説明: 編集者による説明

使用方法: <Meta name="Generator" Content="PCDATA|FrontPage|">

注: コンテンツ="使用するエディター"

7. 再訪後

例:

使用方法: <META name="revisit-after" CONTENT="7 days" >

知らせ：

★ヘッドの他の用途

1. スキーム

注: 名前を使用してコンテンツの値をどのように解釈するかを指定する場合は、スキームを使用できます。

使用方法: <meta scheme="ISBN" name="identifier" content="0-14-043205-1" />

知らせ：

2. リンク

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

使用方法: <Link href="soim.ico" rel="ショートカットアイコン">

注: 受信トレイに多くの Web サイトを保存している場合は、それらの Web サイトと一緒に小さなアイコンが表示されます。それらをもう一度クリックすると、アドレスバーにも小さなアイコンが表示されます。この段落をページヘッダーに追加するだけで、この機能を簡単に実現できます。 <LINK> は現在のファイルを他の URL にリンクするために使用されますが、リンクボタンはありません。<HEAD> タグの間で使用され、次の形式になります。

3. ベース（ベースリンク）

注: Web ページのベースリンクプロパティを挿入します。Global Online School edu24ol.com から転載 Global Online School edu24ol.com から転載 Global Online School edu24ol.com から転載

使用方法: <Base href="http://www.xia8.net/" target="_blank">

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

上記は META タグの基本的な使用法の一部ですが、最も重要なのはキーワードと説明の設定です。なぜ？理由は簡単です。この 2 つのステートメントにより、検索エンジンは正確にあなたを見つけ、より多くの人々をあなたのサイトへ誘導することができます。一般的な検索エンジン (Google、Lycos、AltaVista など) の動作原理によると、検索エンジンは最初にロボットを送信して WWW で自動的に検索します。新しい Web サイトが見つかると、検索エンジンはページのキーワードと説明を取得して独自のデータベースに追加し、キーワードの密度に応じて Web サイトを並べ替えるのに役立ちます。

このことから、キーワードと説明の META タグを追加することを忘れず、キーワードと紹介をできるだけ詳しく書く必要があることがわかります。さもないと、
結果は次のようになります:

● ページにキーワードと説明の META タグがない場合、ロボットはサイトをデータベースに追加できず、ネットユーザーはサイトを検索できません。

● キーワードが適切に選択されておらず、キーワード密度が高くない場合、数十または数百万のサイトよりも下位にランクされ、クリックされる可能性は非常に低くなります。

キーワードを書くときは、次の点に注意する必要があります。

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

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

● 一般的な用語は使用せず、できるだけ正確に記述してください。たとえば、「Ericsson 携帯電話」の代わりに「T28SC」を使用する方が適切です。

「3人が一緒に歩いていると、何かを教えてくれる人が必ずいる。」適切なキーワードを見つけるコツは、Google、Lycos、Altaなどの有名な検索エンジンにアクセスし、自分のサイトと似たコンテンツを持つウェブサイトを検索し、上位10のウェブサイトのMETAキーワードをチェックして、自分のウェブサイトで使用することです。その効果は想像がつくでしょう。

ヒント

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

● キーワードの密度を高めるために、ページ内のキーワードを非表示にします（テキストの色を背景色と同じ色に定義します）。

<<: スタイリッシュなウェブページデザインを作成する方法（グラフィックチュートリアル）

>>: Nginx バージョンのスムーズなアップグレードソリューションの詳細説明