Etiquetas HTML para SEO: cuáles importan, con ejemplos

Los buscadores y los asistentes de IA leen su página como código antes de que nadie la vea en pantalla. Un puñado de etiquetas HTML para SEO decide cómo se entiende ese código: qué URL se indexa, qué título aparece en los resultados, de qué trata la página y cómo se ve al compartirla. Google enumera las etiquetas meta y los atributos que admite en una sola página de su documentación de Search Central, y todo lo que queda fuera de esa lista no tiene ningún efecto en la Búsqueda de Google. Esta guía presenta cada etiqueta útil con un ejemplo, los errores que conviene evitar y las etiquetas que puede olvidar.

¿Qué etiquetas HTML importan para el SEO?

La tabla siguiente es la lista de referencia. Las etiquetas del head describen la página a las máquinas; las del body estructuran lo que leen las personas.

¿Qué etiquetas del head controlan cómo muestra Google su página?

La etiqueta title

La etiqueta title es la más importante de la página. Google dice que no hay límite de longitud para el elemento title, pero el enlace de título se recorta para caber en el ancho de la pantalla, lo que equivale a unos 50 a 60 caracteres en ordenador. Google también puede reescribirlo: su documentación enumera las fuentes que usa, desde el elemento title y el título principal visible hasta los encabezados H1, la etiqueta og:title y el texto ancla de los enlaces que apuntan a la página. Un title coherente con el H1 y con el contenido es el que Google conserva. Escriba un title único para cada página, con la palabra clave principal al principio y la marca al final.

La meta description

La meta description no cambia el posicionamiento, pero a menudo aporta el fragmento que aparece bajo el título y por eso influye en los clics. Google puede sustituirla por un pasaje de la página más cercano a la consulta. Redáctela como una respuesta breve seguida de un beneficio, entre 120 y 160 caracteres, y no repita nunca la misma descripción en varias páginas.

La etiqueta meta robots

La etiqueta meta robots indica a los rastreadores qué pueden hacer con la página. El valor más usado es noindex, que mantiene una página fuera de los resultados; otros son nofollow, nosnippet y max-snippet, que limita la longitud del fragmento. Para archivos sin sección head, como los PDF, las mismas directivas van en la cabecera HTTP X-Robots-Tag. Un noindex olvidado en una plantilla publicada es una de las causas más frecuentes de pérdida de tráfico, así que revíselo después de cada despliegue.

Viewport y charset

Google indica en su documentación que la presencia de la etiqueta viewport señala una página adaptada a móviles. Como Google indexa la versión móvil de los sitios, esta etiqueta debe estar en todas las páginas. La declaración del juego de caracteres (Google recomienda UTF-8) evita caracteres rotos en títulos y fragmentos, algo importante en sitios multilingües.

¿Qué etiquetas le indican a Google qué URL indexar?

Dos etiquetas link del head gestionan los duplicados y los idiomas. La etiqueta canónica indica la versión preferida cuando el mismo contenido es accesible desde varias URL (filtros, parámetros de seguimiento, HTTP y HTTPS). Google la trata como una indicación fuerte, junto con las redirecciones y los enlaces internos, así que funciona mejor cuando todas las señales apuntan a la misma URL. Use una URL absoluta, una sola etiqueta canónica por página y no la dirija nunca a una página bloqueada o con noindex.

El atributo hreflang le dice a Google qué página mostrar a cada idioma o región. Según la guía de Google sobre versiones localizadas, cada versión debe citarse a sí misma y a todas las demás, y un valor x-default puede designar la página para los usuarios cuyo idioma no está cubierto. La falta de enlaces de retorno es el error de hreflang más frecuente: si la página A apunta a la página B, la página B debe apuntar a la página A.

¿Qué etiquetas del body ayudan a los buscadores a entender el contenido?

Los encabezados de H1 a H6

Los encabezados dan el esquema de la página. Use un H1 que anuncie el tema, H2 para las secciones principales y H3 para los pasos o elementos dentro de una sección, sin saltarse niveles por estética. Google ha dicho que varios H1 no provocan una penalización, pero un único H1 claro sigue siendo la estructura más sencilla para los lectores y las tecnologías de asistencia. Los H2 formulados como preguntas («¿Cómo funciona X?») coinciden además con la forma en que la gente formula sus búsquedas y sus prompts.

El texto alternativo de las imágenes

Google explica en sus directrices de SEO para imágenes que usa el texto alternativo junto con la visión artificial y el contenido de la página para entender una imagen, y que llenar los atributos alt de palabras clave puede hacer que un sitio se considere spam. Describa lo que muestra la imagen en una frase corta. Google señala también que no indexa las imágenes de fondo en CSS, así que toda imagen que deba posicionarse necesita un elemento img real.

Los enlaces y sus atributos rel

