目次
は Web ページのメイン タイトルを変更するために使用されます。通常、Web ページのタイトル、記事のタイトル、および主要なキーワードが

に配置されます。 <h1> HTML の <body> タグにできるだけ近づけるようにしてください。検索エンジンがテーマをできるだけ早く理解できるようにするためです。

は段落のタイトルまたはサブタイトルを表し、ロングテール キーワードを展開します。
は段落のセクションのタイトルを表します。

の効果は強いと同様で、通常は段落セクションで使用されます。

ホームページ ウェブフロントエンド htmlチュートリアル h1 タグを使用して SEO 仕様に準拠する方法

h1 タグを使用して SEO 仕様に準拠する方法

Jun 10, 2017 am 10:11 AM

Web サイトの最適化プロセス中、SEO 担当者は最適化効果を高めるために HTML タグを使用することがよくあります。 H タグは、Web ページ内のテキスト タイトルを強調するタグで、検索エンジンが Web ページをクロールする際に注目を集めることができます。 H タグ ラベルの内容は強調の役割を果たします。 SEO 界隈では、キーワードのランキングを促進するために Web サイトは H1 タグを使用すべきであると考えている人が多くいますが、過剰な最適化が発生し、ページの外観にも影響を与える可能性があるため、H1 タグは使用できないと考えている人もいます。効果。

主要な検索エンジンでは、ページに H1 タグが存在するかどうか、および H1 タグ内にキーワードが含まれているかどうかの効果は弱まっていますが、Google のアルゴリズムでは、H の間にあるテキストも依然として存在していると指摘しています。タグはもっと多くなければなりません 他の場所の記事にはより重要な意味がありますが、過度に使用すると悪影響が生じる可能性があります。ですから、それを有効に活用することは間違いなくできますし、完全にボイコットすべきだと言う必要はありません。では、SEO 最適化の原則に準拠するには、H1 タグをどのように使用すればよいでしょうか? 1.Hタグとは何ですか?

Hタグは見出しタグとも呼ばれ、WebページのHTML内で文字タイトルを強調するタグです。 、

から は、基本的にコンテンツ構造を表すために、タイトル ヘッダー内の異なるテキスト サイズの 7 つのタグを定義します。合計 6 つのペアがあり、テキストは大きいものから小さいものまであり、重要度の減少、つまり重みが順番に減少することを示しています。

W3C は、h1 ~ h7 タグでタイトルを定義でき、h1 が最大のタイトル、h6 が最小のタイトルを定義できると指摘しています。 h タグは、 で始まり で終わります。タイトルタグとして重要度の高い順に h1、h2、h3、h4、h5、h6、h7 が使用されます。この原則に従う必要があります。これにより、ページの階層関係がより明確になり、検索エンジンがページの主題コンテンツなどをより適切にクロールおよび分析できるようになります。

2. 大手ポータルサイトによるHタグの使用

検索エンジンは H タグに非常に敏感で、よく使用すると H タグの重みが非常に高くなり、Web サイト全体のキーワードの重みが増し、大量のロングテール ワードが取り込まれることもあります。 H タグを無差別に使用すると、Web サイトに良い影響をもたらさないだけでなく、検索エンジンによって不正行為とみなされ、最終的には K サイトにつながる可能性があります。したがって、H タグをうまく使用することが重要です。

1. H1タグの使用

(1)、NetEaseホームページ

H1 タグは NetEase ホームページのロゴの前に 1 回だけ表示され、テキストの内容は NetEase です。しかし、よく見ると、今回の H1 タグは純粋にブランドのキーワードを強調するためのものであることがわかります。検索エンジンには表示されず、ユーザーには表示されません。

(2)、A5 ウェブマスター ネットワーク ホームページ

A5 Webmaster Network のホームページは、Web サイトのロゴとして 1 回だけ使用されました。

(3)、ウェブマスターのホームページ

ウェブマスター ホームのホームページは、ロゴも含めて 1 回だけ使用されます。

上のスクリーンショットから、Ma Haixiang 氏は、H1 タグが各主要 Web サイトのホームページで、Web サイトのブランド キーワードまたはロゴ内で 1 回だけ使用されていることを発見しました。 Web デザインで H1 タグを直接使用すると見苦しい効果が生じる可能性があるため、多くの人が CSS を使用して H1 タグを非表示にします。または、Web サイトのロゴに H1 タグを追加します。これにより、主要なキーワードが強調され、関連性が高まるだけでなく、見た目にも影響しません。コンテンツ ページでも、通常はコンテンツ ページのタイトルを再度強化するために一度使用されます。

2. H2タグの使用

