Stax

Vista Previa de Meta Tags

Previsualiza cómo se ve tu página en la Búsqueda de Google y en compartidos sociales.

stax.tools
Stax Tools — Free Online Developer & Finance Tools
100+ free browser-based tools — JSON formatter, EMI calculator, QR code generator, and more. No sign-up, no server, 100% private.
<!-- Primary Meta Tags -->
<title>Stax Tools — Free Online Developer & Finance Tools</title>
<meta name="title" content="Stax Tools — Free Online Developer & Finance Tools" />
<meta name="description" content="100+ free browser-based tools — JSON formatter, EMI calculator, QR code generator, and more. No sign-up, no server, 100% private." />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://stax.tools" />
<meta property="og:title" content="Stax Tools — Free Online Developer & Finance Tools" />
<meta property="og:description" content="100+ free browser-based tools — JSON formatter, EMI calculator, QR code generator, and more. No sign-up, no server, 100% private." />
<meta property="og:image" content="https://stax.tools/og-image.png" />
<meta property="og:site_name" content="Stax Tools" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://stax.tools" />
<meta name="twitter:title" content="Stax Tools — Free Online Developer & Finance Tools" />
<meta name="twitter:description" content="100+ free browser-based tools — JSON formatter, EMI calculator, QR code generator, and more. No sign-up, no server, 100% private." />
<meta name="twitter:image" content="https://stax.tools/og-image.png" />
<meta name="twitter:site" content="@staxtools" />

¿Qué es la vista previa de Meta Tag?

Esta herramienta muestra vista previa de cómo aparecerá tu página en Google search y redes sociales (Facebook, Twitter, LinkedIn). Optimiza title, description, OG image — todo.

Cómo ver vista previa

  1. Ingresa title tag (50-60 caracteres).
  2. Meta description (155-160 caracteres).
  3. Sube OG image (1200×630 ideal).
  4. Ve vistas previas de Google, Facebook, Twitter.

Tips de optimización

  • Title — keyword primaria primero
  • Description — propuesta de valor + CTA
  • OG image — alto contraste, texto legible
  • Twitter card — summary_large_image
  • Prueba múltiples variaciones

Preguntas frecuentes

¿Qué son los meta tags?
Info SEO/social en <head> de HTML. Title (en resultados de búsqueda), description (snippet), Open Graph (Facebook), Twitter Card. Cada tag tiene un rol específico en búsqueda y compartir.
¿Qué longitud de title?
55-60 caracteres visibles en Google search. Los títulos largos se truncan ("..."). Pon keywords importantes primero. 50 caracteres impactantes > 70 aburridos.
¿Qué es Open Graph?
Meta tags para vista previa rica al compartir links en Facebook, LinkedIn, WhatsApp. og:title, og:description, og:image (1200×630 ideal). Sin OG — link plano, bajo engagement.
¿Cómo funciona Twitter Card?
Vista previa visual al compartir links en Twitter. 4 tipos: summary, summary_large_image, app, player. Los meta tags twitter:card son esenciales. Twitter moderno también hace fallback a Open Graph.

Herramientas relacionadas