P-Tag in einem div-Tag für Text verwenden?


11

Was ist besser in Bezug auf SEO?

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

oder

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

box1 div hat eine Menge CSS angewendet, damit der Text so aussieht, wie ich es möchte, werde ich ihn in dieses div einschließen. Dieses Div hat insbesondere nur Text. Aber für SEO-Zwecke ist es besser, das p-Tag innerhalb des div zu verwenden oder einfach den Text direkt im div zu verwenden?

Das Ergebnis ist das gleiche (visuell).

PS: Ich verstehe, dass die allgemeine Idee ist, dass p für SEO relevanter ist als Div (oder zumindest habe ich das gehört. Bitte korrigieren Sie mich, wenn ich hier falsch liege). In diesem Fall wird mein Text auf dieser Seite zur besseren Übersicht in verschiedenen Containern auf dem Bildschirm angezeigt. sollte ich den Text innerhalb des div verwenden oder sollte ich den Text innerhalb des p-Tags und des p-Tags innerhalb des div für eine bessere SEO verwenden?

Antworten:


16

Zwischen zwei Optionen gibt es keinen Unterschied für SEO. Übrigens geht es bei Ihrer Frage nicht um SEO, sondern um HTML-Semantik.

Um die HTML-Semantik zu respektieren und anders als Sie denken, existiert das <p>Tag zum Anzeigen von Textabschnitten , nicht von Text. Im Allgemeinen werden Texte auf einer Seite durch Absätze angezeigt. Aus diesem Grund können Sie <p>Tags in einem <div>HTML-Element verwenden, aber semantisch ist dies keine Verpflichtung.

Daher lautet meine Antwort auf Ihre Frage: Es gibt keinen Unterschied für SEO. Verwenden Sie es einfach <p>innerhalb eines <div>Elements, wenn Ihr Text in Absätze geschnitten ist.


3
Du hast meine Frage beantwortet und ich habe auch etwas Neues gelernt. Vielen Dank für die Hilfe für einen Neuling :)
ClawDuda

2
Es gibt keinen Unterschied für SEO oder, um es vorsichtiger auszudrücken, es gibt keinen bekannten Grund, warum das pMarkup eine Rolle spielen würde. Die Frage war über SEO. Es gibt keinen Grund, hier die Frage nach der „Semantik“ zu stellen, und es wäre ein sehr nebliges Thema. zB hat HTML5 seine eigenen Vorstellungen von p, die als etwas anderes als HTML 4 angesehen werden könnten (und w3schools ist der schlechteste Ort, um diesbezüglich oder andere zu konsultieren).
Jukka K. Korpela

1
Bitte verwenden Sie eine bessere Quelle für die Dokumentation: Während w3schools in diesem Fall korrekt ist, würde ich vorsichtig sein, ihre Links zu teilen. Ich würde dies von MDN verwenden: developer.mozilla.org/en-US/docs/Web/HTML/Element/p
STT LCU

1
Ok Leute, ich habe den Link zu www.w3.org geändert.
Zistoloen

1
Wenn w3schools etwas falsch macht, verlinken Sie nicht auf sie. Wenn w3schools es richtig macht, verlinken Sie nicht mit ihnen. Das ist seltsame Logik.
Matt K

2

Erstens würde ich all das nehmen, was <p>für SEO relevanter ist als<div> mit einem großen Körnchen Salz. SEO kümmert sich wirklich nur um die Relevanz von Inhalten. Das Einfügen von Text in ein <div>oder in ein <p>ist nichts, was Sie optimieren sollten. Gehen Sie einfach zu dem, was die natürliche Verwendung ist.

<div>bedeutet so ziemlich "dies ist ein Abschnitt des Inhalts", während <p>"dies ist ein Absatz" ist. Persönlich verwende ich nur, <div>da es in keinem Browser eine interne Formatierung gibt, während <p>es einige browserspezifische Formatierungen (Ränder usw.) gibt, die dazu führen können, dass die Dinge je nach Browser unterschiedlich aussehen (es sei denn, Sie verwenden einen CSS-Reiniger). Außerdem wird im <p>Inneren <div>HTML hinzugefügt, wodurch die Seiten etwas größer werden und somit weniger Seiten pro Crawler-Sweep auf einmal gecrawlt werden.

