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 についての簡単な説明

推薦する

sqlalchemy に基づいて MySQL で追加、削除、変更、クエリ操作を実装する

需要シナリオ:上司は、クロ​​ーラーを使用してMySQLデータベースにデータを書き込んだり更新したり...

Vue でフルスクリーンを実装し、フルスクリーン終了を監視する

目次序文:実装手順:完全なソースコード:詳細情報:序文: vueでは、デフォルトページを実装し、di...

MySQL がエラーを報告: ファイルが見つかりません: './mysql/plugin.frm' 解決策

問題を見つける最近、仕事中に問題が見つかりました。問題は、MySQL ディスクがいっぱいだったことで...

TomcatコンポーネントはWebサーバーのアーキテクチャの進化を示しています

1. tomcat とは誰ですか? 2. Tomcat は何ができますか? Tomcat は Web...

MySQL SELECT実行順序の簡単な理解

SELECT ステートメントの完全な構文は次のとおりです。 (7)選択 (8) DISTINCT ...

SSL を実装するために nginx を設定する方法の例

環境説明サーバーシステム: Ubuntu 18.04 64ビットnginx: 1.14この記事では主...

下線を実現するための CSS3 トランジションの例コード

この記事では、下線を実現するための CSS3 トランジションのサンプル コードを紹介します。このコー...

vscodeを使用してuniappを開発する方法

私はフロントエンド プロジェクトの開発に常に vscode を使用してきたため、現在ではいくつかの小...

MYSQL 演算子の概要

目次1. 算術演算子2. 比較演算子3. 論理演算子4. ビット演算子5. 演算子の優先順位1. 算...

MySQL外部キーの基本的な機能と使用方法の詳細な説明

この記事では、例を使用して、MySQL 外部キーの基本的な機能と使用方法を説明します。ご参考までに、...

MySQL 8.0 ウィンドウ関数の紹介と概要

序文MySQL 8.0 より前は、Oracle、SQL SERVER、PostgreSQL などの他...

Nginx+SSL による双方向認証を実装するためのサンプル コード

まずディレクトリを作成する cd /etc/nginx mkdir ssl cd ssl CA と自...

MySQLクライアントとサーバーのプロトコルの解釈

目次MySQL クライアント/サーバー プロトコルMySQL サーバーから高いパフォーマンスを得る必...

JavaScript における 3 つの for ループ ステートメントの使用の概要 (for、for...in、for...of)

序文JS に触れるすべての開発者は、必然的に for ループを扱うことになります。結局のところ、fo...