Formato nuevo
HTML y SEO: por qué el marcado hipertextual sigue importando
HTML es el lenguaje de marcado de la página: los tags dicen a navegadores y bots dónde están el heading, el texto, el enlace y la imagen. CSS se ocupa de la presentación. Para SEO importa una estructura clara — no un «tag secreto de ranking».
Abajo: por qué un especialista SEO necesita HTML básico, qué nodos revisar en `<head>` y `<body>`, y cómo ayuda de verdad la validez. No copiamos la línea dura «un error de código = desindexado»: los bots son tolerantes, pero el marcado desordenado perjudica a personas y al parsing.
HTML + CSS en un contexto SEO
Bots y navegadores leen el DOM. Si el heading está en `<h1>`, el enlace en `<a href>`, el copy en un párrafo — el sentido se extrae más fácil que de `<div>`s sin nombre con texto pintado en un canvas.
CSS no rankea páginas, pero afecta UX y Core Web Vitals. Esconder bloques enteros con `display:none` por keywords es una mala idea y un truco de spam obsoleto.
La validez va de predictibilidad: tags cerrados, nesting correcto, una jerarquía de headings clara.
Esqueleto de la página
`<html>` es la raíz del documento, a menudo con `lang`. `<head>` mira a la máquina: title, meta, link, scripts. `<body>` es lo que ve el usuario.
Trabajos SEO en head: title único, description, canonical, robots cuando hace falta. En body — H1, contenido, enlaces internos, alt de imágenes.
Mínimo para una página de dinero:
- un H1 con sentido
- un title único
- description que encaje con la URL
- texto en HTML, no solo en un banner
- enlaces internos que funcionen
Nodos relevantes para SEO
Title y description dan forma al snippet y a las expectativas de clic. H1–H3 ayudan a la estructura y al escaneo. `<a>` lleva el sentido del ancla. `<img alt>` cubre accesibilidad y comprensión de imágenes.
Listas, tablas, `strong`/`em` mejoran la legibilidad; no hace falta spam de negrita de keywords.
Vecinos técnicos: canonical, paginación, noindex — mira materiales aparte; no copies sets obsoletos de meta keywords «obligatorias».
Práctica: atar SEO y HTML
Antes de un brief a developers, describe la intención de la URL y los elementos requeridos en código — no solo «hazlo bonito».
Tras el layout, revisa el DOM: ¿el texto está solo en JS sin SSR/prerender cuando el bot debería verlo?
No arregles micro-typos en comentarios del código en vez de titles duplicados y filtros finos — prioriza el impacto en índice y clics.
Takeaways clave
HTML fija sentido y estructura para personas y bots.
Para SEO importa el meta del head, headings, enlaces y texto accesible — no «tags secretos».
Profundiza en guías aparte de title, H1 y canonical; esta pieza es un mapa.
FAQ
¿Debe un SEO aprender HTML desde cero?
Lo básico — sí: head/body, title, meta, h1–h3, a, img, listas. Frontend profundo no hace falta si tienes un developer.
¿El CSS afecta a los rankings?
Indirectamente: legibilidad, CLS, UX móvil. Gradientes bonitos solos no son un factor de ranking. No escondas texto clave solo en una imagen sin alternativa.
¿HTML inválido significa un filtro?
No es una sentencia automática. Pero un layout roto rompe snippets, accesibilidad y a veces el texto indexable. Arregla lo crítico.
¿En qué se diferencia HTML de los meta tags?
Los meta tags son parte del HTML en el head. HTML es más amplio: toda la estructura de la página, no solo la description.
¿Basta un builder no-code?
A menudo sí al inicio. Cuando chocan titles duplicados, H1 rotos o noindex — hace falta mirar el código.
¿Schema / JSON-LD es HTML?
Los datos estructurados suelen vivir como JSON-LD o microdata dentro del HTML. Tema aparte; el HTML es la página anfitriona.
¿Hace falta lang en html?
Deseable: ayuda al navegador y a la accesibilidad. No es un botón mágico de SEO, pero sí buena higiene.
¿Por dónde empiezo a revisar una página?
View source / DevTools: un H1, title, description, canonical, texto en el DOM — no solo en una imagen.
¿Layout bonito pero H1, title y texto rotos o ausentes del DOM?
Alineamos el marcado con la intención SEO — estructura para personas y bots, no teatro de validador.
Hablar del proyecto
