HTMLウェブページのMETAタグのコンテンツを書く際のポイント

HTMLウェブページのMETAタグのコンテンツを書く際のポイント

META タグは、HTML 言語のヘッダー領域にある補助タグです。作成者、日時、Web ページの説明、キーワード、ページの更新など、HTML Web ページ ドキュメントのプロパティを記述するために使用されます。 HTTP ヘッダー情報 (HTTP-EQUIV) とページ記述情報 (NAME) の 2 つの属性があります。異なる属性には異なるパラメータ値があり、これらの異なるパラメータ値によって異なる Web ページ機能が実装されます。
ウェブサイトで検索エンジン最適化 (SEO) を実行する場合、通常は name 属性で「Keywords」(キーワード) と「description」(ウェブページの説明) の 2 つのパラメータを使用します。 2 つの主流検索エンジンである Baidu と GOOGLE で長期間テストした結果、Baidu の検索結果のランキングは META タグの内容と密接に関係していることがわかりました。また、GOOGLE でも一定の決定的な役割を果たしています。ページ内での META タグの役割は、タイトルに次ぐものです。したがって、META タグのコンテンツ設計は依然として非常に重要です。
META タグ内のキーワードと説明の基本的な書き方と、注意すべき点について説明します。
1. キーワード
説明: 検索エンジンに提供されるキーワード リストの使用: <Meta name="Keywords" Content="QQ ユーザー名、QQ 署名、QQ パーソナリティ署名、最もクールな QQ ユーザー名、非主流の QQ 署名、従来の QQ 署名">
ヒント: 1. 適切なキーワードを選択する (Baidu Index などのツールを使用して、比較的検索ボリュームの多いキーワードを選択できます。必要に応じて複合キーワードを選択することもできます)
2. 異なるキーワードは半角カンマ(英語ではカンマ)で区切る必要があります。中国語の句読点を使用すると、検索エンジンがテキストと誤認します。
3. キーワードを多すぎたり長すぎたりしないでください(6語以内で短く明確にし、多すぎたり意図的に繰り返したりしないことが推奨されます)
4. 大規模なウェブサイトでは、すべてのページで同じキーワードを使用しないようにします。
2. 説明
説明: 説明は、検索エンジンに Web サイトの主なコンテンツを伝えるために使用されます。使用方法: <Meta name="Description" Content="QQ ユーザー名、QQ に最適な QQ ユーザー名と QQ 署名を選択してください">
ヒント: 1. キーワードのリストではなく、自然言語である必要があります (つまり、Keywords のようなキーワードのリストではなく、Web ページのタイトルとコンテンツを説明するいくつかの簡潔な文章です)。
2. 説明内容は、ウェブページのタイトルやキーワードと関連性が高い必要があります(タイトルやキーワードでは十分に表現されていない説明を補足することに重点を置きます)
3. 説明内容はウェブページ自体の内容と関連性が高いものでなければならない
4. 説明文は長すぎる必要はありません(200文字以内が推奨され、キーワードは3~4回繰り返してもかまいませんが、あまり長くしすぎないようにしてください)。
5. すべてのページに同じ説明を使わない
上記の書き方はあくまでも一般的なルールです。実際の適用では、検索エンジンの検索ルールの変化やウェブサイト自身の状況に応じて適切に調整する必要があります。META最適化はSEOの一部に過ぎず、SEOを完全に表現することはできません。ウェブサイトをうまく最適化したい場合は、さまざまな面で努力する必要があります。次回も引き続きウェブサイトの最適化についてお話しします。

<<:  Dockerイメージの圧縮と最適化操作

>>:  MySql8.0バージョンに接続するMyBatisの設定問題について

推薦する

MySQL を使用した分散ロックの実装

導入分散システムでは、分散ロックは最も基本的なツール クラスです。たとえば、支払い機能を備えた 2 ...

VMware Workstation のインストール (Linux カーネル) Kylin グラフィック チュートリアル

この記事では、VMware WorkstationにKylinをインストールする方法を参考までに紹介...

Vueはユーザーログイン切り替えを実装します

この記事では、ユーザーのログイン切り替えを実現するためのVueの具体的なコードを例として紹介します。...

HTML チュートリアル: 順序なしリスト

<br />原文: http://andymao.com/andy/post/102.h...

ウェブカラーのコントラストと調和のテクニックの共有

色のコントラストと調和対照的な状況では、色の相互作用は単一の色によって与えられる感覚とは異なります。...

MySQLにおける静的変数の役割の詳細な説明

MySQLにおける静的変数の役割の詳細な説明静的変数の使用 静的変数サンプルコード: 関数テスト()...

Vue 組み込みコンポーネントのキープアライブでの LRU アルゴリズムの使用

目次Vue の keep-alive 組み込みコンポーネントの使用でもこのアルゴリズムが使用されます...

mysql の追加、削除、変更、クエリの基本ステートメント

文法以下は、MySQL テーブルにデータを挿入するための INSERT INTO コマンドの一般的な...

HTML ページをスクロールするときに一部のコンテンツを固定位置に固定する方法

この記事では主に、レイアウトに役立つ、HTML ページ内の一部のコンテンツを固定してスクロール時にス...

トップナビゲーションバーメニューを作成するためのHTML+CSS

ナビゲーションバーの作成:技術要件: CS HTMLタグ達成目的:ナビゲーションバーメニューの作成コ...

Javascript における非同期待機の詳細な理解

この記事では、async/await がすべての JavaScript 開発者にとって非同期プログラ...

JavaScript 関数型プログラミングの基礎

目次1. はじめに2. 関数型プログラミングとは何ですか? 3. 純粋関数(関数型プログラミングの基...

モバイルレイアウトにvw+remを使用する方法

まだ rem フレキシブルレイアウトを使用していますか?圧縮された js コードの大きなセクションを...

Vue のフィルターの適用シナリオの詳細な説明

filterは通常、特定の値をフィルターするために使用されます。たとえば、フィールドが空だが、フロン...

HTML ページはダーク モードの実装をサポートします

2019年から、AndroidとiOSの両方のプラットフォームでダークモードが使用され始めました。も...