Utiliser la balise p à l'intérieur d'une balise div pour le texte?

11

Quoi de mieux en termes de référencement?

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

ou

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

box1 div a beaucoup de CSS appliqués, donc pour que le texte ressemble à / où je veux, je l'envelopperai dans ce div. cette div en particulier n'a que du texte. Mais à des fins de référencement, est-il préférable d'utiliser la balise p à l'intérieur de la div ou d'utiliser simplement le texte directement dans la div?

Le résultat est le même (visuellement).

PS: je comprends que l'idée générale est que p est plus pertinent pour seo que div (ou du moins c'est ce que j'ai entendu. Veuillez me corriger si je me trompe ici). Mais dans ce cas, mon texte sur cette page sera affiché dans différents conteneurs à l'écran pour une meilleure apparence. dois-je utiliser le texte à l'intérieur de la div ou dois-je utiliser le texte à l'intérieur de la balise p et la balise p à l'intérieur de la div pour un meilleur référencement?

ClawDuda
la source

Réponses:

16

Entre deux options, il n'y a pas de différence pour le référencement. Soit dit en passant, votre question ne porte pas sur le référencement mais sur la sémantique HTML.

Pour respecter la sémantique HTML et contrairement à ce que vous pensez, la <p>balise existe pour afficher des paragraphes de texte , pas de texte. Mais en général, les textes sont affichés dans une page à travers des paragraphes. C'est pourquoi vous pouvez utiliser une <p>balise à l'intérieur d'un <div>élément HTML mais sémantiquement, ce n'est pas une obligation.

Par conséquent, ma réponse à votre question est: il n'y a pas de différence pour le référencement, utilisez simplement l' <p>intérieur d'un <div>élément si votre texte est coupé en paragraphes.

Zistoloen
la source
3
vous avez répondu à ma question et j'ai également appris quelque chose de nouveau. Merci d'avoir aidé un débutant :)
ClawDuda
2
Il n'y a aucune différence pour le référencement ou, pour le dire plus prudemment, il n'y a aucune raison connue pour laquelle le pbalisage aurait de l'importance. La question portait sur le référencement. Il n'y a aucune raison de soulever ici la question de la «sémantique», et ce serait un sujet très flou; Par exemple, HTML5 a ses propres idées p, qui peuvent être considérées comme plutôt différentes de HTML 4 (et w3schools est le pire endroit à consulter à ce sujet, ou d'autres).
Jukka K. Korpela
1
Veuillez utiliser une meilleure source de documentation: bien que w3schools soit correct dans ce cas, je me garderais de partager leurs liens. J'utiliserais cela, à partir de MDN: developer.mozilla.org/en-US/docs/Web/HTML/Element/p
STT LCU
1
Ok les gars, j'ai changé le lien vers www.w3.org.
Zistoloen
1
Lorsque w3schools se trompe, ne les liez pas. Lorsque w3schools réussit, ne les liez pas. C'est une étrange logique.
Matt K
2

Tout d'abord, je prendrais tout ce qui <p>est plus pertinent pour le référencement<div> qu'avec un gros grain de sel. Le référencement ne se soucie vraiment que de la pertinence du contenu. Mettre du texte dans un <div>ou dans un <p>n'est pas quelque chose que vous devriez modifier. Allez simplement à ce qui est l'utilisation naturelle.

<div>signifie à peu près «ceci est une section de contenu» tandis que <p>«ceci est un paragraphe». Personnellement, je l'utilise simplement <div>car il n'a aucun formatage interne dans aucun navigateur, tout en <p>ayant un formatage spécifique au navigateur (marges, etc.) qui peut rendre les choses différentes selon le navigateur (sauf si vous utilisez un `` nettoyeur '' CSS). De plus, <p>inside <div>ajoute du HTML qui rend les pages un peu plus grandes, et donc, moins de pages seraient explorées à la fois par «balayage» du robot.

Inquiétez-vous du contenu, pas tellement de la façon d'écrire le HTML pour que les moteurs de recherche «l'aiment».

Rodolfo
la source
2

À ma connaissance, cela importe, pour une raison très simple:

Un div est l'abréviation de division, juste une partie / bloc sur votre site Web, où le paragraphe est conçu pour le texte. Dans quelque chose comme un article de presse, la première phrase d'un paragraphe est importante (au moins en néerlandais). Il contient des informations vitales sur l'objet de ce paragraphe (pensez-y, chaque fois que vous commencez un nouveau sous-sujet, vous créez un nouveau paragraphe où la première phrase est importante).

Je suis allé à un cours Google, où «l'expert» nous a parlé de ce principe et de ce même truc de Google (Voir, la première phrase du nouveau paragraphe est importante). Avec cela à l'esprit, cela diffère si vous utilisez un divou p. Est-ce que cela augmentera / diminuera votre pagerank de 8? Non. Mais le diable est dans les détails.

En outre, vous obtenez des points pour l'utilisation de HTML sementic. L'utilisation de P pour les paragraphes aiderait ce principe.


Dans votre exemple, vous manquez le 3ème et l'OMI la bonne solution:

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

Vous supprimez le div et donnez la classe au paragraphe. Peu importe la façon dont vous utilisez votre html. Les éléments inutiles rendront la page plus lente (euh), ce qui affecte les relations publiques.

Martijn
la source
1

L'utilisation de la balise p est importante! En dehors d'autres occasions, j'ai vu que lorsqu'il n'y a pas de méta description pour la page et que Google en crée une par défaut, il utilise n'importe quel élément ressemblant plus à un texte.

Exemple: j'avais une page, en trois langues (trois domaines différents) avec seulement un méta-titre. Dans les résultats de recherche Google, la méta description était l'alphabet de navigation que j'utilisais pour les catégories de cette page, pas le texte ci-dessus! (l'alphabet était à l'intérieur de la balise h2 à des fins de style de police). J'ai inclus le texte à l'intérieur de la balise p, je suis allé à Google Search Console, j'ai demandé d'indexer les URL et la prochaine fois que je vérifiais les résultats de recherche Google, je pouvais voir les 2 premières lignes de mon texte (dans les trois domaines). Sans ajouter de méta descriptions.

PS En cas de page cassée, le texte sera toujours affiché s'il se trouve à l'intérieur de la balise ap. Sinon ... le chaos.

Croyez-moi; J'ai appris de mes erreurs.

Leonidas Lainis
la source
0

Aucune différence du point de vue du référencement. Cependant, la sémantique et les performances HTML doivent être prises en considération. Les balises HTML inutiles ont également un impact sur les performances.

Sachin Dhir
la source
Veuillez faire attention de poster une réponse avec des informations supplémentaires par rapport à celles déjà mentionnées dans d'autres réponses.
Zistoloen
0

Absolument aucune différence du point de vue SEO. Les deux sont identiques! Le fonctionnement des pages SEO est qu'elles donneront plus de priorité aux balises telles que h1, h2 ..etc. Les div ne sont que des éléments de niveau bloc utilisés à des fins de HTMLisation. Il n'apporte aucune contribution à l'optimisation SEO.

Du point de vue sémantique, il est important d'éviter de tels problèmes qui peuvent entraver le traitement du DOM par le navigateur

Ritumoni Sharma
la source
-3

En général, SEO donne une importance que pour les balises d' en- tête ( <h1>, <h2>, <h3>, <h4>, <h5>et <h6>). Donc , pas besoin de vous soucier <p>et les <div>mots clés.

Nathan
la source
1
Je pense que vous devez rafraîchir vos connaissances SEO, il semble que vous jetez beaucoup de points (faciles) :)
Martijn