Título
De
framer.com
framer.com
https://www.framer.com
Título
Descripción
framer.com
Título
Descripción
Título
https://www.framer.com
https://www.framer.com
Título
Comprueba, previsualiza y genera mejores vistas previas de enlaces sociales
La razón más importante para usar una herramienta de etiquetas meta es sencilla: quieres saber cómo se verá una URL cuando se comparta. Esta página te ayuda a verificar las etiquetas meta de un sitio web, previsualizar tarjetas de Open Graph, inspeccionar los detalles de las tarjetas de Twitter y detectar vistas previas deficientes en redes sociales antes de que lleguen a Google, Facebook, LinkedIn, Slack, WhatsApp, Telegram o plataformas de respuestas de IA.
Título
Tu etiqueta de título y el título de Open Graph definen el titular que la gente ve en los resultados de búsqueda, las pestañas del navegador, las tarjetas de redes sociales y las vistas previas de enlaces. Un buen flujo de trabajo para el generador de metaetiquetas comienza por comprobar si el título es específico, relevante para las palabras clave y legible al compartirse.
Título
Descripción
framer.com
Descripción
Una vista previa de la meta descripción muestra si el resumen de la página es lo suficientemente claro para los fragmentos de Google y las vistas previas de redes sociales. Debe explicar de qué trata la página, coincidir con la intención de búsqueda del usuario y hacer que valga la pena hacer clic en el enlace compartido.
Título
Descripción
framer.com
Imagen
Un comprobador de imágenes OG ayuda a confirmar que la imagen de vista previa se carga, se recorta correctamente y comunica el tema de la página de un vistazo. Esto es importante para las vistas previas de enlaces de Facebook, las publicaciones de LinkedIn, los despliegues de Slack, los elementos compartidos de WhatsApp, las vistas previas de Telegram y otras tarjetas sociales.
Favicon
Los favicons facilitan el reconocimiento en las pestañas del navegador, marcadores, resultados de búsqueda y vistas previas de enlaces compartidos. La falta de un favicon puede hacer que incluso un comprobador de etiquetas meta o una vista previa de Open Graph útil parezcan incompletos frente a competidores más consolidados.
Título
Descripción
framer.com
Una guía práctica de las etiquetas de meta
Utiliza esta herramienta para previsualizar cómo se ve una URL al compartirla, comprobar las etiquetas Open Graph, inspeccionar los metadatos de las tarjetas de Twitter, validar los metatítulos y descripciones, y generar vistas previas sociales más limpias para búsquedas, redes sociales y aplicaciones de mensajería.
¿Qué es un comprobador de Open Graph?
Un evaluador de Open Graph lee los metadatos de uso compartido de una página y muestra cómo podría verse esa URL en las vistas previas de los enlaces. Ayuda a verificar el título de OG, la descripción de OG, la imagen de OG, la URL canónica, el favicon y las etiquetas meta relacionadas antes de que la página se publique en Facebook, LinkedIn, Slack, WhatsApp, Telegram u otras plataformas.
¿Por qué previsualizar el enlace de un sitio web antes de compartirlo?
La vista previa de un enlace suele ser la primera impresión que se tiene antes de hacer clic. Previsualizar la URL compartida ayuda a detectar la falta de imágenes, titulares truncados, descripciones genéricas, favicons rotos y problemas de visualización específicos de cada plataforma que pueden reducir el porcentaje de clics.
Generador de etiquetas meta frente a comprobador de etiquetas meta
Un evaluador de metaetiquetas audita lo que ya está publicado en una URL. Un generador de metaetiquetas te ayuda a escribir mejores títulos, descripciones y valores de Open Graph antes de publicar. El mejor flujo de trabajo combina ambos: inspeccionar la página actual, mejorar los metadatos y, a continuación, previsualizar el resultado en las tarjetas de búsqueda y redes sociales.
Open Graph, Twitter cards y vistas previas de redes sociales
Las etiquetas Open Graph potencian muchas de las vistas previas de enlaces, mientras que las Twitter cards añaden metadatos específicos para la plataforma X. Facebook, LinkedIn, Slack, WhatsApp y Telegram pueden mostrar una URL de forma ligeramente diferente, por lo que revisar la misma página en distintos formatos de vista previa te ayuda a detectar problemas antes.
Qué comprobar antes de publicar un enlace
Comprueba el metatítulo, la metadescripción, el título de la etiqueta OG, la descripción de la etiqueta OG, la imagen de la etiqueta OG, el favicon, la URL canónica y la vista previa renderizada. Si la tarjeta compartida no explica claramente la página, reescribe los metadatos hasta que la vista previa comunique de inmediato el tema y el valor.
Por qué es importante comprobar la imagen de OG
Las imágenes de OG (Open Graph) se pueden recortar, almacenar en caché, comprimir o ignorar si falta la imagen o si las dimensiones son incorrectas. Un comprobador de imágenes de OG ayuda a confirmar que la imagen se carga correctamente y sigue teniendo sentido cuando se muestra como una vista previa compacta en las redes sociales.
Un flujo de trabajo sencillo para optimizar la vista previa de enlaces
Empieza con una URL, comprueba las etiquetas meta existentes, previsualiza el resultado al estilo de Google, inspecciona las vistas previas de Open Graph y de las tarjetas de Twitter, actualiza el título y la descripción, verifica la imagen og:image y, a continuación, vuelve a probar el enlace antes de compartirlo o lanzarlo.