Qual é a diferença entre Open Graph e Twitter Cards?

Open Graph é o padrão usado por Facebook, LinkedIn e Slack, enquanto Twitter Cards são específicos do X. A maioria das plataformas modernas recorrerá às tags Open Graph se as tags específicas do Twitter estiverem em falta.

Porque é que a minha imagem de pré-visualização não aparece?

As plataformas sociais exigem URLs absolutos para imagens, como `https://example.com/image.jpg`. Certifique-se de que a sua imagem está publicamente acessível e cumpre os requisitos de dimensão mínima da plataforma.

Esta ferramenta guarda os dados do meu website?

Não. Toda a geração de tags acontece localmente no seu navegador, e nenhum dado é enviado para os nossos servidores ou armazenado externamente.

Como atualizo uma pré-visualização depois de atualizar as tags?

Plataformas como Facebook e X fazem cache dos metadados. Use as suas ferramentas oficiais 'Debugger' ou 'Card Validator' para forçar uma nova indexação do seu URL atualizado.

Cor e Design

Gerador 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 do editor

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

Este capítulo aprofundado está disponível apenas em inglês no momento. A ferramenta de conversão acima funciona no seu idioma; o artigo explicativo longo ainda não foi traduzido.

Perguntas frequentes

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.

As pessoas também pesquisam por

Ferramentas relacionadas

More in this room.

Ver tudo em Cor e Design