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


11

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内のテキストを使用する必要がありますか、またはdiv内のpタグとpタグ内のテキストを使用する必要がありますか?

回答:


16

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

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

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


3
あなたは私の質問に答えました、そして私は何か新しいことも学びました。初心者を助けてくれてありがとう:)
ClawDuda 2014年

2
SEOに違いはありません。または、より慎重に言えば、pマークアップが重要になる既知の理由はありません。質問 SEO についてでした。ここで「セマンティクス」についての質問をする理由はなく、それは非常に霧の多いトピックになるでしょう。たとえば、HTML5にはの独自のアイデアがありますp。これは、HTML 4とはかなり異なると見なされる可能性があります(w3schoolsは、この問題について相談するのに最悪の場所などです)。
Jukka K. Korpela

1
ドキュメンテーションにはより優れたソースを使用してください。この場合、w3schoolsは正しいですが、リンクを共有するように注意します。私はこれをMDNから使用します:developer.mozilla.org/en-US/docs/Web/HTML/Element/p
STT LCU 2014年

1
皆さん、リンクをwww.w3.orgに変更しました。
ジストローエン2014年

1
w3schoolsが間違っている場合は、リンクしないでください。w3schoolsが正しく理解している場合は、リンクしないでください。それは奇妙な論理です。
Matt K

2

最初に、私はそれらすべてを大きな粒の塩<p>よりもSEOに関連して<div>いる思います。SEOは本当にコンテンツの関連性のみを考慮します。テキストをa <div>またはaに配置<p>することは、調整すべきではありません。自然使用とは何かに行くだけです。

<div>これ<p>は「これは段落です」である一方、「これはコンテンツのセクションです」を意味します。個人的には<div>、どのブラウザーにも内部フォーマットがないので使用しますが<p>、ブラウザーに応じて外観を変えることができるブラウザー固有のフォーマット(マージンなど)があります(CSSの「クリーナー」を使用しない限り)。また、<p>内部に<div>はHTMLが追加され、ページが少し大きくなるため、クローラーの「スイープ」ごとに一度にクロールされるページが少なくなります。

HTMLを作成して検索エンジンに「気に入って」もらう方法ではなく、コンテンツについて心配します。


2

私の知る限り、非常に単純な理由でそれは重要です:

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

私はGoogleコースに行ったことがあります。「専門家」がこの原則とそのGoogleについて同じことを教えてくれました(参照、新しい段落の最初の文が重要です)。それを頭に入れておいて、divまたはを使用するかどうかは異なりますp。ページランクを8ずつ増やしたり減らしたりしますか?いいえ。しかし、悪魔は詳細にあります。

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


あなたの例では3番目を欠いており、IMOは適切な解決策です:

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

divを削除し、クラスを段落に割り当てます。HTMLの使い方は重要です。不要な要素があるとページが遅くなり、PRに影響します。


1

pタグの使用は重要です!他の場合とは別に、ページのメタ説明がなく、Googleがデフォルトでメタ説明を作成する場合、テキストのように見える要素を使用することがわかりました。

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

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

私を信じて; 私は自分の過ちから学んだ。


0

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


他の回答ですでに言及されているこれらに関連して、追加情報を含む回答を投稿することに注意してください。
ジストローエン2014

0

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

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


-3

一般的に、SEOは(ヘッダのみタグの重要性を与え<h1><h2><h3><h4><h5>および<h6>)。タグ<p><div>タグを気にする必要はありません。


1
あなたはSEOの知識を磨く必要があると思います、あなたはたくさんの(簡単な)ポイントを捨てているようです:)
Martijn
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.