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

推薦する

MySQL 8.0.15 のインストールと設定方法のグラフィックチュートリアル (Win10 Home バージョン 64)

超初心者の私は、MySQL を学び始めたばかりで、インストール プロセス中に多くの問題に遭遇しました...

vue 動的コンポーネント

目次1. コンポーネント2. キープアライブ2.1 問題点2.2 キープアライブを使って解決する2....

Docker コンテナのネットワーク障害に対する 6 つの解決策

Docker コンテナのネットワーク障害に対する 6 つの解決策注: 以下の方法は、コンテナ内のパブ...

Vue でキープアライブを使用した後にキャッシュをクリアする方法

キープアライブとは何ですか?通常の開発では、コンポーネントによっては複数回初期化する必要のないものも...

Web ページでの Unicode 文字の使用の概要 (&#、\u など)

初期のコンピュータでは ASCII 文字しか使用できませんでしたが、コンピュータのアプリケーションの...

HTML の doctype とエンコーディングに関する簡単な説明

文書タイプDoctype は、指示を解析するためにどのバージョンの HTML を使用するかをブラウザ...

JavaScript 配列メソッドの詳細な例

目次導入配列の作成作成方法詳しい説明方法参加する() push() と pop() shift() ...

史上最もシンプルな MySQL データのバックアップと復元のチュートリアル (パート 1) (パート 35)

データのバックアップと復元に関する最初の記事を皆さんに共有します。具体的な内容は次のとおりです。基本...

HTMLにビデオを挿入してすべてのブラウザと互換性を持たせる方法

HTML にビデオを挿入するために最もよく使用される方法は 2 つあります。1 つは古い <o...

燃える炎効果の英語フォント16種類をシェアする

私たちは視覚の世界に住んでおり、多くの視覚効果に囲まれています。コンピューターの前にいても、屋外にい...

Vue がルート変更を監視するときに watch メソッドが複数回実行される理由と解決策

目次要件の説明:要件分析:ニーズの解決問題解決私はフロントエンドの新人ですが、バックエンドのバグの中...

MySQLデータベースに画像を保存するいくつかの方法

通常、ユーザーがアップロードした写真はデータベースに保存する必要があります。一般的に、解決策は 2 ...

データベースクエリ、どのオブジェクトにどのフィールドが含まれているか、メソッドステートメント

データベースは、どのオブジェクトにどのフィールドが含まれているかを照会します。 *を選択 sysob...

HTML でテキストの折り返しを実装する例 (HTML でテキストと画像が混在)

1. 画像の周りのテキスト通常のものを使用する場合、たとえば次のようになります。コードをコピーコー...

docker を使用した pxc クラスターのインストールに関する詳細なチュートリアル

目次序文事前準備ディレクトリを作成するcustom.cnf を作成する証明書を作成するpxc クラス...