El elemento a es la vía por la que los rastreadores descubren las páginas, así que los enlaces internos deben ser enlaces reales con href, no botones gestionados con JavaScript. El atributo rel califica los enlaces salientes: sponsored para las inserciones pagadas, ugc para comentarios y mensajes de foro, nofollow para los enlaces que no quiere respaldar. Google trata estos valores como indicaciones desde 2020. Un texto ancla descriptivo ayuda tanto a los lectores como a los buscadores.

Los elementos semánticos de HTML5

Elementos como main, article, nav, header, footer y section indican a las máquinas qué parte de la página es el contenido principal y qué partes se repiten en todas las páginas. Por sí solos no mejoran el posicionamiento, pero facilitan aislar el contenido principal, tanto para los buscadores y los lectores de pantalla como para las herramientas de IA. Nuestra guía de HTML semántico detalla cada elemento. Dentro del texto, strong y em marcan el énfasis: resérvelos para los términos clave, no para párrafos enteros.

¿Qué etiquetas definen las vistas previas sociales y los resultados enriquecidos?

El protocolo Open Graph, creado por Facebook y leído hoy por la mayoría de las redes sociales y aplicaciones de mensajería, define las etiquetas og:title, og:description, og:image y og:url que componen la tarjeta de vista previa al compartir una página. Sin ellas, las plataformas adivinan, a menudo con la imagen equivocada. Pruebe el resultado con una herramienta de vista previa Open Graph antes de publicar.

Los datos estructurados en formato JSON-LD, colocados en una etiqueta script, describen la página con el vocabulario de Schema.org: artículo, producto, organización, ruta de navegación, FAQ. Google los usa para los resultados enriquecidos, y aportan a las IA hechos explícitos sobre la entidad que hay detrás de la página. El marcado debe describir lo que es visible en la página. Explicamos su papel en las respuestas de las IA en nuestra guía sobre datos estructurados y búsqueda con IA.

¿Qué etiquetas HTML ignora Google?

La lista de etiquetas admitidas por Google también le dice qué puede dejar de mantener:

• Meta keywords: Google afirma que la etiqueta meta keywords no la usa la Búsqueda de Google y no tiene ningún efecto en la indexación ni en el posicionamiento.
• Etiquetas meta desconocidas: Google ignora las etiquetas meta que no admite, como meta author o meta revisit-after.
• El atributo lang: Google detecta el idioma de una página a partir de su texto, no del atributo lang. Mantenga el atributo por accesibilidad y para otras herramientas, y use hreflang para vincular las versiones de idioma.
• La meta refresh como redirección: funciona, pero Google recomienda en su lugar una redirección 301 del lado del servidor.

¿Importan las etiquetas HTML para las respuestas de las IA?

Sí, por una razón sencilla: ChatGPT, Claude, Gemini y Perplexity extraen pasajes de las páginas, y un HTML limpio hace que esos pasajes sean fáciles de encontrar. Varios rastreadores de IA descargan el HTML sin procesar sin ejecutar JavaScript, de modo que un title, una canónica o un bloque de texto insertados por scripts pueden no llegarles nunca. Una jerarquía de encabezados clara divide la página en respuestas autónomas, las listas y tablas mantienen los datos agrupados, y los datos estructurados enuncian los hechos sin ambigüedad. Es la parte técnica de la optimización para motores generativos: las mismas etiquetas que ayudan a Google ayudan a los asistentes de IA a citarle con precisión.

¿Cómo comprobar las etiquetas HTML de una página?

1. Lea el código fuente sin procesar. Abra el código fuente (Ctrl+U) y busque las etiquetas title, meta description, robots, canonical y hreflang. Si una etiqueta solo aparece en la página renderizada, depende de JavaScript.
2. Compare con la vista de Google. La herramienta de inspección de URLs de Google Search Console muestra el HTML que Google renderizó y la canónica que eligió.
3. Revise página por página. La extensión gratuita de Sorank para Chrome enumera las etiquetas que faltan o están duplicadas y las correcciones para la página que está viendo.
4. Revise todo el sitio. Un rastreador detecta titles duplicados, textos alternativos ausentes y canónicas erróneas en miles de URL; nuestra selección de herramientas de SEO técnico compara las opciones.
5. Vuelva a comprobar tras cada despliegue. Los cambios de plantilla son el momento en que aparecen los noindex, las canónicas rotas y los titles vacíos.

Dominar la docena de etiquetas anteriores cubre casi todo lo que el HTML puede hacer por el SEO; el resto del trabajo depende del contenido y de los enlaces. Si quiere páginas que ya salgan con titles, encabezados, enlaces internos y contenido estructurado limpios, el generador de artículos de Sorank las redacta y las publica en autopilot, desde 49 € al mes con pago anual (vea los precios).