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

推薦する

jQueryは画像追従効果を実現します

この記事では、画像フォロー効果を実現するためのjQueryの具体的なコードを参考までに紹介します。具...

Centos7でmysql5.7.19のデータ保存場所を移動する方法

シナリオ: データ量が増加すると、MySQL が配置されているディスクがいっぱいになり、より大きなス...

フレックスレイアウトではサブアイテムの高さを維持できる

Flex レイアウトを使用すると、水平に配置すると、すべての子項目の高さが同じになることがわかります...

CSSはletter-spacingプロパティを通じて単語間の間隔を制御します。

letter-spacing プロパティ: 文字間のスペース (文字間隔) を増減します。このプロ...

MySQL マルチテーブル結合クエリ例の説明

実際のプロジェクトでは、複数のテーブル間に関係が存在します。 1 つのテーブル内のすべてのデータを取...

MySQL での IN データボリュームの使用の最適化された記録

MySQL のバージョン番号は 5.7.28 です。テーブル A には 390 万件のレコードがあり...

CSSにおけるマージン値と垂直マージンの重なりについて

平行ボックスの余白 (二重余白の重なり) に関する面接の質問: 1 つのボックスに上余白があり、もう...

JavaScript スロットリングとアンチシェイクに関する簡単な説明

目次スロットルと手ぶれ防止コンセプト:違いスロットリングの実装スロットル機能手ぶれ補正の実装手ぶれ防...

HTML テーブルに複雑なテーブル ヘッダーを実装するためのサンプル コード

複雑な表を作成するには HTML を使用します。複雑なテーブルでは通常、td の rowspan 属...

ウェブページ作成によく使われる英語フォント

アリアルArial は、多くの Microsoft アプリケーションとともに配布されるサンセリフ T...

Docker での Redis の最も詳細なインストールと構成 (画像とテキスト付き)

1. Dockerに適したRedisのバージョンを見つけるdocker hubで見つけることができ...

Mysqlクエリ条件で文字列の末尾にスペースがあっても一致しない問題の詳細な説明

1. テーブル構造テーブル人id名前1あなた2あなた(スペース) 3あなた(スペース2つ) 2. ク...

Linux の Makefile とは何ですか? どのように機能しますか?

この便利なツールでプログラムをより効率的に実行およびコンパイルしますMakefile は自動コンパイ...

Linux での umask の使用に関する詳細な説明

私は最近 Linux を学び始めました。Ma Ge の umask に関する Linux コースを読...

MySQL データベース設計 3 つのパラダイム例分析

3つのパラダイム1NF: フィールドは分離不可能です。 2NF: 主キーがあり、非主キー フィールド...