¿Usar la etiqueta p dentro de una etiqueta div para el texto?


11

¿Qué es mejor en términos de 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 tiene una gran cantidad de CSS aplicado, por lo que para que el texto se vea como / donde quiero lo envolveré en ese div. Este div en particular solo tiene texto. Pero para fines de SEO, ¿es mejor usar la etiqueta p dentro del div o simplemente usar el texto directamente en el div?

El resultado es el mismo (visualmente).

PD: entiendo que la idea general es que p es más relevante para seo que div (o al menos esto es lo que escuché. Corríjame si me equivoco aquí). Pero en este caso, mi texto en esta página se mostrará en diferentes contenedores en la pantalla para una mejor vista. ¿Debo usar el texto dentro del div o debo usar el texto dentro de la etiqueta p y la etiqueta p dentro del div para un mejor SEO?

Respuestas:


16

Entre dos opciones, no hay diferencia para el SEO. Por cierto, su pregunta no se trata de SEO, sino de HTML semántico.

Para respetar la semántica HTML y, a diferencia de lo que piensas, la <p>etiqueta existe para mostrar párrafos de texto , no texto. Pero en general, los textos se muestran en una página a través de párrafos. Es por eso que puede usar la <p>etiqueta dentro de un <div>elemento HTML, pero semánticamente, no es una obligación.

Por lo tanto, mi respuesta a su pregunta es: no hay diferencia para el SEO, solo use <p>dentro de un <div>elemento si su texto se corta en párrafos.


3
respondiste mi pregunta y también aprendí algo nuevo. Gracias por ayudar a un novato :)
ClawDuda

2
No hay diferencia para el SEO o, para decirlo con más cautela, no hay una razón conocida por la que el pmarcado sea importante. La pregunta era sobre SEO. No hay ninguna razón para plantear la pregunta sobre "semántica" aquí, y sería un tema muy confuso; por ejemplo, HTML5 tiene sus propias ideas p, que podrían verse como algo diferentes de HTML 4 (y w3schools es el peor lugar para consultar en este asunto u otros).
Jukka K. Korpela

1
Por favor, use una mejor fuente de documentación: aunque w3schools es correcto en este caso, no dudaría en compartir sus enlaces. Lo usaría, de MDN: developer.mozilla.org/en-US/docs/Web/HTML/Element/p
STT LCU

1
Ok chicos, cambié el enlace a www.w3.org.
Zistoloen

1
Cuando w3schools se equivoque, no los vincules. Cuando w3schools lo haga bien, no los vincules. Esa es una lógica extraña.
Matt K

2

Primero, tomaría todo lo que <p>es más relevante para SEO que<div> con un gran grano de sal. El SEO realmente solo se preocupa por la relevancia del contenido. Poner texto en a <div>o en a <p>no es algo que debas modificar. Simplemente ve a cuál es el uso natural.

<div>más o menos significa 'esta es una sección de contenido' mientras que <p>es 'este es un párrafo'. Personalmente, solo lo uso, <div>ya que no tiene formato interno en ningún navegador, mientras que <p>tiene un formato específico del navegador (márgenes, etc.) que puede hacer que las cosas se vean diferentes dependiendo del navegador (a menos que use un 'limpiador' CSS). Además, en el <p>interior se <div>agrega HTML que hace que las páginas sean un poco más grandes y, por lo tanto, se rastrearían menos páginas a la vez por cada barrido del rastreador.

Preocuparse por el contenido, no tanto por cómo escribir el HTML para que a los motores de búsqueda les guste.


2

Que yo sepa, sí importa, por una razón muy simple:

Un div es la abreviatura de división, solo una parte / bloque en su sitio web, donde el párrafo está diseñado para texto. En algo así como un artículo de noticias, la primera oración de un párrafo es importante (al menos en idioma holandés). Tiene información vital sobre de qué trata ese párrafo (solo piense en ello, cada vez que comienza un nuevo sub-tema, crea un nuevo párrafo donde la primera oración es importante).

He estado en un curso de Google, donde el 'experto' nos habló de este principio y de que Google tiene el mismo truco (Ver, la primera oración del nuevo párrafo es importante). Con eso en el fondo de tu mente, difiere si usas un divo p. ¿Aumentará / disminuirá su pagerank en 8? No. Pero el diablo está en los detalles.

Además, obtienes puntos por usar html sementic. El uso de P para los párrafos ayudaría a este principio.


En su ejemplo, pierde el 3er e IMO la solución adecuada:

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

Eliminas el div y le das la clase al párrafo. Sí importa cómo uses tu html. Los elementos innecesarios harán que la página sea más lenta (er), lo que afecta las relaciones públicas.


1

¡El uso de la etiqueta p es importante! Además de otras ocasiones, he visto que cuando no hay una meta descripción para la página y Google crea una por defecto, usa cualquier elemento que se parezca más a un texto.

Ejemplo: tenía una página, en tres idiomas (tres dominios diferentes) con solo un meta título. En los resultados de búsqueda de Google, la meta descripción era el alfabeto de navegación que estaba usando para las categorías en esa página, ¡no el texto de arriba! (el alfabeto estaba dentro de la etiqueta h2 para propósitos de diseño de fuente). Incluí el texto dentro de la etiqueta p, fui a Google Search Console, pedí que indexara las URL y la próxima vez que verifiqué los resultados de búsqueda de Google pude ver las primeras 2 líneas de mi texto (en los tres dominios). Sin agregar meta descripciones.

PD: en el caso de una página rota, el texto aún se mostrará si está dentro de una etiqueta ap. De lo contrario ... caos.

Créeme; He aprendido de mis errores.


0

No hay diferencia desde la perspectiva SEO. Sin embargo, se debe tener en cuenta la semántica y el rendimiento de HTML. Las etiquetas HTML innecesarias también afectan el rendimiento.


Por favor, preste atención a publicar una respuesta con información adicional en relación con estas ya mencionadas en otras respuestas.
Zistoloen

0

Absolutamente ninguna diferencia desde la perspectiva de SEO. ¡Ambos son lo mismo! La forma en que funcionan las páginas SEO es que darán más prioridad a las etiquetas como h1, h2 ..etc. 'div's son solo elementos de nivel de bloque utilizados para el propósito de HTMLización. No ofrece ninguna contribución a la optimización SEO.

Desde el punto de vista de la semántica, es importante evitar tales problemas técnicos que pueden dificultar el procesamiento del DOM por parte del navegador.


-3

En general, SEO da importancia sólo para las etiquetas de cabecera ( <h1>, <h2>, <h3>, <h4>, <h5>y <h6>). Así que no hay necesidad de preocuparse <p>y <div>etiquetas.


1
Creo que necesita repasar su conocimiento de SEO, parece que está desperdiciando muchos puntos (fáciles) :)
Martijn
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.