Cómo se usa
- Introduce una URL (se asume https si no indicas el esquema).
- Haz clic en «Consultar» y revisa las tres vistas previas.
- Corrige las etiquetas que aparecen en «Comprobaciones» y vuelve a consultar la página para confirmarlo.
Opciones explicadas
- Qué se lee
- Solo el <head> de la página, hasta 1 MB. Las codificaciones como UTF-8 y GBK se detectan automáticamente.
- Longitudes recomendadas
- Mantén los títulos en unos 60 caracteres y las descripciones entre 50 y 160. Los motores de búsqueda truncan por ancho en píxeles, así que son solo aproximaciones.
- Límites de acceso
- Solo se puede acceder a direcciones públicas en los puertos 80, 443, 8080 y 8443, siguiendo hasta 5 redirecciones.
Qué etiquetas usan las vistas previas
Las tres vistas previas toman cada texto de la primera etiqueta que esté presente, en este orden:
| Parte de la vista previa | Se toma de, la primera que se encuentre |
|---|---|
| Título | og:title, luego twitter:title, luego el título de la página |
| Descripción | og:description, luego twitter:description, luego la meta descripción |
| Imagen | og:image, luego twitter:image |
La lista «Comprobaciones» señala la falta de og:title, og:description, og:image o twitter:card, una og:image que no sea una URL http o https absoluta, y un título o una descripción fuera de la longitud recomendada. Un conjunto mínimo que supera todas las comprobaciones tiene este aspecto en el head de la página:
<meta property="og:title" content="Page title">
<meta property="og:description" content="One or two sentences about the page.">
<meta property="og:image" content="https://example.com/share.png">
<meta property="og:url" content="https://example.com/page">
<meta name="twitter:card" content="summary_large_image">El protocolo Open Graph (ogp.me) define og:title, og:type, og:image y og:url como las propiedades básicas. Los valores de twitter:card son summary (tarjeta pequeña) y summary_large_image (imagen grande sobre el texto).
Preguntas frecuentes
Cambié mis etiquetas. ¿Por qué las apps sociales siguen mostrando la tarjeta antigua?
Las plataformas guardan en caché las vistas previas de enlaces durante horas o días. Facebook, LinkedIn y X ofrecen cada una un depurador oficial que fuerza una nueva consulta.
¿Qué tamaño debería tener og:image?
1200×630 píxeles (una relación de unos 1,91:1) es la opción habitual, por debajo de 5 MB, con una URL https absoluta. Las imágenes cuadradas pequeñas se recortan o se muestran como una tarjeta pequeña.
Mi sitio se renderiza en el navegador. ¿Por qué no se encuentran etiquetas?
Como la mayoría de los rastreadores sociales, esta herramienta lee el HTML que devuelve el servidor y no ejecuta JavaScript. Las etiquetas deben estar en el HTML generado por el servidor o por generación estática.
Privacidad
Los archivos se suben por HTTPS para procesarlos y se eliminan automáticamente en el plazo de una hora.