Utilizzare il tag p all'interno di un tag div per il testo?


11

Cosa c'è di meglio in termini di SEO?

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

o

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

box1 div ha molti css applicati, quindi per rendere il testo simile / dove voglio lo avvolgerò in quel div. questo div in particolare ha solo testo. Ma per scopi SEO è meglio usare il tag p all'interno del div o semplicemente usare il testo direttamente nel div?

Il risultato è lo stesso (visivamente).

PS: capisco che l'idea generale è che p è più rilevante per seo che div (o almeno questo è quello che ho sentito. Per favore, correggimi se sbaglio qui). Ma in questo caso il mio testo in questa pagina verrà mostrato in diversi contenitori sullo schermo per un aspetto migliore. dovrei usare il testo all'interno del div o dovrei usare il testo all'interno del tag p e il tag p all'interno del div per una migliore SEO?

Risposte:


16

Tra due opzioni, non c'è differenza per il SEO. A proposito, la tua domanda non riguarda il SEO ma si tratta di HTML semantico.

Per rispettare la semantica HTML e diversamente da come si pensa, il <p>tag esiste per visualizzare paragrafi di testo , non testo. Ma in generale, i testi sono visualizzati in una pagina attraverso paragrafi. Ecco perché puoi usare il <p>tag all'interno di un <div>elemento HTML ma semanticamente non è un obbligo.

Pertanto, la mia risposta alla tua domanda è: non c'è differenza per il SEO, basta usare <p>all'interno di un <div>elemento se il tuo testo è suddiviso in paragrafi.


3
hai risposto alla mia domanda e ho anche imparato qualcosa di nuovo. Grazie per aiutare un principiante :)
ClawDuda

2
Non c'è differenza per il SEO o, per dirla con più cautela, non vi è alcun motivo noto per cui il pmarkup avrebbe importanza. La domanda era su SEO. Non c'è motivo di sollevare la questione della "semantica" qui, e sarebbe un argomento molto nebuloso; ad esempio, HTML5 ha le sue idee p, che potrebbero essere viste come piuttosto diverse da HTML 4 (e w3schools è il posto peggiore da consultare in questa materia, o altri).
Jukka K. Korpela,

1
Per favore, usa una fonte migliore per la documentazione: mentre w3schools è corretto in questo caso, sarei diffidente a condividere i loro collegamenti. Lo userei da MDN: developer.mozilla.org/en-US/docs/Web/HTML/Element/p
STT LCU

1
Ok ragazzi, ho cambiato il link a www.w3.org.
Zistoloen,

1
Quando w3schools sbaglia, non collegarti a loro. Quando w3schools ha ragione, non collegarti a loro. Questa è una logica strana.
Matt K

2

In primo luogo, prenderei tutto ciò che <p>è più rilevante per il SEO che<div> con un grosso granello di sale. Alla SEO interessa solo la pertinenza dei contenuti. Inserire il testo in una <div>o in una <p>non è qualcosa che dovresti modificare. Vai a qual è l'uso naturale.

<div>praticamente significa "questa è una sezione di contenuto" mentre <p>è "questo è un paragrafo". Personalmente, lo uso solo <div>perché non ha formattazione interna in nessun browser, mentre <p>ha una formattazione specifica per il browser (margini, ecc.) Che può rendere le cose diverse a seconda del browser (a meno che tu non usi un '' filtro '' CSS). Inoltre, <p>all'interno <div>aggiunge HTML che rende le pagine un po 'più grandi, e quindi, meno pagine verrebbero sottoposte a scansione simultaneamente per "scansione" del crawler.

Preoccupati per il contenuto, non tanto per come scrivere l'HTML, così i motori di ricerca "gradiscono".


2

Per quanto ne so, è importante, per una ragione molto semplice:

Un div è l'abbreviazione di divisione, solo una parte / blocco sul tuo sito Web, in cui il paragrafo è progettato per il testo. In qualcosa come un articolo di notizie, la prima frase di un paragrafo è importante (almeno in lingua olandese). Ha informazioni vitali su ciò che riguarda quel paragrafo (basti pensare a questo proposito, ogni volta che inizi un nuovo argomento secondario, crei un nuovo paragrafo in cui la prima frase è importante).

Sono stato a un corso su Google, dove l'esperto ci ha parlato di questo principio e di quello stesso trucco di Google (vedi, la prima frase del nuovo paragrafo è importante). Con quello nella parte posteriore della tua mente, differisce se usi un divo p. Aumenterà / diminuirà il tuo pagerank di 8? No. Ma il diavolo è nei dettagli.

Inoltre, ottieni punti per l'utilizzo di HTML sementico. L'uso di P per i paragrafi aiuterebbe questo principio.


Nel tuo esempio ti manca il terzo e IMO la soluzione corretta:

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

Rimuovi il div e dai la classe al paragrafo. Non importa come usi il tuo html. Gli elementi non necessari rallenteranno (er) la pagina, influendo su PR.


1

L'uso del tag p è importante! A parte altre occasioni, ho visto che quando non esiste una meta descrizione per la pagina e Google ne crea una per impostazione predefinita, utilizza qualsiasi elemento che assomigli di più a un testo.

Esempio: avevo una pagina, in tre lingue (tre diversi domini) con solo un meta titolo. Nei risultati di ricerca di Google la meta descrizione era l'alfabeto di navigazione che stavo usando per le categorie in quella pagina, non il testo sopra! (l'alfabeto era all'interno del tag h2 ai fini dello stile del carattere). Ho incluso il testo all'interno del tag p, sono andato su Google Search Console, ho chiesto di indicizzare gli URL e la volta successiva che ho controllato i risultati di ricerca di Google ho potuto vedere le prime 2 righe del mio testo (in tutti e tre i domini). Senza aggiungere meta descrizioni.

PS In caso di una pagina spezzata il testo verrà comunque mostrato se si trova all'interno del tag ap. Altrimenti ... il caos.

Fidati di me; Ho imparato dai miei errori.


0

Nessuna differenza dal punto di vista SEO. Tuttavia, è necessario prendere in considerazione la semantica e le prestazioni HTML. Anche i tag HTML non necessari influiscono sulle prestazioni.


Prestare attenzione a pubblicare una risposta con informazioni aggiuntive in relazione a quelle già menzionate in altre risposte.
Zistoloen,

0

Assolutamente nessuna differenza dal punto di vista SEO. Entrambi sono uguali! Il modo in cui funzionano le pagine SEO è che daranno maggiore priorità ai tag come h1, h2 ..etc. 'div sono solo elementi a livello di blocco utilizzati a scopo di HTMLization. Non offre alcun contributo all'ottimizzazione SEO.

Dal punto di vista semantico, è importante evitare tali problemi che possono ostacolare l'elaborazione del DOM da parte del browser


-3

In generale, SEO dà importanza solo per i tag di intestazione ( <h1>, <h2>, <h3>, <h4>, <h5>e <h6>). Quindi non c'è bisogno di preoccuparsi <p>e <div>tag.


1
Penso che tu abbia bisogno di rispolverare le tue conoscenze SEO, sembra che tu stia buttando via molti (facili) punti :)
Martijn
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.