Verificador SEO de HTML
Pega el código fuente HTML de una página y revisa la longitud del título, la meta descripción, la etiqueta canonical, el número de H1, el favicon, el robots noindex, el viewport y la cobertura de atributos alt en las imágenes.
1.085 visitas
Cómo funciona
Pega el código fuente HTML de una página — desde "Ver código fuente" de tu navegador, un archivo .html guardado, o marcado copiado directamente de un CMS — y el verificador recorre el documento igual que lo haría un navegador, usando el propio analizador HTML del navegador en lugar de expresiones regulares. Esa diferencia importa: los verificadores basados en regex se atascan con comillas anidadas, etiquetas autocerradas, comentarios que contienen corchetes angulares o atributos partidos en varias líneas, y terminan omitiendo o contando dos veces elementos. Un analizador real construye primero un árbol DOM auténtico, así que el número de elementos <h1>, la longitud del texto de <title>, y si un <img> tiene un atributo alt genuino (frente a uno vacío, que es válido pero distinto) se leen todos de ese árbol, no se adivinan por coincidencia de cadenas.
Cada verificación corresponde a una señal de posicionamiento o usabilidad concreta y bien documentada. La etiqueta title se marca si queda fuera de aproximadamente 50-60 caracteres — Google normalmente renderiza un título en unos 580-600 píxeles en los resultados de escritorio, lo que en una fuente proporcional equivale a ese rango de caracteres; los títulos más largos suelen truncarse con puntos suspensivos, y los títulos de menos de ~30 caracteres desperdician la oportunidad de incluir una palabra clave secundaria o el nombre de la marca. La meta descripción se comprueba contra una banda más amplia de 150-160 caracteres, ya que la visualización de fragmentos de Google es más tolerante pero aun así trunca descripciones largas. El número de H1 debe ser exactamente uno: un único H1 da tanto a los motores de búsqueda como a los usuarios de lectores de pantalla una respuesta inequívoca a "de qué trata esta página", mientras que cero H1 deja esa pregunta sin responder y más de uno diluye el enfoque temático de la página y confunde el esquema que la tecnología de asistencia construye a partir de los niveles de encabezado. Un enlace canonical ausente se marca porque, sin él, una página accesible mediante varias URL (parámetros de seguimiento, barra final, http frente a https) corre el riesgo de tratarse como contenido duplicado repartido entre esas variantes en lugar de consolidarse bajo una única URL indexable. Un robots noindex se muestra como advertencia y no como error, porque a veces es intencional (una página de agradecimiento, una página de búsqueda interna) pero muy a menudo es una directiva de staging que se desplegó a producción por accidente — lo que elimina la página de los resultados de búsqueda en silencio, sin ningún otro síntoma visible. La herramienta también comprueba una etiqueta meta viewport (necesaria para que la página se renderice a un ancho razonable en un móvil en lugar de un diseño de escritorio reducido), el atributo lang en <html> (usado por navegadores y lectores de pantalla para elegir la pronunciación correcta, y por los motores de búsqueda para la orientación por idioma), un enlace de favicon, y un recuento de etiquetas <img> sin texto alt — cada una un pequeño hueco de accesibilidad y una oportunidad perdida en la búsqueda de imágenes.
Por ejemplo, al pegar el HTML de una típica página de inicio de pequeña empresa podría aparecer: un título de solo 9 caracteres ("Ana Sayfa") — muy por debajo del rango ideal — tres etiquetas <h1> distintas sobrantes de una plantilla de constructor de páginas, ningún enlace canonical, y 14 de 20 imágenes sin texto alt. Nada de eso es visible en la página renderizada; solo surge al leer el marcado.
Qué debes saber
- No se sube ni se descarga nada — tú pegas el HTML, y el análisis ocurre por completo en tu navegador.
- El verificador solo informa de señales en la página; no comprueba factores externos como enlaces entrantes o el presupuesto de rastreo.
- Un elemento marcado es una señal para revisar, no una penalización automática de posicionamiento — el contexto (un noindex intencional en una página de agradecimiento, por ejemplo) sigue importando.
Preguntas Frecuentes
¿Esto descarga mi página en vivo, o pego el HTML yo?
Tú lo pegas — el resultado de ver código fuente, el contenido de un archivo .html guardado, o HTML copiado de tu CMS. La herramienta nunca descarga una URL por sí sola.
¿Qué longitudes de título y descripción se consideran ideales?
Aproximadamente 50-60 caracteres para el título y 150-160 para la descripción — cerca de lo que Google suele renderizar antes de truncar con puntos suspensivos. Para una vista previa precisa al píxel, usa la herramienta de Vista Previa de Resultados de Google de este sitio.
¿Por qué se marca una etiqueta robots noindex?
Una directiva noindex le dice a los motores de búsqueda que no indexen la página en absoluto — a menudo se deja por error tras un despliegue de staging. Se marca como advertencia para que la notes antes de publicar, no porque siempre esté mal.
¿Por qué se considera ideal exactamente un H1?
Un único H1 da a los motores de búsqueda y a los usuarios de lectores de pantalla un tema único e inequívoco para la página. Cero H1 deja esa pregunta sin responder; varios H1 diluyen el enfoque de la página y rompen el esquema de encabezados en el que se apoyan las tecnologías de asistencia.
¿Un problema marcado significa que mi página bajará en el posicionamiento?
No automáticamente. Son señales de higiene en la página que vale la pena revisar, no penalizaciones confirmadas — un canonical ausente o un título corto merece corregirse, pero convive con muchos otros factores de posicionamiento que esta herramienta no mide.
Herramientas Similares
Reportar un Problema
Verificador SEO de HTML
Comentarios
Aún no hay comentarios — ¡sé el primero en escribir uno!