Vista previa de tarjeta de Twitter / XPrevisualiza una tarjeta summary o de imagen grande para X (Twitter), revisa las recomendaciones de texto e imagen y genera las metaetiquetas twitter:.
Vista previa de Open Graph
Cuando compartes un enlace en Facebook, LinkedIn, WhatsApp o Slack, la app lee las etiquetas Open Graph para crear una tarjeta. Introduce tus valores (o pega el HTML del <head> de tu página) para previsualizar una tarjeta genérica y detectar imágenes que faltan o textos demasiado largos antes de publicar.
…o previsualiza una imagen local
Vista previa aproximada. El aspecto real en buscadores y redes sociales varía según el dispositivo, el idioma y las actualizaciones de cada plataforma.
Funciona por completo en tu navegador. Tus datos y archivos no se suben a ningún servidor.
Cómo se usa
- Introduce título, descripción, URL y una imagen (URL o archivo local), o pega HTML existente y pulsa Leer etiquetas.
- Revisa la vista previa y los avisos.
- Copia las etiquetas og: en tu página.
Ejemplos
Lanzamiento de producto
Comprueba que la imagen de 1200 × 630 no se recorte mal antes del anuncio.
Página existente
Pega el código fuente de la página para ver qué etiquetas og: faltan.
Privacidad
Funciona por completo en tu navegador. Tus datos y archivos no se suben a ningún servidor. Consulta la política de privacidad para saber qué se guarda en tu navegador (solo favoritos e historial). Política de privacidad
Compruébalo tú mismo: abre las herramientas de desarrollo del navegador, selecciona la pestaña Red (Network) y usa la herramienta. Tu archivo nunca aparece en una solicitud de subida. Cuando esta página esté guardada para uso sin conexión, también puedes desconectarte de internet y seguir trabajando. Los anuncios y las estadísticas de visitas anónimas, cuando están activados, hacen sus propias solicitudes, pero nunca reciben tus archivos ni tus textos.
Preguntas frecuentes
¿Descarga mi página en vivo?
No. Los navegadores impiden que una página web lea el HTML de otros sitios, y no usamos servidor. Pega el HTML o escribe los valores tú mismo. Si introduces la URL de una imagen, tu navegador carga esa imagen directamente para mostrarla.
¿Qué tamaño de imagen funciona mejor?
Se recomienda ampliamente 1200 × 630 píxeles (aprox. 1,91:1). Mantén el contenido importante lejos de los bordes, porque algunas apps recortan a un cuadrado.
¿Es exactamente lo que muestra Facebook?
No. Es una aproximación neutra. Cada plataforma da estilo y recorta las tarjetas de forma distinta y las cambia con el tiempo.
Herramientas relacionadas
Todo en Herramientas SEOGenerador de metaetiquetasGenera metaetiquetas HTML limpias para una página: título, descripción, canonical, robots, Open Graph y Twitter Card, con indicaciones de longitud.
Vista previa de publicación socialPrevisualiza una publicación en un feed neutro, con imagen opcional y el punto de corte «…más» típico de Instagram, LinkedIn, Facebook y otras.
Redimensionador de imágenesCambia el tamaño de imágenes JPG, PNG y WebP a dimensiones exactas en píxeles o por porcentaje, con bloqueo opcional de la proporción.
Generador de faviconGenera un conjunto completo de favicons a partir de una imagen o una letra: favicon.ico, PNG de 16 a 512 px, icono Apple touch, manifiesto web y etiquetas HTML, en un solo ZIP.
Generador de slugsConvierte títulos en slugs de URL limpios y en minúsculas.