HTMLページメタ入門(2)

Apr 05, 2017 am 09:57 AM
html meta 導入 ページ

★NAME変数

名前は Web ページを説明し、コンテンツ (Web ページのコンテンツ) に対応するため、検索エンジンのロボットがそれを見つけて分類できます (現在、ほとんどすべての検索エンジンはオンライン ロボットを使用して、Web ページを分類するためのメタ値を自動的に見つけます) 。

name の値 (name="") は、提供される情報のタイプを指定します。いくつかの値はすでに定義されています。たとえば、説明、キーワード、更新などです。また、creationdate (作成日)、

など、他の任意の値を指定することもできます。 文書ID(文書番号)やレベル(レベル)など

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

1. キーワード

説明: 検索エンジン用に提供されるキーワードリスト

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

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

2. 説明

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

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

注:

3. ロボット (ロボットガイド)

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

使用法:<メタ名="ロボット" コンテンツ="すべて|なし|インデックス|Noindex|フォロー|Nofollow">

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

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

; none: ファイルは取得されず、ページ上のリンクは照会できません (「noindex、no follow」と同じ効果)。 Index: ファイルが取得されます (ロボット/スパイダーにログインさせます)

フォロー: ページ上のリンクをクエリできます

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

4. 著者(著者)

説明: Web ページの作成者または制作チームをマークします 使用法:<メタ名="著者" コンテンツ="張三、abc@sina.com">

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

5.著作権

注: 著作権をマーク 使用法:

注:

6. ジェネレーター

説明: エディターの説明 使用法:

注: Content="使用しているエディタ"

7.再訪後(再訪)

説明: 使用法:

注:

★その他のHeadの使い方

1.スキーム

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

使用法: <メタ スキーム="ISBN" name="識別子" content="0-14-043205-1" />
注:

2. リンク

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

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

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

説明: Web ページのベースリンク属性を挿入します

使用法:

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

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

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

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


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

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

キーワードを書く際には次の点に注意してください:

●ありきたりな言葉は使わない。たとえば、www、ホームページ、ネット、ウェブなどです。

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

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

「3 人の旅には、必ず 1 人の先生がいなければなりません。」 適切なキーワードを見つけるコツは、Google、Lycos、Alta などの有名な検索エンジンにアクセスし、

で検索してください。 あなたのサイトと同様のコンテンツを含むウェブサイトの場合、上位 10 個のウェブサイトの META キーワードをチェックして、あなたのウェブサイトに使用すると、その効果が想像できます。


★ヒント

検索のクリック率を高めるために、役立つ「ショートカット」をいくつか紹介します。もちろん、その方法も知っておく必要があります。 ~

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

● 画像の ALT コメント文にキーワードを追加します。例: キーワード

● HTML コメント ステートメントを使用して、ページ コードに多数のキーワードを追加します。使用法:

以上がHTMLページメタ入門(2)の詳細内容です。詳細については、PHP 中国語 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)

HTMLの表の境界線 HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML 左マージン HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML のネストされたテーブル HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML テーブルのレイアウト HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML 順序付きリスト HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

HTML入力プレースホルダー HTML入力プレースホルダー Sep 04, 2024 pm 04:54 PM

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML 内のテキストの移動 HTML 内のテキストの移動 Sep 04, 2024 pm 04:45 PM

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML の onclick ボタン HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

See all articles