El primer punto que se explica es que las personas pueden juzgar la semántica del contenido a través de la división visual, y los motores de búsqueda solo ven el código. Los motores de búsqueda solo pueden juzgar la semántica del contenido a través de las etiquetas. Realmente no presté mucha atención a los motores de búsqueda antes, pero ahora estoy empezando a preocuparme más por eso, porque una gran parte del tráfico de la página proviene de los motores de búsqueda. Para que la página sea lo más amigable posible para buscar motores, debemos semanticizar las etiquetas tanto como sea posible.
En el pasado, según mi breve comprensión del desarrollo web, sentí que escribir una buena página que cumpla con los estándares solo requiere separar la estructura y el rendimiento, y luego no usar tabla, fuente y otras etiquetas. En cuanto a los Divs a lo largo del artículo, no pensaría que haya ningún problema, porque CSS es muy poderoso. Sin embargo, todas las etiquetas tienen su propia semántica, y la siguiente es la semántica de algunas etiquetas:
Div Semántica: División (Separación)
SPAN SEMANTICS: SPAN (Alcance)
OL Semántica: lista ordenada (lista ordenada)
UL Semántica: lista desordenada (lista no ordenada)
Li semántica: elemento de lista (elemento de lista)
…………
Si ignora la semántica de la etiqueta y los estilos predeterminados y usa Divs para todas las etiquetas, puede escribir páginas con buenos efectos visuales, siempre que use CSS de manera flexible. Pero en ese caso, aunque los requisitos se cumplen visualmente, la página completa no tiene semántica en absoluto, y el motor de búsqueda aún no puede entenderlo. Entonces, recuerda:
La estructura (HTML) es el punto clave, y el estilo (CSS) se usa para modificar la estructura. Por lo tanto, primero debe determinar el HTML, determinar la etiqueta y luego elegir el CSS apropiado.
En términos generales, todas las etiquetas tendrán un estilo predeterminado, por lo que una manera simple de juzgar si la semántica de las etiquetas de la página web es buena es eliminar los estilos para ver si la estructura de la página web está bien organizada y ordenada, y si aún es bien legible.
Además, vale la pena mencionar la etiqueta H. La semántica de la etiqueta H es el título. Los motores de búsqueda son más sensibles a esta etiqueta, especialmente H1 y H2. Para una buena página semántica, la etiqueta H debe estar completa y ordenada sin fallas. En otras palabras, empújalo hacia abajo como H1, H2, H3, H4 y no H1, H3, H4 y Miss H2. Una página web bien estructurada, la etiqueta H puede organizar un esquema de una página web.