Sorgen Sie sich um den Inhalt, nicht so sehr darum, wie man den HTML-Code schreibt, damit Suchmaschinen ihn mögen.


2

Meines Wissens ist es aus einem sehr einfachen Grund wichtig:

Ein div ist die Abkürzung für div, nur ein Teil / Block auf Ihrer Website, in dem der Absatz für Text ausgelegt ist. In so etwas wie einem Nachrichtenartikel ist der erste Satz eines Absatzes wichtig (zumindest in niederländischer Sprache). Es enthält wichtige Informationen darüber, worum es in diesem Absatz geht (denken Sie nur daran, jedes Mal, wenn Sie ein neues Unterthema beginnen, erstellen Sie einen neuen Absatz, in dem der erste Satz wichtig ist).

Ich war in einem Google-Kurs, in dem der "Experte" uns von diesem Prinzip und dem gleichen Trick von Google erzählte (siehe, erster Satz des neuen Absatzes ist wichtig). Wenn Sie dies im Hinterkopf haben, ist es anders, wenn Sie ein divoder verwenden p. Erhöht / verringert es Ihren Pagerank um 8? Nein, aber der Teufel steckt im Detail.

Außerdem erhalten Sie Punkte für die Verwendung von sementischem HTML. Die Verwendung von Ps für Absätze würde diesem Prinzip helfen.


In Ihrem Beispiel verpassen Sie die 3. und IMO die richtige Lösung:

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

Sie entfernen das div und geben dem Absatz die Klasse. Es spielt keine Rolle, wie Sie Ihr HTML verwenden. Nicht benötigte Elemente verlangsamen die Seite (er), was sich auf die PR auswirkt.


1

Die Verwendung von p-Tags ist wichtig! Abgesehen von anderen Gelegenheiten habe ich gesehen, dass, wenn es keine Meta-Beschreibung für die Seite gibt und Google standardmäßig eine erstellt, jedes Element verwendet wird, das eher wie ein Text aussieht.

Beispiel: Ich hatte eine Seite in drei Sprachen (drei verschiedene Domänen) mit nur einem Metatitel. In den Google-Suchergebnissen war die Meta-Beschreibung das Navigationsalphabet, das ich für die Kategorien auf dieser Seite verwendet habe, nicht der obige Text! (Das Alphabet befand sich für Schriftstyling-Zwecke im H2-Tag). Ich habe den Text in das p-Tag eingefügt, bin zur Google Search Console gegangen, habe gefragt, ob die URLs indiziert werden sollen. Beim nächsten Überprüfen der Google-Suchergebnisse wurden die ersten beiden Zeilen meines Textes angezeigt (in allen drei Domains). Ohne Meta-Beschreibungen hinzuzufügen.

PS Im Falle einer fehlerhaften Seite wird der Text weiterhin angezeigt, wenn er sich innerhalb eines AP-Tags befindet. Sonst ... Chaos.

Vertrau mir; Ich habe aus meinen Fehlern gelernt.


0

Kein Unterschied aus SEO-Sicht. HTML-Semantik und -Leistung sollten jedoch berücksichtigt werden. Unnötige HTML-Tags wirken sich auch auf die Leistung aus.


Bitte achten Sie darauf, eine Antwort mit zusätzlichen Informationen zu den bereits in anderen Antworten erwähnten zu veröffentlichen.
Zistoloen

0

Absolut kein Unterschied aus SEO-Sicht. Beide sind gleich! Die Funktionsweise von SEO-Seiten besteht darin, dass sie den Tags wie h1, h2 usw. mehr Priorität einräumen. 'div's sind nur Elemente auf Blockebene, die für den HTML-Zweck verwendet werden. Es bietet keinen Beitrag zur SEO-Optimierung.

Aus semantischer Sicht ist es wichtig, solche Störungen zu vermeiden, die die Verarbeitung des DOM durch den Browser behindern können


-3

Im Allgemeinen gibt SEO Bedeutung nur für Header - Tags ( <h1>, <h2>, <h3>, <h4>, <h5>und <h6>). Also kein Grund zur Sorge <p>und <div>Tags.


1
Ich denke, Sie müssen Ihr SEO-Wissen auffrischen, scheint, als würden Sie viele (einfache) Punkte wegwerfen :)
Martijn
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.