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の設定問題について

推薦する

VMware に Linux システム (Redhat8) と仮想マシンのネットワーク構成をインストールする方法

目次1. VMwareをインストールする1.1 VMwareworkstationsをダウンロードし...

MySQLレジストリをクリアする方法

具体的な方法: 1. [ win+r ] を押して実行ウィンドウを開き、「regedit」と入力して...

jsはシングルクリックでテーブルを変更することを実装します

Pure jsは、参照用にワンクリックで編集可能なテーブル(トランスクリプトに似たもの)を実装してい...

【Webデザイン】E-WebTemplates の美しい海外の Web ページ テンプレート (FLASH+PSD ソース ファイル+HTML) を共有します

これらはすべて海外のE-WebTemplates WebサイトからのWebページテンプレートであり、...

Docker に MySQL をデプロイする例

目次1 コンテナクラウドとは何ですか? 2 Dockerの紹介3 dockerを使ってMySQLをイ...

Vue プロジェクトでのスキャンコード決済の実装例 (デモ付き)

目次需要背景思考分析UI 表示始める1. 支払いコンポーネントテンプレートを作成する2. 支払いコン...

純粋な CSS で中空効果を実現するためのサンプルコード

私は最近、空洞化効果について研究しました。背景クリップ: テキスト背景はテキストの前景色にクリップさ...

Vue で Axios 非同期リクエスト API を使用する方法

目次基本的なHTTPリクエストの設定async/await を使用した Axios Axios によ...

Ubuntu の起動後にアプリケーションを実行するためのターミナルの設定方法

1.メニューバーにスタートと入力し、スタートアップアプリケーションをクリックして入力します。 2. ...

Dockerはコード検出プラットフォームSonarQubeを構築し、Mavenプロジェクトのプロセスを検出します

1 はじめに優れたコーディング習慣は優れたプログラマーが備えるべき資質ですが、コードの品質を保証する...

JavaScript ループトラバーサルの 24 種類のメソッドをすべてご存知ですか?

目次序文1. 配列走査法1. 各() 2. マップ() 3. 〜のために4. フィルター() 5. ...

nginx を使用してカナリアリリースをシミュレートする方法

この記事では、ブルーグリーン デプロイメントと、nginx を使用してカナリア リリースを最も簡単な...

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

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

CSS で垂直方向の中央揃えを実装するいくつかの方法の概要

フロントエンドのレイアウト プロセスでは、水平方向の中央揃えを実現するのは比較的簡単で、通常は ma...

CSS テキスト配置実装コード

フォームを作成するときに、名前、携帯電話番号、出生地などの 2 つのフィールドを揃える状況に遭遇する...