the IT Hustle
HerramientasManual de campoAcerca de

Vista Previa OG

Previsualiza cómo se ve tu página en Google, Twitter, Facebook, LinkedIn y Slack. Genera meta tags.

Google Search
example.com
Page Title
A description of the page content will appear here.
Twitter / X
No image
Page Title
A description of the page content will appear here.
example.com
Facebook / Meta
No image
example.com
Page Title
A description of the page content will appear here.
LinkedIn
No image
Page Title
example.com
Slack
example.com
Page Title
A description of the page content will appear here.
Meta tags generados
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />

<!-- Twitter -->
<meta property="twitter:card" content="summary" />

Preview is approximate. Actual rendering may vary by platform and screen size.

Cómo previsualizar etiquetas Open Graph

Observa cómo se ve tu página en redes sociales antes de publicarla con la herramienta de Vista Previa OG gratuita de The IT Hustle.

  1. 1
    Introduce los datos de la páginaCompleta el título, la descripción, la URL y la URL de la imagen de tu página.
  2. 2
    Consulta las vistas previas por plataformaObserva cómo se verá tu página en Google, Twitter/X, Facebook, LinkedIn y Slack, todo a la vez.
  3. 3
    Verifica los límites de caracteresLos títulos de más de 60 caracteres y las descripciones de más de 160 caracteres se marcan con advertencias.
  4. 4
    Copia las meta tagsHaz clic en Copiar Meta Tags para obtener el marcado HTML listo para pegar en la sección head de tu página.

Preguntas frecuentes

Las etiquetas Open Graph (OG) son meta tags HTML que controlan cómo aparece tu página al compartirla en redes sociales. Definen el título, la descripción, la imagen y la URL que las plataformas muestran en las tarjetas de vista previa.

El tamaño recomendado es de 1200x630 píxeles para la mayoría de las plataformas. Twitter también admite 1200x675 para tarjetas de resumen grandes. Mantén las imágenes por debajo de 5 MB y usa formato PNG o JPEG.

Twitter usa sus propias etiquetas twitter:card además de las etiquetas OG. La mayoría de las otras plataformas (Facebook, LinkedIn, Slack) leen las etiquetas OG directamente. La función de copiar genera tanto etiquetas OG como de Twitter.

Herramientas relacionadas

Generador de Meta TagsVerificador SEOGenerador de Imágenes de Relleno