TL
Tool Lab
💰Donar
💰Donar

OG Tag Generator

Generate Open Graph and Twitter tags

Recomendado: menos de 60 caracteres

Recomendado: 1200×630px

Etiquetas generadas
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">

Acerca de esta herramienta

Las etiquetas Open Graph controlan cómo aparece tu página cuando se comparte en redes sociales como Facebook, LinkedIn y WhatsApp. Sin ellas, las plataformas intentan adivinar — a menudo eligiendo la imagen o el título equivocados.

Las etiquetas Twitter Card sirven el mismo propósito para Twitter/X. El tipo de tarjeta summary_large_image muestra una imagen prominente, ideal para artículos y blogs. La imagen debe ser de al menos 1200×630 píxeles para mejores resultados.

Cómo usar

  1. Rellena los campos de título, descripción y URL.
  2. Añade la URL de la imagen y el texto alternativo para la vista previa social.
  3. Selecciona el tipo OG, el idioma y la configuración de Twitter Card.
  4. Copia las etiquetas generadas y pégalas en la sección <head> de tu HTML.

Casos de uso

Los desarrolladores web se aseguran de que las nuevas páginas se muestren correctamente al compartirse. Los marketers garantizan vistas previas atractivas cuando se comparte contenido. Los bloggers configuran imágenes y descripciones correctas para sus publicaciones. Los especialistas SEO optimizan los metadatos sociales.

Preguntas frecuentes

  • ¿Cuál es la diferencia entre las etiquetas OG y Twitter Card? — Las etiquetas OG son utilizadas por la mayoría de plataformas sociales incluidas Facebook, LinkedIn y WhatsApp. Las etiquetas Twitter Card son específicas de Twitter/X, pero Twitter también usa las etiquetas OG como alternativa.
  • ¿Cuáles son las dimensiones de imagen recomendadas? — Se recomienda 1200×630px. Las imágenes demasiado pequeñas pueden ser omitidas por las plataformas. El tamaño del archivo debe ser inferior a 8MB.
  • ¿Qué valor de og:type debo usar? — Usa "website" para páginas generales y "article" para noticias o publicaciones de blog. Otros valores incluyen video, music, book y profile.