Cuando audito webs de clientes, lo primero que reviso es si el HTML está limpio y bien estructurado. Muchos desarrolladores se olvidan de que el código no es solo para que la web se vea bonita, sino para que los buscadores entiendan qué demonios hay ahí dentro. En mi experiencia, una estructura semántica adecuada marca la diferencia entre aparecer en las primeras posiciones o perderte en la página diez.
La base de todo: Head y Body
Imagina que tu web es un libro. El head es la portada y la ficha técnica; ahí metes información para los buscadores, como el title, la meta description y el meta robots. El usuario no lo ve, pero Google sí. Por otro lado, el body es el contenido del libro, todo lo que el usuario consume: párrafos, imágenes y formularios.
He visto que muchos fallan al no utilizar un link canonical correctamente. Si tienes páginas de categorías con paginación, esa etiqueta es tu mejor amiga para evitar líos de contenido duplicado. Úsala para señalar siempre la URL principal.
 (1).jpg)
Estructura semántica para destacar
El HTML5 trajo etiquetas que nos facilitan la vida. Antes todo era un div genérico, pero ahora tienes header, main, nav, aside y footer. Usarlas permite que Google interprete el contenido mucho más rápido. Si compites con otra web que tiene un código desordenado y tú ofreces una estructura semántica clara, te vas a llevar el gato al agua.
Además, no olvides los datos estructurados. Aunque prefiero meterlos en el footer para no ensuciar el código principal, son una ventaja competitiva. Si tienes una web de recetas o un e-commerce, implementarlos ayuda a que Google te muestre con información extra en los resultados de búsqueda, lo que se traduce en más clics.
Recuerda que el HTML es solo texto e información. Si quieres diseño, usa CSS, pero no mezcles conceptos. Lo que mejor me ha funcionado a lo largo de los años es mantener el HTML lo más limpio posible, delegando el aspecto visual a hojas de estilo externas que carguen de forma eficiente.
Preguntas frecuentes
¿Dónde debo insertar el CSS para que no afecte al SEO?
Lo ideal es inyectar el código crítico en el head para evitar el efecto de parpadeo visual, mientras que el resto puede cargarse de forma optimizada para no penalizar la velocidad de carga.
¿Es obligatorio usar etiquetas semánticas como header o main?
No son obligatorias, pero sí muy recomendables. Ayudan a los rastreadores a entender qué partes de tu página son importantes y cuáles son secundarias.
¿Los iframes afectan negativamente al posicionamiento?
Pueden dificultar la indexación del contenido que contienen. Si necesitas usarlos, intenta acompañarlos siempre de enlaces directos para que los buscadores puedan seguir el rastro.