メタタグの詳しい説明(メタタグの役割)

メタタグの詳しい説明(メタタグの役割)

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

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

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

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

しかし、多くの人は 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 http-equiv="コンテンツ言語" コンテンツ="zh-CN">

注: この 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. リフレッシュ(Re​​fresh) Global Online School edu24ol.com より転載 Global Online School edu24ol.com より転載 Global Online School edu24ol.com より転載

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

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

<Meta http-equiv="更新" コンテンツ="5; Url=http://www.xia8.net">

注: 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">

<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">

注: 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)">

<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">

二、

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

1. キーワード

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

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

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

<Meta name="Kyewords" Lang="EN" Content="休暇、ギリシャ、太陽">

<Meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil">

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 が含まれます。デフォルトはすべてです。

使用方法: <Meta name="Robots" Content="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 から譲渡されています。

使用方法: <Meta name="Copyright" Content="このページは Zerospace の著作権で保護されています。無断転載を禁じます">

知らせ:

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> タグの間で使用され、次の形式になります。

<link href="URL" rel="関係">

<link href="URL" rev="関係">

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 バージョンのスムーズなアップグレードソリューションの詳細説明

推薦する

LeetCode の SQL 実装 (175. 2 つのテーブルの結合)

[LeetCode] 175.2つのテーブルを結合する表: 人物+-------------+--...

CentOS 8で自動更新を設定するための手順を完了する

データとコンピューターに対してできる最善のことは、それらを安全に保つことです。アップデートを有効にす...

MySQL無料インストール版を解凍した後にパスワードが見つからない問題を解決する方法

1. mysql-8.0.21-winx64を解凍する2. 環境変数を設定し、アドレスをbinフォル...

HTML 内の CSS および JS リンクのバージョン番号 (キャッシュを更新)

背景検索エンジンで「.htaccess キャッシュ」というキーワードを検索すると、ウェブサイトのファ...

MySQLインデックスの失敗の典型的なケース

目次典型的なケース付録: 一般的なインデックス障害の状況典型的なケース次の構造を持つ 2 つのテーブ...

18 個のキラー JavaScript ワンライナー

序文JavaScript は習得が最も簡単な言語の 1 つであるため、成長と繁栄を続けており、市場に...

Docker Enterprise Edition を使用して独自のプライベート レジストリ サーバーを構築する

Docker は本当に素晴らしいです。特に、仮想マシンを使用する場合に比べて、Docker イメージ...

CSS でデフォルトのスタイルをクリアし、共通のスタイルを設定する方法

CSS デフォルトスタイルをクリア通常の明確なデフォルト スタイル: *{ マージン:0; パディン...

VueのSSRサーバーサイドレンダリング例の詳細な説明

サーバーサイドレンダリング (SSR) を使用する理由検索エンジンのクローラーが完全にレンダリングさ...

JavaScript イベントの概念の詳細な説明 (静的登録と動的登録の区別)

目次js のイベントイベントタイプ一般的なイベントイベント登録静的および動的登録の例onload 読...

Dockerにlogstashをインストールする詳細な手順

docker-compose.yml を編集し、次のコンテンツを追加します。 バージョン: '...

HTML相対パスの親ディレクトリと子ディレクトリの書き方

親ディレクトリを指定する方法../ はソース ファイルの親ディレクトリを表し、../../ はソース...

SSMプロジェクトは、ホットデプロイメント構成を実装するためにTomcatとMavenを使用してWARパッケージとしてデプロイされることが多い。

背景ご存知のとおり、JavaEE プロジェクトを開発した後は、そのプロジェクトをサーバーの Tomc...

クリーンなXHTML構文

XHTML を書くには、明確な HTML 構文が必要です。 XHTMLを書くには、きれいなHTML構...