¿Cuál es la diferencia entre Open Graph y Twitter Cards?

Open Graph es el estándar utilizado por Facebook, LinkedIn y Slack, mientras que Twitter Cards son específicas de X. La mayoría de las plataformas modernas recurrirán a las etiquetas Open Graph si faltan las etiquetas específicas de Twitter.

¿Por qué no aparece mi imagen de vista previa?

Las plataformas sociales requieren URLs absolutas para las imágenes, como `https://example.com/image.jpg`. Asegúrate de que tu imagen sea de acceso público y cumpla con los requisitos de dimensiones mínimas de la plataforma.

¿Esta herramienta guarda los datos de mi sitio web?

No. Toda la generación de etiquetas ocurre localmente en tu navegador, y no se envía ningún dato a nuestros servidores ni se almacena externamente.

¿Cómo actualizo una vista previa después de modificar las etiquetas?

Plataformas como Facebook y X almacenan en caché los metadatos. Utiliza sus herramientas oficiales 'Debugger' o 'Card Validator' para forzar un re-rastreo de tu URL actualizada.

Color y Diseño

Generador de Open Graph / Twitter Card

Every social meta tag, preview-ready.

Runs in your browser

TitleDescriptionURLImage URLTwitter @handleType

Meta tags

<title>AnytimeConvert</title>
<meta name="description" content="100% free online converters for units, currency, dates, code, text and files." />

<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://anytimeconvert.com" />
<meta property="og:title" content="AnytimeConvert" />
<meta property="og:description" content="100% free online converters for units, currency, dates, code, text and files." />
<meta property="og:image" content="https://anytimeconvert.com/og.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@anytimeconvert" />
<meta name="twitter:title" content="AnytimeConvert" />
<meta name="twitter:description" content="100% free online converters for units, currency, dates, code, text and files." />
<meta name="twitter:image" content="https://anytimeconvert.com/og.png" />

lines: 18chars: 1011size: 1011 B

live

Preview

anytimeconvert.com

AnytimeConvert

100% free online converters for units, currency, dates, code, text and files.

Nota del editor

Understanding · A title, a description, a 1200×630 image.

Este capítulo en profundidad está disponible solo en inglés por el momento. La herramienta de conversión de arriba funciona en tu idioma; el artículo explicativo extenso aún no se ha traducido.

Preguntas frecuentes

Quick answers.

›What is the difference between Open Graph and Twitter Cards?

Open Graph is the standard used by Facebook, LinkedIn, and Slack, while Twitter Cards are specific to X. Most modern platforms will fall back to Open Graph tags if Twitter-specific tags are missing.

›Why is my preview image not appearing?

Social platforms require absolute URLs for images, such as `https://example.com/image.jpg`. Ensure your image is publicly accessible and meets the platform's minimum dimension requirements.

›Does this tool save my website data?

No. All tag generation happens locally in your browser, and no data is sent to our servers or stored externally.

›How do I refresh a preview after updating tags?

Platforms like Facebook and X cache meta data. Use their official 'Debugger' or 'Card Validator' tools to force a re-crawl of your updated URL.

La gente también busca

Herramientas relacionadas

More in this room.

Ver todo en Color y Diseño