(1)、NetEaseホーム

上のスクリーンショットから、Ma Haixiang 氏は、この記事が NetEase のホームページに 7 回表示され、そのうちのいくつかは記事のタイトルであり、いくつかは単に太字であることを発見しました。

(2)、A5 ウェブマスター ネットワーク ホームページ

A5 Webmaster Network には 8 単語しかなく、すべてがホームページの記事タイトルです。Webmaster Home には H2 タグがありません。上の図から、H2 タグは主要な Web サイトでより頻繁に使用されていることがわかります。主に Web ページの主要な記事のタイトルや列のタイトルで使用されていますが、太字に H2 を使用する場合もあります。強力なタグよりも確実に強力です。次の H3、H4 などについては、Ma Haixiang のブログの記事を参照してください。あまり重要ではないため、ここでは詳しく説明しません。

3. Hタグの機能

html の各タグには独自の意味があり、タイトル タグとしての H タグはさらに重要です。 H タグの使用法、特に h1 の使用法は常に物議を醸す問題です。

1. H タグは、Web ページのどの部分が重要で、どの部分がそれほど重要ではないかをユーザーに直感的に伝えます。見出しタグは通常、Web ページの構造をユーザーに示すために使用されます。見出しタグは通常、一部のテキストを通常のテキストよりも大きくするため、ユーザーはこれらの単語の重要性をより直感的に理解しやすくなり、内容を理解するのに役立ちます。見出しテキストの下。複数のグラデーション サイズを持つ見出しにより、最初に Web ページのコンテンツに階層構造が作成され、ユーザーが Web サイトを直感的に閲覧しやすくなります。

2. H タグは、検索エンジンが Web ページの重要なコンテンツを判断できるようにします。検索エンジンにとって、 タグの主な意味は、これがテキストの段落のタイトルまたはテーマであることを検索エンジンに伝えることであり、h タグの重みは Strong よりも高くなります。したがって、検索エンジンの最適化では、H タグの使用が非常に重要です。

検索エンジンは、大量のテキストに何が書かれているかを理解する必要があるため、人々の読書習慣に従い、まず記事のタイトルを探します。ただし、タイトルが何であるかをすぐに判断できる人とは異なります。 " "視覚障害者" であるため、 タグを使用すると、検索エンジンがタイトルの場所を指示し、テキストの要点をすぐに把握できるようになります。

タイトル (H1 ~ H6) タグは、テキスト内に最も重要なキーワードを含める必要があると指摘しています。/h>他の場所の記事よりも重要な意味を持ちますが、過度に使用すると悪影響が生じやすくなります。 Google のアルゴリズムの詳細については、Ma Haixiang のブログの「長年にわたる Google の検索エンジン アルゴリズムの更新と改善の一覧」を参照してください。

4. H1タグの使い方は?

1. H1 タグは H2 ~ H6 の前に使用するのが最善です。また、H1 タグはページ上で 1 回のみ使用し、常に使用しないでください。サイトによっては、キーワードを 1 ページに大量に使用したり、何十回も表示したりして、キーワードを見たときに効果が高まると考えて使用していることがありますが、そうではありません。 H1 は使用できますが、ランダムに使用するのではなく、効果的にスタックします。 H1 タグの合理的な使用は Web サイトに良い結果をもたらしますが、不適切な使用は Web サイトに悪影響をもたらし、深刻な場合には K サイトにつながる可能性があります。

2. H1 タグで使用されるキーワードは、ページ上で最も重要なキーワードまたはブランド ワードである必要があり、Web ページのタイトルで使用されるキーワードである必要があります。 H2~H6 はこの原則に従って、一般キーワードからロングテールキーワードロングテールキーワードからタイトルへと段階的に減少しますが、H1 が最も重要であるため、一般に H3 はそれ以降はあまり使用されません。 H6 は比較的重要度が低いものを表し、後になるほど意味が薄れていきます。

3. キーワードは H1 タグの間に含める必要がありますが、このキーワードも読みやすく合理的である必要があります。強調するためにこのキーワードを追加するのではなく、H1 タグを追加する必要があるため、順序に注意してください。まずキーワードを用意し、次にキーワードに H1 タグを追加します。

4. ロゴ画像に H1 タグを追加する場合、ホームページ上のキーワードを強調するために、画像の ALT 情報に Web サイト名またはブランド ワードを追加する必要があります。そうしないと、どのような効果が得られると思いますか。画像にH1を追加することでしょうか?

