Inspector de Meta Tags

Pega HTML y obtiene un analisis detallado de todas las meta tags, Open Graph, Twitter Card y senales SEO.

Analiza tus meta tags HTML con este inspector gratuito online. Pega cualquier codigo fuente HTML y ve al instante un desglose categorizado de todas las meta tags incluyendo titulo, descripcion, Open Graph, Twitter Card, viewport, charset y URL canonica. La herramienta verifica las longitudes de titulo y descripcion contra las recomendaciones de los motores de busqueda, identifica tags esenciales faltantes, calcula una puntuacion de completitud SEO y proporciona recomendaciones accionables. Perfecto para auditorias pre-lanzamiento, depuracion de previsualizaciones sociales y analisis SEO competitivo. Todo el procesamiento se ejecuta localmente en tu navegador para total privacidad.

Tus datos no salen de tu navegador
Tutorial

Como usar

1
1

Pega tu HTML

Copia el codigo fuente HTML de tu pagina (o solo la seccion <head>) y pegalo en el area de entrada.

2
2

Haz clic en Inspeccionar

Presiona el boton de inspeccion para analizar todas las meta tags, propiedades Open Graph, tags de Twitter Card y senales SEO esenciales.

3
3

Revisa los resultados y la puntuacion

Verifica tu puntuacion SEO, observa que tags estan presentes, faltantes o con advertencias, y sigue las recomendaciones para mejorar tu SEO on-page.

Guide

Guia Completa de Meta Tags HTML para SEO

Que Son las Meta Tags y Por Que Importan?

Las meta tags son elementos HTML colocados en la seccion <head> de una pagina web que proporcionan metadatos sobre la pagina a los motores de busqueda y plataformas sociales. Aunque no son visibles para los usuarios que navegan la pagina, las meta tags influyen significativamente en como los motores de busqueda indexan y muestran tu contenido. El tag de titulo y la meta descripcion aparecen directamente en las paginas de resultados de los motores de busqueda (SERPs), haciendolos criticos para las tasas de clics. Los tags de viewport y charset aseguran una representacion adecuada en diferentes dispositivos y conjuntos de caracteres.

Meta Tags Esenciales que Toda Pagina Necesita

Toda pagina web debe incluir como minimo: un tag de titulo descriptivo (50-60 caracteres), una meta descripcion convincente (150-160 caracteres), un meta tag de viewport para responsividad movil y una declaracion de charset (UTF-8). Mas alla de estos esenciales, una URL canonica previene problemas de contenido duplicado y los meta tags de robots controlan el comportamiento de indexacion. Para paginas que seran compartidas en redes sociales, los tags Open Graph (og:title, og:description, og:image, og:url) y los tags de Twitter Card son igualmente importantes.

Tags Open Graph y Twitter Card Explicados

Los tags Open Graph (OG), originalmente creados por Facebook, controlan como aparece tu contenido al compartirlo en plataformas sociales incluyendo Facebook, LinkedIn, Pinterest y aplicaciones de mensajeria. Los cuatro tags OG esenciales son og:title, og:description, og:image y og:url. Los tags de Twitter Card sirven un proposito similar especificamente para Twitter/X. Cuando los tags de Twitter Card faltan, Twitter recurre a los tags OG, pero tener ambos asegura una visualizacion optima en todas las plataformas. La og:image debe ser de al menos 1200x630 pixeles para previsualizaciones de alta calidad.

Errores Comunes de Meta Tags y Como Evitarlos

Los errores mas frecuentes de meta tags incluyen: tags de titulo duplicados en multiples paginas (cada pagina necesita un titulo unico), meta descripciones demasiado cortas o duplicadas (escribe descripciones unicas y convincentes para cada pagina), imagenes Open Graph faltantes (siempre incluye una og:image para compartir en redes sociales), URLs canonicas incorrectas apuntando a la version equivocada de la pagina, y tags de viewport que deshabilitan el escalado del usuario. La auditoria regular con un inspector de meta tags detecta estos problemas antes de que impacten tu rendimiento SEO.
Examples

Ejemplos Resueltos

Ejemplo: Auditando un Post de Blog por Tags Sociales Faltantes

Dado: Un post de blog que muestra una previsualizacion en blanco al compartirlo en Facebook y Twitter.

1

Paso 1: Ver el codigo fuente de la pagina y pegar la seccion <head> en el inspector.

2

Paso 2: El inspector muestra que el titulo y la descripcion estan presentes pero todos los tags Open Graph (og:title, og:description, og:image, og:url) y todos los tags de Twitter Card faltan.

3

Paso 3: Agregar los tags OG y Twitter Card faltantes a la plantilla de la pagina, usando los valores existentes de titulo y descripcion mas una URL de imagen destacada.

Resultado: La puntuacion SEO mejora del 38% al 100%. Los compartidos sociales ahora muestran previsualizaciones enriquecidas con el titulo, descripcion e imagen correctos en todas las plataformas.

Ejemplo: Corrigiendo Advertencias de Longitud de Titulo y Descripcion

Dado: Una pagina de producto con un tag de titulo de 95 caracteres y una meta descripcion de 80 caracteres que tiene bajo rendimiento en resultados de busqueda.

1

Paso 1: Pegar el HTML en el inspector. La herramienta senala el titulo como demasiado largo (95 caracteres, recomendado 50-60) y la descripcion como demasiado corta (80 caracteres, recomendado 150-160).

2

Paso 2: Reescribir el titulo enfocandose en la palabra clave principal y la marca, reduciendolo a 58 caracteres.

