Vista previa de Open GraphPrevisualiza una tarjeta de enlace con tus og:title, og:description y og:image, revisa el tamaño de la imagen y la longitud del texto, y copia las etiquetas Open Graph.
Vista previa de tarjeta de Twitter / X
X lee las metaetiquetas twitter: (y, si faltan, Open Graph) para mostrar tarjetas de enlace. Elige un tipo de tarjeta, introduce tu texto e imagen y copia las etiquetas. La vista previa es una aproximación neutra, no una copia exacta de la app.
…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
- Elige Summary o Summary con imagen grande.
- Introduce el título, la descripción, la imagen y tu @usuario.
- Copia las etiquetas twitter: generadas en tu página.
Ejemplos
Entrada de blog
Tarjeta de imagen grande con una imagen principal de 1200 × 628.
Página de documentación
Tarjeta summary con un logotipo cuadrado.
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
¿Necesito etiquetas twitter: si ya tengo Open Graph?
X recurre a og:title, og:description y og:image, pero twitter:card debe estar presente para elegir el tipo de tarjeta.
¿Por qué no se actualiza mi tarjeta?
Las plataformas guardan en caché las vistas previas de enlaces. Los cambios pueden tardar en aparecer después de actualizar la página.
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.
Comprobador de longitud de publicacionesPega una publicación y compárala a la vez con los límites de caracteres habituales de X, Threads, Bluesky, Mastodon, LinkedIn, Instagram, Facebook y YouTube.
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.