Analizador de URL
Divide una URL en protocolo, host, ruta y consulta.
Vista previa de Open Graph
Mira cómo se ve una página al compartirla en Facebook, LinkedIn, X, WhatsApp y Slack, y copia las etiquetas.
La imagen del dispositivo solo se usa para la vista previa. Las etiquetas necesitan una URL de imagen pública. Apunta a 1200 por 630 píxeles.
Sin imagen
Las vistas previas aproximan cómo muestra cada red un enlace. Cada una puede cambiar su diseño y corta el texto con su propia longitud.
Tus archivos se quedan en tu dispositivo
Cómo funciona
- 1Escribe el título, la descripción, la dirección de la página y el nombre del sitio.
- 2Añade la dirección pública de la imagen para las etiquetas, o elige una imagen de tu dispositivo para previsualizar.
- 3Cambia entre las pestañas de las redes para comparar las tarjetas.
- 4Copia las etiquetas en el head de tu página.
Qué hace cada opción
- URL de la imagen
- La dirección pública que va en la etiqueta og:image. Las redes sociales la obtienen por sí mismas.
- Imagen del dispositivo
- Solo para la vista previa. No se sube y no va en las etiquetas.
Privacidad
La vista previa se dibuja en tu navegador. Esta herramienta no consulta otros sitios web, así que no puede leer las etiquetas de una página existente.
Preguntas frecuentes
¿Puedo pegar una URL y ver su vista previa actual?
No. Las reglas de seguridad del navegador bloquean leer otro sitio desde el navegador, y no usamos un servidor. Rellena los campos para ver lo que producirían tus etiquetas.
¿Qué tamaño de imagen debo usar?
1200 por 630 píxeles, una proporción de aproximadamente 1,91 a 1, funciona en Facebook, LinkedIn y X. Mantén el contenido importante lejos de los bordes, ya que algunas aplicaciones recortan.
¿Por qué la tarjeta real se ve distinta?
Cada red cambia de vez en cuando su diseño y sus límites de texto, y las aplicaciones de chat pueden recortar la imagen. Las vistas previas son guías cercanas, no copias exactas.
¿Por qué sigue apareciendo mi imagen antigua después de cambiarla?
Las redes guardan en caché las vistas previas de los enlaces. Usa el Depurador de Facebook (Sharing Debugger) o el Post Inspector de LinkedIn para forzar la actualización.
¿Necesito las etiquetas de Open Graph y las de X?
X usa las etiquetas Open Graph como alternativa en la mayoría de los campos. Solo necesitas twitter:card para elegir el tipo de tarjeta.