web-dev-qa-db-ja.com

テキストのdivタグ内でpタグを使用しますか?

SEOの面で優れているものは何ですか?

<div class="box1" >
      <p> A bunch of text right here</p>
</div>

または

<div class"box1" >
A bunch of text right here
</div>

box1 divには多くのcssが適用されているため、テキストを見た目や希望する場所にするには、そのdivでラップします。特にこのdivにはテキストのみがあります。しかし、SEOの目的のためには、div内でpタグを使用するか、単にdivでテキストを直接使用する方が良いでしょうか?

結果は同じです(視覚的に)。

PS:一般的な考え方は、pはdivよりもseoに関連しているということです(または、少なくともこれは私が聞いたことです。ここで間違っている場合は修正してください)。ただし、この場合、見やすくするために、このページのテキストは画面上の異なるコンテナーに表示されます。より良いSEOのために、div内のテキストを使用する必要がありますか、またはpタグ内のテキストとdiv内のpタグを使用する必要がありますか?

11
ClawDuda

2つのオプションの間で、SEOに違いはありません。ところで、あなたの質問はSEOに関するものではなく、HTMLセマンティックに関するものです。

HTMLのセマンティックを尊重し、あなたが考えるとは異なり、 テキストの段落を表示するための<p>タグがあります ではなく、テキストです。しかし、一般的に、テキストは段落を介してページに表示されます。 <p> HTML要素内で<div>タグを使用できるのはそのためですが、意味的には義務ではありません。

したがって、あなたの質問に対する私の答えは次のとおりです。SEOに違いはありません。テキストが段落に分割される場合は、<p>要素内で<div>を使用するだけです。

16
Zistoloen

まず、それらすべてを取ります<p><div>よりもSEOに関連します大きな粒で。 SEOは、コンテンツの関連性のみを重視します。テキストを<div>または<p>に入れることは、微調整するべきものではありません。自然な使用方法に進んでください。

<div>は「これはコンテンツのセクションです」という意味ですが、<p>は「これは段落です」という意味です。個人的には、<div>にはブラウザの内部書式設定がないため、<p>を使用します。 CSS「クリーナー」を使用します)。また、<p>内の<div>は、ページを少し大きくするHTMLを追加するため、クローラーの「スイープ」ごとに一度にクロールされるページが少なくなります。

検索エンジンが「いいね」するようにHTMLを記述する方法についてではなく、コンテンツについて心配しています。

2
Rodolfo

私の知る限り、非常に簡単な理由で重要です。

Divは分割の略で、Webサイトの一部/ブロックであり、段落はテキスト用に設計されています。ニュース記事のようなものでは、段落の最初の文が重要です(少なくともオランダ語では)。その段落が何であるかについての重要な情報があります(考えてみてください。新しいサブテーマを開始するたびに、最初の文が重要な新しい段落を作成します)。

私はGoogleコースに行ったことがあります。「専門家」はこの原則とGoogleに同じトリックを教えてくれました(新しい段落の最初の文が重要です)。念のため、divまたはpを使用するかどうかは異なります。ページランクを8上げたり下げたりしますか?いいえ。しかし、悪魔は詳細にあります。

また、セメンティックhtmlを使用するためのポイントを取得します。段落にPを使用すると、この原則に役立ちます。


あなたの例では、3番目を逃し、IMOは適切な解決策を見つけます:

<p class="box1"> A bunch of text right here</p>

Divを削除して、クラスを段落に渡します。 htmlの使用方法は重要です。不要な要素があるとページが遅くなり、PRに影響します。

2
Martijn

Pタグの使用は重要です!他の場合とは別に、ページのメタ記述がなく、Googleがデフォルトでメタ記述を作成するとき、テキストのように見える要素を使用します。

例:メタタイトルのみの3つの言語(3つの異なるドメイン)のページがありました。 Googleの検索結果では、メタの説明は上記のテキストではなく、そのページのカテゴリに使用していたナビゲーションアルファベットでした! (アルファベットはフォントスタイリングのためにh2タグ内にありました)。 pタグ内にテキストを含め、Google Search ConsoleにアクセスしてURLのインデックスを作成し、次回Google検索結果を確認したときに、テキストの最初の2行(3つのドメインすべて)が表示されました。メタ記述を追加しません。

追伸壊れたページの場合、テキストがpタグ内にある場合、テキストは引き続き表示されます。そうでなければ...混chaos。

私を信じて;私は自分の過ちから学びました。

1
Leonidas Lainis

SEOの観点からはまったく違いはありません。両方とも同じです! SEOページが機能する方法は、h1、h2などのタグに優先順位を付けることです。 「div」は、HTML化の目的で使用される単なるブロックレベルの要素です。 SEOの最適化への貢献はありません。

セマンティクスの観点から、ブラウザーによるDOMの処理を妨げるようなグリッチを回避することが重要です

0
Ritumoni Sharma

SEOの観点から違いはありません。ただし、HTMLのセマンティクスとパフォーマンスを考慮する必要があります。不要なHTMLタグもパフォーマンスに影響します。

0
Sachin Dhir