Ir al contenido principal
Bethemesh
Web y SEO

Analizador SEO HTML

Pega el HTML y revisa título, descripción, canonical, robots, encabezados, imágenes y datos estructurados.

  • Portapapeles

Integrar este widget

Personaliza el aspecto, comprueba la vista previa y copia el código.

Vista previa

Tipo de código de integración

Código para copiar

Se adapta a tu página y Bethemesh ajusta su tamaño automáticamente.

Código HTML

Informe SEO

¿Te ha resultado útil esta herramienta?

¿Cómo funciona esta herramienta?

Este analizador lee el código HTML de una página y extrae las señales SEO básicas: title, meta description, canonical, directiva robots, encabezados H1 y H2, atributos alt de las imágenes y bloques JSON-LD. Genera un informe JSON con un estado por control, sin descargar la página ni enviar el código a un servidor.

El navegador convierte el HTML pegado en un documento (DOMParser), como lo haría un rastreador que lee el código fuente, sin ejecutar los scripts de la página.

Siete controles reciben un estado: sin title = error; sin meta description o sin canonical = warning; robots con noindex = warning; ningún H1 = error, varios H1 = warning; imagen sin atributo alt = warning; ningún bloque application/ld+json = info.

El informe recoge también los valores encontrados: texto del title y de la description con su longitud en caracteres, lista de H1 y H2, número total de imágenes, imágenes sin alt e imágenes con alt vacío.

Un alt vacío (alt="") no cuenta como error: es la práctica correcta para una imagen decorativa. Solo se contabiliza aparte en emptyAlt.

Cómo utilizar esta herramienta

  1. Obtén el HTML

    Abre el código fuente de la página (Ctrl+U) o exporta el HTML renderizado y cópialo entero.

  2. Pégalo en el campo Código HTML

    El head es imprescindible: sin él, title, description y canonical aparecerán como ausentes.

  3. Lanza el análisis

    Pulsa Analizar HTML para obtener el informe SEO.

  4. Revisa los estados

    Corrige primero los error y después los warning; un info solo señala una oportunidad.

Casos de uso

Revisar una plantilla antes de publicarla

Pegar el HTML generado por un CMS o un framework para comprobar que el head incluye title, description y canonical.

Diagnosticar una página que no se indexa

Detectar un noindex olvidado en la meta robots o una canonical que apunta a otra URL.

Controlar la estructura de encabezados

Ver de un vistazo cuántos H1 tiene un artículo largo y la lista de sus H2.

Ejemplos

Página de categoría con dos H1 y una imagen sin alt

El title existe (37 caracteres), pero falta la meta description, la página tiene dos H1 y una imagen no tiene atributo alt. La imagen con alt vacío se indica aparte, sin error.

Entrada

<head><title>Zapatillas de senderismo mujer | Trek</title><link rel="canonical" href="https://example.com/senderismo/mujer"></head>
<body><h1>Zapatillas de senderismo mujer</h1><h1>Novedades</h1>
<img src="a.jpg" alt="Modelo Alpine"><img src="b.jpg"><img src="c.jpg" alt=""></body>

Resultado

"title": "Zapatillas de senderismo mujer | Trek", "description": "", "canonical": "https://example.com/senderismo/mujer", "robots": "",
"images": { "total": 3, "missingAlt": 1, "emptyAlt": 1 }, "structuredData": 0,
checks: title ok (37) · description warning (0) · canonical ok · robots ok (default) · h1 warning (2) · images-alt warning · structured-data info (0)

Consejos y buenas prácticas

  • Analiza el HTML tal como lo ven los rastreadores: en un sitio renderizado en el cliente, el código fuente puede estar casi vacío aunque la página mostrada esté completa.
  • El title y la description se miden en caracteres; para ver cómo se muestran en Google, usa el simulador de fragmentos SERP.
  • Que haya una canonical no significa que sea correcta: comprueba que apunta a la URL que quieres indexar.
  • El control de imágenes comprueba que exista el atributo alt, no la calidad de su descripción.

Fuentes y referencias

Preguntas frecuentes

¿Debe haber un solo H1 por página?

El HTML permite varios, pero un único H1 que describa el tema de la página sigue siendo la estructura más clara. Por eso la herramienta muestra un warning a partir de dos H1 y un error si no hay ninguno.

¿Qué diferencia hay entre alt ausente y alt vacío?

Sin atributo alt, los lectores de pantalla suelen leer el nombre del archivo: es un defecto. Con alt="", la imagen se omite a propósito, lo adecuado para imágenes decorativas. La herramienta los cuenta por separado.

¿Por qué la ausencia de JSON-LD es solo un info?

Los datos estructurados no son obligatorios. Permiten resultados enriquecidos (producto, FAQ, migas de pan) cuando el tipo de página lo justifica, de ahí un simple info.

¿Comprueba la herramienta Open Graph o hreflang?

No. Se limita a los siete controles del informe. Para Open Graph y Twitter Cards, usa el generador de metaetiquetas; para las versiones de idioma, el generador hreflang.

¿Puedo analizar una página a partir de su URL?

No, la herramienta no descarga nada: trabaja con el código que pegas. Así también puedes analizar una página en preproducción o tras un inicio de sesión.

¿Se envía o se guarda el HTML pegado?

No. El análisis se hace en tu navegador y el código no se transmite ni se guarda.

Herramientas relacionadas

Continúa con estas herramientas

Herramientas similares o complementarias a esta.

Herramientas similares

También te puede interesar

TutorialBuenas prácticasPrincipiante

Optimizar imágenes para la Web sin perder calidad

Redimensiona, comprime y elige entre WebP, AVIF y otros formatos con un flujo práctico que reduce peso sin degradar innecesariamente la imagen.

30 de agosto de 20262 min