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タイムスタンプの使用

序文:タイムスタンプ フィールドは、MySQL でよく使用されます。たとえば、データ行が作成または変...

MySQL マスタースレーブレプリケーションと読み取り書き込み分離の詳細な説明

記事マインドマップマスター/スレーブ レプリケーションと読み取り/書き込み分離を使用する理由は何です...

Linux の検索ツールの代替となるフレンドリーなツール

find コマンドは、指定されたディレクトリ内のファイルを検索するために使用されます。引数の前の文字...

Vue2.0+ElementUI+PageHelperで実装されたテーブルページング機能

序文最近、いくつかのフロントエンド プロジェクトに取り組んでおり、ページにいくつかのテーブルを表示す...

Centos は chrony 時間同期サーバー プロセス図を構築します

私の環境: 3 centos7.5 1804マスター 192.168.100.140ノード1 192...

MySQLは文字列の連結、インターセプション、置換、位置検索操作を実装しています

MySQL 文字列の連結、インターセプト、置換、および検索位置。よく使用される文字列関数:関数例示す...

アクセス速度を上げるためにウェブサイトを最適化する方法の更新

最近、同社はitpubを皮切りに、コーポレートウェブサイト傘下の全サイトの評価を開始した。そのために...

onfocus="this.blur()" は視覚障害のあるウェブマスターに嫌われている

スクリーン リーダー ソフトウェアの操作ページについて話しているとき、彼はフロントエンドの学生たちに...

Flash での HTML と CSS の適用

Flash での HTML と CSS の適用:同僚の Den が Flash で HTML と C...

HTML ベースタグ target=_parent の使用の紹介

<base> タグは、ページ上のすべてのリンクのデフォルトのアドレスまたはデフォルトのタ...

Hyper-V インストール CentOS 8 の問題の分析

CentOS 8 がリリースされてから随分経ちました。Linux 仮想マシンをいじっている人間として...

MySQL に大量のデータを挿入するときに重複データを除外する方法

目次1. 問題を発見する2.重複したデータを残さずにすべて削除する3. 削除テーブルから重複データを...

mysqlサーバーは--skip-grant-tablesオプションで実行されています

MySQLサーバーは--skip-grant-tablesオプションで実行されているため、このステー...

MySQL で 1000 万件のレコードをすばやくクエリする方法

目次通常のページングクエリ最適化する方法大きなオフセット使用ID制限大量データ問題の最適化通常のペー...

Nginx ロードバランシング/SSL 構成の実装

負荷分散とは何ですか?ドメイン名が複数の Web サーバーを指している場合は、nginx ロード バ...