3

Paso 3: Expandir la meta descripcion a 155 caracteres, agregando una propuesta de valor clara y un llamado a la accion.

Resultado: Ambos tags ahora estan dentro de los rangos recomendados. El titulo se muestra completamente en los resultados de busqueda sin truncamiento, y la descripcion mas larga proporciona mas contexto a los buscadores, mejorando la tasa de clics.

Use Cases

Casos de uso

Auditoria SEO Pre-Lanzamiento

Antes de lanzar un nuevo sitio web o pagina de destino, pega el HTML en el inspector para verificar que todas las meta tags esenciales esten presentes y correctamente configuradas. Esto detecta errores comunes como imagenes Open Graph faltantes que resultarian en previsualizaciones en blanco al compartir en redes sociales, o tags de viewport faltantes que perjudican el ranking movil. Ejecutar esta verificacion como parte de tu checklist de lanzamiento previene brechas embarazosas que podrian tardar dias en detectarse a traves de caidas de trafico organico.

Depuracion de Previsualizaciones Sociales

Cuando tus enlaces se ven mal en Facebook, Twitter o LinkedIn, pega el HTML de la pagina para identificar rapidamente que tags de Open Graph o Twitter Card faltan o estan mal formadas. El inspector muestra exactamente que tags de compartir social estan presentes y su contenido, eliminando las conjeturas de depurar previsualizaciones sociales. Esto es mas rapido que usar depuradores especificos de cada plataforma ya que puedes verificar todas las plataformas a la vez.

Analisis SEO de la Competencia

Visualiza el codigo fuente de las paginas de la competencia y pegalo en el inspector para entender su estrategia de meta tags. Observa como estructuran sus tags de titulo, que descripciones usan y que datos estructurados implementan. Esta inteligencia te ayuda a crear mejores meta tags para tus propias paginas aprendiendo de lo que funciona en tu nicho. Puedes comparar puntuaciones SEO entre multiples paginas de competidores para evaluar tus propios esfuerzos de optimizacion.

Preguntas Frecuentes

?Que meta tags verifica el inspector?

El inspector analiza el tag de titulo, meta descripcion, viewport, charset, URL canonica, todos los tags Open Graph (og:title, og:description, og:image, og:url) y todos los tags de Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image). Tambien detecta cualquier meta tag adicional presente en tu HTML.

?Como se calcula la puntuacion SEO?

La puntuacion SEO es un porcentaje basado en la presencia de tags esenciales. Verifica 13 elementos clave: titulo, descripcion, viewport, charset, URL canonica, cuatro tags Open Graph y cuatro tags de Twitter Card. Cada tag presente suma a tu puntuacion. Los tags con advertencias de longitud (como titulos muy cortos) aun cuentan como presentes.

?Cual es la longitud recomendada del tag de titulo?

Google tipicamente muestra 50-60 caracteres de un tag de titulo en los resultados de busqueda. Los titulos mas cortos de 30 caracteres pueden no proporcionar suficiente contexto, mientras que los titulos mas largos de 65 caracteres se truncan. Apunta a 50-60 caracteres para maximizar la visibilidad y la tasa de clics.

?Cual es la longitud recomendada de la meta descripcion?

Las meta descripciones deben tener entre 150-160 caracteres. Google puede mostrar hasta 155-160 caracteres en escritorio y ligeramente menos en movil. Las descripciones mas cortas de 120 caracteres pueden perder la oportunidad de transmitir el valor de tu pagina, mientras que las mas largas se cortan.

?Mis datos HTML son privados al usar esta herramienta?

Si, completamente privados. Todo el analisis se ejecuta enteramente en tu navegador usando JavaScript. Tu HTML nunca se envia a ningun servidor, nunca se almacena y nunca se registra. Puedes inspeccionar paginas con informacion sensible o codigo propietario de forma segura.

?Es gratuito este inspector de meta tags?

Si, 100% gratuito sin necesidad de registro, sin limites de uso y sin recopilacion de datos. Usalo tantas veces como necesites para cualquier cantidad de paginas.

?Por que son importantes los tags Open Graph?

Los tags Open Graph controlan como aparece tu pagina al compartirla en Facebook, LinkedIn y otras plataformas sociales. Sin tags OG adecuados, las plataformas adivinaran tu titulo, descripcion e imagen, produciendo frecuentemente previsualizaciones poco atractivas que reducen las tasas de clics desde compartidos sociales.

?Que es una URL canonica y por que importa?

Una URL canonica le dice a los motores de busqueda cual version de una pagina es la principal. Esto previene problemas de contenido duplicado cuando la misma pagina es accesible a traves de multiples URLs (con/sin www, HTTP/HTTPS, parametros de consulta). Los tags canonicos faltantes pueden dividir la autoridad de tu pagina entre multiples URLs.

Herramientas relacionadas

Lectura Recomendada

Libros Recomendados sobre SEO y Meta Tags

Como asociado de Amazon, ganamos con las compras que califican.

Potencia tus Capacidades

Productos Profesionales para Desarrolladores Web

Como asociado de Amazon, ganamos con las compras que califican.

¿Qué te parece esta herramienta?

Boletín

Recibe Consejos de Productividad y Nuevas Herramientas Primero

Únete a creadores y desarrolladores que valoran la privacidad. En cada edición: nuevas herramientas, trucos de productividad y novedades — sin spam.

Acceso prioritario a nuevas herramientas
Cancela en cualquier momento, sin preguntas