Utilisez la balise p dans une balise div pour le texte?
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 vais l'envelopper dans cette 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 simplement d’utiliser 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 le référencement que pour 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?
Entre deux options, il n'y a pas de différence pour le référencement. En passant, votre question ne concerne pas le référencement, mais la sémantique HTML.
Pour respecter la sémantique HTML et contrairement à ce que vous pensez, la balise <p> existe pour afficher des paragraphes de texte , pas du texte. Mais en général, les textes sont affichés dans une page à travers des paragraphes. C'est pourquoi vous pouvez utiliser la balise <p> à l'intérieur d'un élément HTML <div> HTML, mais sémantiquement, ce n'est pas une obligation.
Par conséquent, ma réponse à votre question est la suivante: il n'y a pas de différence pour le référencement, utilisez simplement <p> dans un élément <div> si votre texte est découpé en paragraphes.
Tout d’abord, je prendrais tout cela <p>_ EST PLUS PERTINENT POUR LE RÉFÉRENCEMENT QUE _<div> avec un gros grain de sel. Le référencement ne se préoccupe que de la pertinence du contenu. Mettre du texte dans un _<div>_ ou un _<p>_ n’est pas quelque chose que vous devriez modifier. Il suffit d'aller à ce qui est l'utilisation naturelle.
_<div>_ signifie en gros "ceci est une section de contenu" alors que _<p>_ est "ceci est un paragraphe". Personnellement, j’utilise simplement _<div>_ car il n’a pas de formatage interne dans aucun navigateur, alors que _<p>_ possède un formatage spécifique au navigateur (marges, etc.) qui peut donner un aspect différent selon le navigateur (sauf vous utilisez un 'nettoyeur' CSS). De plus, _<p>_ inside _<div>_ ajoute du code HTML, ce qui rend les pages un peu plus grandes. Ainsi, moins de pages seraient explorées à la fois par balayage.
Inquiétez-vous du contenu, et non de la façon dont vous écrivez le code HTML pour que les moteurs de recherche "l'aiment".
À ma connaissance, cela a de l'importance, pour une raison très simple:
Un div est un raccourci pour la division, juste une partie/bloc sur votre site Web, où le paragraphe est conçu pour le texte. Dans quelque chose qui ressemble à un article d'actualité, la première phrase d'un paragraphe est importante (du moins en néerlandais). Il contient des informations vitales sur le contenu de ce paragraphe (pensez-y, chaque fois que vous démarrez un nouveau sous-sujet, vous créez un nouveau paragraphe dans lequel la première phrase est importante).
Je suis allé à un cours Google, où "l'expert" nous a parlé de ce principe et de Google du même truc (voir, la première phrase du nouveau paragraphe est importante). En gardant cela à l'esprit, cela diffère si vous utilisez un div ou p. Cela va-t-il augmenter/diminuer votre pagerank de 8? Non, mais le diable est dans les détails.
En outre, vous obtenez des points pour l'utilisation de HTML sémentique. Utiliser P pour les paragraphes aiderait ce principe.
Dans votre exemple, vous manquez la 3ème et IMO la solution appropriée:
<p class="box1"> A bunch of text right here</p>
Vous supprimez la div et donnez la classe au paragraphe. Peu importe la façon dont vous utilisez votre code HTML. Les éléments inutiles ralentiront la page, ce qui affectera les relations publiques.
L'utilisation de la balise p est importante! À part 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, elle utilise n'importe quel élément qui ressemble davantage à 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 dans la balise p, suis allé sur la console de recherche Google, invité à indexer les URL et la prochaine fois que j'ai vérifié 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 description.
P.S. Dans le cas d'une page brisée, le texte sera toujours affiché s'il se trouve à l'intérieur d'une balise p. Sinon ... le chaos.
Croyez-moi; J'ai appris de mes erreurs.
Absolument aucune différence du point de vue du référencement. Les deux sont les même! La façon dont les pages SEO fonctionnent est qu’elles donneront plus de priorité aux balises telles que h1, h2, etc. Les 'div's ne sont que des éléments de niveau bloc utilisés à des fins de HTMLisation. Il n'apporte aucune contribution à l'optimisation du référencement.
Du point de vue de la sémantique, il est important d'éviter de tels problèmes qui pourraient entraver le traitement du DOM par le navigateur.
Aucune différence du point de vue du référencement. Cependant, la sémantique HTML et les performances doivent être prises en compte. Les balises HTML inutiles ont également un impact sur les performances.