5. H1 タグは、HTML の body タグにできるだけ近くなければなりません。検索エンジンができるだけ早くトピックを見つけられるように、近いほど良いです。上記の例から、Ma Haixiang は、H1 タグがボディ コードの先頭にあることがわかります。検索エンジンは上から下にクロールするため、H1 タグで強調されたキーワードをできるだけ早く見つけることができます。

6. コンテンツ ページの H1 タグは、通常、コンテンツのタイトルで使用されます。ただし、多くのコンテンツ ページでは、先頭に表示されるロゴまたはメイン キーワードで 2 回使用されます。 Web ページの先頭に表示されるメインキーワードに 1 回、コンテンツの見出しに使用されます。主要なキーワードが先頭にない場合は、見出しで 1 回のみ使用することをお勧めします。

7. ロゴに H1 タグを使用したくない、Web ページの主要なキーワードが後ろにある場合、それでも H1 タグを追加し、H1 タグのキーワードを前にしたい場合, Ma Haixiang 氏は、DIV+CSS レイアウトを使用して単語の位置を調整しても、ページの効果には影響しないと提案しています。

8. 多くの大規模な Web サイトは H1 タグを使用していません。Baidu、Sina、Aizhan.com などは、ユーザーに情報を提供する限り、H1 タグをまったく使用しません。 H1タグは必ずしも使用する必要はありません。

5. H タグを使用するための SEO の提案

1. 各 Web ページには

タグを 1 つだけ含めることができます。

2.

は Web ページのメイン タイトルを変更するために使用されます。通常、Web ページのタイトル、記事のタイトル、および主要なキーワードが

に配置されます。

HTML の タグにできるだけ近づけるようにしてください。検索エンジンがテーマをできるだけ早く理解できるようにするためです。

3.

は段落のタイトルまたはサブタイトルを表し、ロングテール キーワードを展開します。

4.

は段落のセクションのタイトルを表します。

の効果は強いと同様で、通常は段落セクションで使用されます。

5.

-

は、記事に多くのコンテンツが含まれている場合、一部のコンテンツがそれほど重要ではないことを検索エンジンに知らせます。

以上がh1 タグを使用して SEO 仕様に準拠する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Vue3+TS+Vite 開発スキル: SEO を最適化する方法 Vue3+TS+Vite 開発スキル: SEO を最適化する方法 Sep 10, 2023 pm 07:33 PM

Vue3+TS+Vite 開発スキル: SEO 最適化の実行方法 SEO (SearchEngineOptimization) とは、Web サイトの構造、コンテンツ、キーワードを最適化して検索エンジンで上位にランク付けし、それによって Web サイトのトラフィックと露出を増やすことを指します。 Vue3+TS+Viteなどの最新のフロントエンド技術の開発において、SEOをいかに最適化するかは非常に重要な問題です。この記事では、Vue3+TS+Vite の開発テクニックとそのための方法をいくつか紹介します。

Chrome と Edge のすべてのタブでテキストを検索する方法 Chrome と Edge のすべてのタブでテキストを検索する方法 Feb 19, 2024 am 11:30 AM

このチュートリアルでは、Windows の Chrome または Edge で開いているすべてのタブで特定のテキストまたは語句を検索する方法を説明します。 Chrome で開いているすべてのタブでテキスト検索を行う方法はありますか?はい。Chrome で無料の外部 Web 拡張機能を使用すると、タブを手動で切り替えることなく、開いているすべてのタブでテキスト検索を実行できます。 TabSearch や Ctrl-FPlus などの一部の拡張機能を使用すると、これを簡単に実現できます。 Google Chrome のすべてのタブでテキストを検索するにはどうすればよいですか? Ctrl-FPlus は、ユーザーがブラウザ ウィンドウのすべてのタブで特定の単語、語句、またはテキストを簡単に検索できるようにする無料の拡張機能です。この展開は

301/302 リダイレクトとは何ですか? Web サイトをリダイレクトするにはどうすればよいですか? 301/302 リダイレクトとは何ですか? Web サイトをリダイレクトするにはどうすればよいですか? Jul 12, 2022 pm 12:07 PM

301/302 リダイレクトとは何ですか? Web サイトをリダイレクトするにはどうすればよいですか?この記事では、301/302 ジャンプを紹介し、ジャンプ方法を紹介し、どの方法が実用的であるかを SEO の観点から分析します。

アプリケーションの SEO 効果を向上させるための Vue 3 での SSR テクノロジー適用実践 アプリケーションの SEO 効果を向上させるための Vue 3 での SSR テクノロジー適用実践 Sep 08, 2023 pm 12:15 PM

