Comprobador de etiquetas meta
Obtén y verifica las metaetiquetas de cualquier sitio web.
1. Introducción
Comprobador de etiquetas meta es una herramienta en línea simple que extrae y muestra todas las meta etiquetas de cualquier página web pública. Las meta etiquetas son pequeños fragmentos de código HTML colocados dentro de la sección <head> de una página. Proporcionan información importante a los motores de búsqueda, plataformas de redes sociales y navegadores.
Ya seas un especialista en SEO, desarrollador, especialista en marketing digital o propietario de un sitio web, verificar las meta etiquetas te ayuda a comprobar cómo aparece tu página en los resultados de búsqueda y en las vistas previas sociales. Puedes inspeccionar rápidamente elementos como la descripción, palabras clave, etiquetas Open Graph y otros metadatos sin tener que ver manualmente el código fuente.
Esta herramienta resuelve un problema común: revisar manualmente HTML sin procesar para encontrar metadatos. En lugar de abrir herramientas de desarrollador y escanear el código fuente de la página, simplemente introduce una URL y verás al instante una lista estructurada de nombres de meta etiquetas y sus valores de contenido.
Es fácil de usar para principiantes y no requiere conocimientos técnicos. Solo pega una URL, haz clic en verificar y revisa los resultados.
2. Cómo funciona
El Comprobador de etiquetas meta funciona obteniendo el código fuente HTML de la página web que proporcionas y analizándolo para encontrar todos los elementos <meta>. Luego extrae y organiza los metadatos en un formato limpio y fácil de leer.
Parámetro de entrada
- URL – La dirección web completa de la página que deseas analizar (por ejemplo, https://example.com).
Lógica de procesamiento
Una vez que envías una URL, la herramienta realiza los siguientes pasos:
- Normaliza y valida el formato de la URL.
- Comprueba que el campo requerido (URL) no esté vacío.
- Verifica la autenticidad de la solicitud para la protección de seguridad.
- Envía una solicitud HTTP GET para recuperar el contenido de la página web.
- Analiza el documento HTML devuelto.
- Extrae cada etiqueta <meta> encontrada en la página.
- Recopila las meta etiquetas utilizando el atributo name o el atributo property como clave.
- Almacena el atributo content correspondiente como valor.
Estructura de salida
La salida es una lista estructurada (formato clave-valor):
- Nombre o propiedad de la meta etiqueta
- Valor de contenido asociado
Por ejemplo:
- description → Texto de descripción de la página
- og:title → Título Open Graph
- twitter:card → Tipo de tarjeta de resumen
Reglas de validación
- El campo URL no debe estar vacío.
- La solicitud debe pasar la verificación de seguridad.
- La página debe ser públicamente accesible.
- Si no se puede obtener la URL, se devolverá un error.
Limitaciones
- Solo se pueden analizar páginas accesibles públicamente.
- Las páginas que requieren inicio de sesión o autenticación no pueden verificarse.
- Las meta etiquetas insertadas dinámicamente (mediante JavaScript después de cargar la página) pueden no detectarse.
3. Cómo usar esta herramienta
- Abre la herramienta Comprobador de etiquetas meta.
- Introduce la URL completa de la página web que deseas analizar.
- Haz clic en el botón de procesar.
- Espera a que el sistema obtenga y procese la página.
- Revisa las meta etiquetas extraídas que se muestran en la sección de resultados.
- Utiliza la información para optimizar o depurar tu configuración de SEO y de compartición en redes sociales.
4. Ejemplos prácticos
Ejemplo 1: Verificar la descripción SEO
Entrada:
https://example.com
Salida:
description → Aprende cómo nuestra plataforma ayuda a las empresas a crecer en línea. viewport → width=device-width, initial-scale=1
Escenario: Un especialista en SEO quiere confirmar que la meta descripción está correctamente implementada antes de lanzar una campaña de marketing.
Ejemplo 2: Verificar etiquetas Open Graph
Entrada:
https://mysite.com/blog/post-1
Salida:
og:title → Cómo mejorar el rendimiento del sitio web og:description → Consejos prácticos para tiempos de carga más rápidos. og:image → https://mysite.com/images/cover.jpg twitter:card → summary_large_image
Escenario: Un gestor de redes sociales verifica que Facebook y Twitter mostrarán la información de vista previa correcta cuando se comparta el enlace.
5. Casos de uso para desarrolladores
- Auditorías SEO automatizadas
Los desarrolladores pueden integrar la herramienta en sistemas internos de auditoría SEO para escanear automáticamente los sitios web de clientes y validar los metadatos requeridos.
- Validación de CMS
Utiliza el verificador durante los flujos de trabajo de publicación de contenido para asegurar que las meta etiquetas requeridas (description, og:title, canonical) estén presentes antes de publicar.
- Análisis de competidores
Extrae metadatos de páginas de competidores para analizar la estrategia de palabras clave y Open Graph.
- Scripts de monitoreo en backend
Programa verificaciones automáticas para detectar meta etiquetas faltantes o modificadas después de despliegues.
Ejemplo de uso en PHP
$url = "https://example.com";
$response = file_get_contents($url);
// Analizar y extraer meta etiquetas del HTMLEjemplo de Fetch en JavaScript
fetch("https://example.com")
.then(res => res.text())
.then(html => {
// Analizar HTML y extraer meta etiquetas
});Consideraciones de seguridad
- Siempre valida las URLs antes de enviar solicitudes HTTP.
- Evita vulnerabilidades SSRF en implementaciones de backend.
- Asegura la protección CSRF para envíos de formularios.
6. Preguntas frecuentes
¿Qué son las meta etiquetas?
Las meta etiquetas son elementos HTML que proporcionan información estructurada sobre una página web a los motores de búsqueda y plataformas sociales.
¿Por qué son importantes las meta etiquetas para el SEO?
Influyen en cómo aparece tu página en los resultados de los motores de búsqueda y afectan las tasas de clics.
¿Esta herramienta detecta etiquetas Open Graph?
Sí. Extrae meta etiquetas utilizando tanto los atributos name como property, incluyendo las etiquetas og:*.
¿Puede verificar páginas protegidas con contraseña?
No. La herramienta solo analiza páginas web accesibles públicamente.
¿Por qué falta mi meta etiqueta en los resultados?
Si la etiqueta se inserta dinámicamente con JavaScript después de la carga, puede que no se detecte.
¿Es útil esta herramienta para desarrolladores?
Sí. Los desarrolladores pueden usarla para depuración, validación, automatización y flujos de monitoreo SEO.
Herramientas populares
Invierte las letras en una oración o párrafo.
Obtenga el tamaño del texto en Bytes (B), Kilobytes (KB) o Megabytes (MB).
Convierte un número a su forma escrita.
Cuenta el número de caracteres y palabras en un texto dado.
Voltea el texto fácilmente.
Convierte texto normal a estilo de fuente cursiva.
