Handy Dev Tools
Herramientas online sencillas para tareas cotidianas.

Sin favoritos

    Codificador/decodificador Base64
    Markdown a HTML
    HTML a Markdown
    Codificador/Decodificador URL
    Conversor de escape Unicode
    Codificación/Decodificación Unicode
    Formateador SQL
    Divididor SQL
    Vinculación de parámetros SQL
    Formateador JSON
    Formateador XML
    Formateador YAML
    Formateador GraphQL
    Conversión JSON a YAML
    Conversión YAML a JSON
    Conversión JSON a TOML
    Conversión TOML a JSON
    Codificar/Decodificar entidades HTML
    Conversión TOML a YAML
    Conversión YAML a TOML
    Conversión CSV a SQL INSERT
    Generador de tablas Markdown
    Conversión JSON a XML
    Conversión XML a JSON
    Generador de UUID
    Generador de ULID
    Generador de contraseñas
    Generador de hash
    Generador Lorem Ipsum
    Generador de URLs de imágenes de Lorem Picsum
    Generador de datos de prueba
    Generador de códigos QR
    Parser y conversor de rutas S3
    Calculadora de direcciones IP
    División de subredes
    Consolidación de subredes
    Generador de URLs firmadas CloudFront
    Generador de cadenas de conexión RDS
    Conversor de coordenadas
    Conversor de formatos geo
    Decodificador y parser JWT
    Autenticación Basic
    Analizador de fortaleza de contraseña
    Validador de tarjetas
    PII Mask (ofuscar datos sensibles)
    Generador de par de claves RSA
    Conversión de mayúsculas/minúsculas
    Conversión de romanización
    Conversor de números romanos
    Conversor de código fonético
    Contador de caracteres
    Diff de texto
    Eliminador de etiquetas HTML
    Probador de expresiones regulares
    Conversión de colores
    Lanzamiento de dados
    Generador de Crontab
    Parser de Crontab
    Selector de emojis
    Conversor de marcas de tiempo Unix
    Búsqueda de códigos HTTP
    Búsqueda de puertos
    Búsqueda de tipos MIME
    Conversor Base64 y archivos
    Codificar/Decodificar imagen Base64
    Parser de User-Agent
    Parser de URL
    Comprobador OGP
    Generador de mensajes de commit
    Calculadora Chmod
    Creador de GIF de terminal
    .env Parser & Validator
Ctrl+K

Comprobador OGP

Obtiene y muestra metadatos OGP y Twitter Card de una URL y previsualiza cómo se verá al compartir.

Introduzca una URL y pulse Comprobar.

Cómo usar

Acerca de esta herramienta

Obtiene y muestra las etiquetas meta OGP y Twitter Card de una URL y muestra cómo se verá el enlace al compartir (vista previa tipo Twitter y Facebook).

Cómo usar

Introduzca la URL de la página (https:// o http://) en el campo y pulse «Comprobar». Se muestran información básica, OGP y Twitter; debajo aparecen las tarjetas de vista previa tipo Twitter y Facebook. Si CORS bloquea, se reintenta vía proxy.

Casos de uso

• Comprobar cómo se ve el enlace del blog/LP al compartir • Revisar configuración OGP y Twitter Card (errores u omisiones) • Revisar meta tags al depurar • Comprobación rápida antes de verificación masiva

Preguntas frecuentes

Q: ¿Qué etiquetas meta comprueba esta herramienta?
A: Las etiquetas Open Graph (og:title, og:description, og:image, og:url, og:type, og:site_name, etc.) y Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image, twitter:creator) se obtienen y muestran.
Q: ¿Por qué la herramienta usa un proxy para algunas solicitudes?
A: Muchos sitios web bloquean solicitudes de origen cruzado (CORS) desde navegadores. Cuando una obtención directa falla, la herramienta reintenta automáticamente a través de un servidor proxy que obtiene la página del lado del servidor, evitando las restricciones CORS.
Q: Mi imagen OGP no se muestra en la vista previa — ¿qué debo comprobar?
A: Verifica que og:image use una URL absoluta (https://…), que el servidor de imágenes permita hotlinking y que las dimensiones de la imagen cumplan los requisitos de la plataforma (Facebook recomienda mínimo 1200×630 px; Twitter recomienda 800×418 px para summary_large_image).
Q: ¿Cómo puedo corregir las etiquetas OGP faltantes?
A: Añade <meta property="og:title" content="…"> y las demás etiquetas requeridas en tu <head>. Para frameworks: Next.js usa la API de Metadata, WordPress usa plugins como Yoast SEO, Laravel puede usar el paquete laravel-meta.
Q: ¿La URL se envía a un servidor?
A: La URL solo se envía al proxy de obtención cuando una obtención directa del navegador falla por CORS. En ese caso, el proxy obtiene la página en tu nombre. No se transmiten otros datos.