検索

HTMLページメタ入門(2)

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

★NAME変数

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

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

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

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

1. キーワード

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

使用法:

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

2. 説明

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

使用法:

注:

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

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

使用法:

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

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

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

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

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

4. 著者(著者)

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

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

5.著作権

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

注:

6. ジェネレーター

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

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

7.再訪後(再訪)

説明: 使用法:

注:

★その他のHeadの使い方

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 までご連絡ください。
HTML対CSSおよびJavaScript:Webテクノロジーの比較HTML対CSSおよびJavaScript:Webテクノロジーの比較Apr 23, 2025 am 12:05 AM

HTML、CSS、およびJavaScriptは、最新のWebページを構築するためのコアテクノロジーです。1。HTMLはWebページ構造を定義します。2。CSSはWebページの外観に責任があります。

マークアップ言語としてのHTML:その機能と目的マークアップ言語としてのHTML:その機能と目的Apr 22, 2025 am 12:02 AM

HTMLの機能は、Webページの構造とコンテンツを定義することであり、その目的は、情報を表示するための標準化された方法を提供することです。 1)HTMLは、タイトルやパラグラフなどのタグや属性を使用して、Webページのさまざまな部分を整理しています。 2)コンテンツとパフォーマンスの分離をサポートし、メンテナンス効率を向上させます。 3)HTMLは拡張可能であり、カスタムタグがSEOを強化できるようにします。

HTML、CSS、およびJavaScriptの未来:Web開発動向HTML、CSS、およびJavaScriptの未来:Web開発動向Apr 19, 2025 am 12:02 AM

HTMLの将来の傾向はセマンティクスとWebコンポーネントであり、CSSの将来の傾向はCSS-in-JSとCSShoudiniであり、JavaScriptの将来の傾向はWebAssemblyとServerLessです。 1。HTMLセマンティクスはアクセシビリティとSEO効果を改善し、Webコンポーネントは開発効率を向上させますが、ブラウザの互換性に注意を払う必要があります。 2。CSS-in-JSは、スタイル管理の柔軟性を高めますが、ファイルサイズを増やす可能性があります。 CSShoudiniは、CSSレンダリングの直接操作を可能にします。 3. Webassemblyブラウザーアプリケーションのパフォーマンスを最適化しますが、急な学習曲線があり、サーバーレスは開発を簡素化しますが、コールドスタートの問題の最適化が必要です。

HTML:構造、CSS:スタイル、JavaScript:動作HTML:構造、CSS:スタイル、JavaScript:動作Apr 18, 2025 am 12:09 AM

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造を定義し、2。CSSはWebページスタイルを制御し、3。JavaScriptは動的な動作を追加します。一緒に、彼らは最新のウェブサイトのフレームワーク、美学、および相互作用を構築します。

HTMLの未来:ウェブデザインの進化とトレンドHTMLの未来:ウェブデザインの進化とトレンドApr 17, 2025 am 12:12 AM

HTMLの将来は、無限の可能性に満ちています。 1)新機能と標準には、より多くのセマンティックタグとWebComponentsの人気が含まれます。 2)Webデザインのトレンドは、レスポンシブでアクセス可能なデザインに向けて発展し続けます。 3)パフォーマンスの最適化により、応答性の高い画像読み込みと怠zyなロードテクノロジーを通じてユーザーエクスペリエンスが向上します。

HTML対CSS対JavaScript:比較概要HTML対CSS対JavaScript:比較概要Apr 16, 2025 am 12:04 AM

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。HTMLはコンテンツ構造を担当し、CSSはスタイルを担当し、JavaScriptは動的な動作を担当します。 1。HTMLは、セマンティクスを確保するためにタグを使用してWebページの構造とコンテンツを定義します。 2。CSSは、セレクターと属性を介してWebページスタイルを制御して、美しく読みやすくします。 3。JavaScriptは、動的でインタラクティブな関数を実現するために、スクリプトを通じてWebページの動作を制御します。

HTML:それはプログラミング言語か何か他のものですか?HTML:それはプログラミング言語か何か他のものですか?Apr 15, 2025 am 12:13 AM

htmlisnotaprogramminglanguage; itisamarkuplanguage.1)htmlStructuresandformatswebcontentusingtags.2)ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。

HTML:Webページの構造の構築HTML:Webページの構造の構築Apr 14, 2025 am 12:14 AM

HTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。

See all articles

ホット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衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール