What is Previa de Meta Tags OG?
Previa de Meta Tags OG helps people convert, inspect, validate, or generate open graph, og, meta tag, preview, social, share directly in the browser. It is designed for everyday work, coding, debugging, documentation, quality checks, and data preparation where clear input, reliable output, and privacy-first local processing matter.
Cómo usar la anterior meta etiquetas OG
- 1Informe el título de la página en el campo 'og:title'. Manténgalo con menos de 60 caracteres para obtener la mejor visualización en todas las plataformas.
- 2Añada la URL de la página en el campo 'og:url'. Esta es la URL canónica que aparecerá en las previas.
- 3Escriba una descripción atractiva en el campo 'og:description'. Busque usar en el máximo 155 caracteres para una visualización ideal.
- 4Cole la URL de la imagen OG en el campo 'og:image'. El tamaño recomendado es de 1200×630 píxeles para obtener los mejores resultados en las diferentes plataformas.
- 5Consulte las previas en tiempo real a continuación para ver cómo aparecerá su página en Google, Facebook/LinkedIn y Twitter.
Casos de uso comunes
Revisión de contenido antes de la publicación
Visualize como posts de blog, landing pages y páginas de productos aparecerán al ser compartidos antes de la publicación, identificando títulos truncados o imágenes ausentes.
Optimización para SEO
Optimiza los títulos y descripciones de las páginas para los resultados de búsqueda visualizando la apariencia en Google y garantizando que la información principal sea visible.
Marketing en redes sociales
Cree que los medios de comunicación son atractivos para aumentar el compromiso y las tasas de clics cuando se comparte su contenido en Facebook, Twitter y LinkedIn.
Mostrar para clientes
Muestra a los clientes cómo aparecerán sus páginas en diferentes plataformas durante revisiones de diseño, sin necesidad de implementarlas en un entorno accesible al público.
Preguntas frecuentes
¿Cuál es el tamaño de imagen recomendado para etiquetas OG?
El tamaño recomendado para imágenes OG es de 1200×630 píxeles, con una proporción de 1,91:1. Este tamaño funciona bien en Facebook, Twitter, LinkedIn y en la mayoría de las otras plataformas. Utilice imágenes de alta calidad y mantenga el contenido importante centralizado, ya que algunas plataformas pueden recortar los bordes.
¿Cuál es la diferencia entre etiquetas OG y Twitter Cards?
Las etiquetas Open Graph (og:title, og:description y og:image) son usadas por Facebook, LinkedIn y muchas otras plataformas. Twitter tiene sus propias etiquetas (twitter:card, twitter:title, twitter:description y twitter:image), pero recurre a las etiquetas OG cuando no hay etiquetas específicas de Twitter.
¿Por qué mi enlace compartido muestra la imagen o el título equivocado?
Las plataformas sociales almacenan enlaces en caché previas. Después de actualizar sus etiquetas OG, necesita limpiar la caché usando herramientas específicas de cada plataforma: Sharing Debugger de Facebook, Card Validator de Twitter o Post Inspector de LinkedIn. Los cambios pueden tardar unos minutos para propagarse.
¿Los valores de las etiquetas de meta se envían a algún servidor?
No. Las previas se generan localmente en el navegador, sin enviar los títulos, descripciones, URL u otros valores a un backend. La apariencia final todavía puede variar según las reglas y la caché de cada plataforma.