HTML における <meta> タグの使用に関する詳細な説明

HTML における <meta> タグの使用に関する詳細な説明

私たちが作成する Web ページでは、より多くの人々に訪問してもらいたい場合、検索エンジンを使用して URL を見つけることが最善の方法です。そのため、検索エンジンが識別できるキーワードを Web ページに含める必要があります。HTML の <meta> タグはこの機能を備えており、検索エンジンが識別できるように、このページの重要な情報をそこに書き込みます。次に、<meta> の使用方法について説明します。

<ヘッド>
<title>仲間</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="アーウィン・アリガム - styleshout.com" />
<meta name="description" content="サイトの説明はこちら" />
<meta name="キーワード" content="キーワード、ここに" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="googlebot" content="noarchive" />
</head>

1. 属性の使用

これは簡単な例です。このタグは <head> に記述されており、ユーザーには表示されません。これらの機能が必要かどうかは、独自のニーズによって異なります。タグの主な属性は、http-equiv と name です。

http-equiv は http のヘッダー ファイルのようなもので、必要なコンテンツをより適切に表示するために役立つ情報をブラウザーに送信できます。http-equiv 属性の値には、content-type、expires、refresh などがあります。

name この属性は主に Web ページを説明するために使用されます。 name 属性の値は、作成者、説明、キーワード、ジェネレーターなどになります。

2. 名前属性の適用

上記の例でキーワードや説明などの名前の使用が見られるのは、検索エンジンの動作原理によると、検索エンジンはまずロボットによって自動的に取得されたページ内のキーワードと説明を除外し、独自のデータベースに追加してから、キーワードの密度に応じてWebサイトを並べ替えるためです。そのため、この2つの属性は非常に重要です。

注意: キーワードの内容は 36 文字に制限されます。

説明の内容は 76 文字以内に制限されます。

これら2つは一緒に使用する必要があります

要約する

上記は、HTML における <meta> タグの使用に関する詳細な説明です。お役に立てれば幸いです。ご質問がある場合は、メッセージを残していただければ、すぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。

<<:  PXEを使用してLinuxシステムを自動的に展開する方法

>>:  MySQL の DDL と DML についての簡単な説明

推薦する

Linux で推奨される 9 つの優れたコード比較ツールの概要

コードを書くとき、2 つのファイル間の違い、または同じファイルの異なるバージョン間の違いを知る必要が...

この記事では、Viteがブラウザのリクエストに対して何を行うかを説明します。

目次動作原理:ブラウザは何をするのですか?ホストファイル index.htmlメイン.jsその他のベ...

Reactドラッグフックを実装するための100行以上のコード

序文ソースコードは合計で 100 行強しかありません。これを読めば、react-dnd などの成熟し...

WEB 標準ウェブページ構造

背景画像でも、ページ上のテキストサイズでも、1 ピクセルの違いは非常に明白です。そして、私は学生時代...

JavaScriptでシンプルなスクロールウィンドウを実装する

この記事では、スクロールウィンドウを実装するためのJavaScriptの具体的なコードを参考までに紹...

Docker を使用して Nginx+Flask+Mongo アプリケーションをデプロイする

サーバーにはNginx、データベースサポートにはMongo、Python言語のWebフレームワークに...

MySQLでカーソルトリガーを使用する方法

カーソル選択クエリによって返される行のセットは、結果セットと呼ばれます。結果セット内の行は、入力した...

vuexサードパーティパッケージを使用してデータの永続性を実装する方法

目的: vuex で管理されている状態データを同時にローカルに保存できるようにします。独自のストレー...

URLに基​​づいてリクエストを転送するnginxの実装の実践経験

序文これは fastdfs を使用してイントラネット外部に展開された分散ファイルシステムであるためで...

JavaScript におけるイベント委譲メカニズムと深いコピーと浅いコピーの簡単な分析

目次1. イベントの委任イベントバブリングイベントキャプチャイベントの泡立ちの昇華考える2. 深いコ...

MySQL 5.7.18 Green Edition のダウンロードとインストールのチュートリアル

この記事では、MySQL 5.7.18のグリーンバージョンをダウンロードしてインストールする詳細な手...

MySQL データベースの最適化: インデックスの実装原則と使用状況の分析

この記事では、例を使用して、MySQL データベースの最適化のためのインデックス実装の原則と使用方法...

Angularプロジェクトにおける共有モジュールの実装の詳細な説明

目次1. 共有共通モジュール2. 共有マテリアルモジュール3. 共有確認ダイアログ1. 共有共通モジ...

vsFTP 3.0.3 のコンパイルとインストールの詳細な分析

脆弱性の詳細VSFTP は、GPL に基づいてリリースされた Unix ライクなシステムで使用される...

シェルスクリプト nginx 自動化スクリプト

このスクリプトは、nginxの起動、停止、再起動の操作を満たすことができます。 #!/bin/bas...