アプリケーションのSEO効果を高めるためのVue3でのSSR技術適用実践 フロントエンド開発の急速な発展に伴い、SPA(Single Page Application)が主流になりました。 SPA の利点は明白で、スムーズなユーザー エクスペリエンスを提供できますが、SEO (検索エンジン最適化) の観点からはいくつかの課題があります。 SPA はフロントエンドのレンダリング段階で HTML テンプレートのみを返すため、コンテンツのほとんどは JavaScript を通じて動的に読み込まれ、検索エンジンのクロール、インデックス作成、およびランキングが困難になります。この問題を解決するために、

Vue 開発経験の概要: SEO と検索エンジンの最適化を解決する実践 Vue 開発経験の概要: SEO と検索エンジンの最適化を解決する実践 Nov 22, 2023 am 08:44 AM

Vue 開発経験の要約: SEO と検索エンジンの最適化を解決するための実践 モバイル インターネットと Web テクノロジーが急速に発展している現在の時代においても、検索エンジンは依然としてインターネット上の情報を取得する最も重要な方法の 1 つです。検索エンジンで高い露出を得る必要がある Web サイトにとって、SEO (SearchEngineOptimization) は不可欠なタスクです。では、Vue テクノロジーを使用した Web 開発プロジェクトの場合、SEO と検索エンジンの最適化をどのように達成すればよいでしょうか?ヴュー

Vue が SEO 最適化を実行する方法と実践的な提案 Vue が SEO 最適化を実行する方法と実践的な提案 Jun 09, 2023 pm 04:13 PM

Web テクノロジーの継続的な発展に伴い、フロントエンド フレームワークとして Vue を使用する Web サイトがますます増えています。 Vue は優れたユーザー エクスペリエンスと開発効率を提供しますが、検索エンジンの最適化にはまだいくつかの課題があります。この記事では、Vue が SEO 最適化を実行する方法といくつかの実践的な提案を紹介します。 1. Vue の SEO の問題 Vue の SEO の問題には主に次の点が含まれます: サーバー側のレンダリングの問題: Vue はシングルページ アプリケーション (SPA) であり、JavaScript を通じてブラウザーでレンダリングされることを意味します。

Douyin にタグを追加してトラフィックを集めるにはどうすればよいですか?プラットフォーム上のどのタグがトラフィックを引き付けるのが最も簡単ですか? Douyin にタグを追加してトラフィックを集めるにはどうすればよいですか?プラットフォーム上のどのタグがトラフィックを引き付けるのが最も簡単ですか? Mar 22, 2024 am 10:28 AM

人気のショートビデオソーシャルプラットフォームとして、Douyin は巨大なユーザーベースを持っています。 Douyin クリエイターにとって、タグを使用してトラフィックを集めるのは、コンテンツの露出を増やして注目を集める効果的な方法です。では、Douyin はトラフィックを集めるためにタグをどのように使用しているのでしょうか?この記事では、この質問に詳しく答え、関連するテクニックを紹介します。 1. Douyin にタグを追加してトラフィックを集めるにはどうすればよいですか?動画を投稿するときは、必ずコンテンツに関連したタグを選択してください。ユーザーがタグからビデオを見つけやすくするために、これらのタグはビデオのトピックとキーワードをカバーする必要があります。人気のハッシュタグを活用することは、動画の露出を増やす効果的な方法です。現在人気のタグやトレンドを調査し、動画の説明やタグに組み込んでください。これらの人気のあるタグは通常、視認性が高く、より多くの視聴者の注目を集めることができます。 3. ラベル

TikTokレーベルの後ろにある時計は何ですか? Douyinアカウントにタグを付けるにはどうすればよいですか? TikTokレーベルの後ろにある時計は何ですか? Douyinアカウントにタグを付けるにはどうすればよいですか? Mar 24, 2024 pm 03:46 PM

Douyin の作品を閲覧していると、タグの後ろに時計のアイコンが表示されることがよくあります。それで、この時計は一体何なのでしょうか?この記事では、「Douyin ラベルの背後にある時計とは何か」についての議論に焦点を当て、Douyin を使用する際に役立つ参考になれば幸いです。 1. Douyin ラベルの後ろにある時計は何ですか? Douyin はいくつかのホットなトピック チャレンジを開始します。ユーザーが参加すると、タグの後に時計アイコンが表示されます。これは、その作品がトピック チャレンジに参加していることを意味し、チャレンジの残り時間が表示されます。休日や特別なイベントなど、時間に敏感な一部のコンテンツの場合、Douyin はラベルの後に時計アイコンを添付して、コンテンツの有効期間をユーザーに思い出させます。 3. 人気のタグ: タグが人気になると、Douyin はタグの後に時計アイコンを追加して、そのタグが人気であることを示します。

See all articles