Le premier point à expliquer est que les gens peuvent juger la sémantique du contenu par la division visuelle, et les moteurs de recherche ne voient que le code. Les moteurs de recherche ne peuvent juger que la sémantique du contenu via des balises. Je n'ai vraiment pas accordé beaucoup d'attention aux moteurs de recherche auparavant, mais maintenant je commence à m'en soucier, car une grande partie du trafic de la page provient des moteurs de recherche. Pour rendre la page aussi conviviale que possible aux moteurs de recherche, nous devons sémaniser autant que possible les balises.
Dans le passé, sur la base de ma brève compréhension du développement Web, j'ai estimé que l'écriture d'une bonne page qui répond aux normes nécessite uniquement de séparer la structure et les performances, puis d'utiliser la table, la police et d'autres balises. Quant aux divs tout au long de l'article, je ne pense pas qu'il y ait de problème, car CSS est très puissant. Cependant, toutes les balises ont leur propre sémantique, et ce qui suit est la sémantique de certaines balises:
Div Semantics: Division (séparation)
Span Semantics: Span (Scope)
OL Semantics: Liste commandée (liste triée)
UL Semantics: Liste non ordonnée (liste non triée)
LI Sémantique: élément de liste (élément de liste)
…………
Si vous ignorez la sémantique de l'étiquette et les styles par défaut et utilisez des divs pour toutes les étiquettes, vous pouvez réellement écrire des pages avec de bons effets visuels, tant que vous utilisez CSS. Mais dans ce cas, bien que les exigences soient remplies visuellement, la page entière n'a pas de sémantique du tout, et le moteur de recherche ne peut toujours pas le comprendre. Alors, rappelez-vous:
La structure (HTML) est le point clé, et le style (CSS) est utilisé pour modifier la structure. Par conséquent, vous devez d'abord déterminer le HTML, déterminer la balise, puis choisir le CSS approprié.
De manière générale, toutes les balises auront un style par défaut, donc un moyen simple de juger si la sémantique des balises de page Web est bonne consiste à supprimer les styles pour voir si la structure de la page Web est bien organisée et ordonnée, et s'il est toujours bien lisible.
De plus, il convient de mentionner l'étiquette H. La sémantique de l'étiquette H est le titre. Les moteurs de recherche sont plus sensibles à cette balise, en particulier H1 et H2. Pour une bonne page sémantique, la balise H doit être complète et ordonnée sans défauts. En d'autres termes, poussez-le comme H1, H2, H3, H4, et ne pas H1, H3, H4 et Miss H2. Une page Web bien structurée, la balise H peut organiser un aperçu d'une page Web.