Twitter Card e Open Graph no X

No trabalho diário, muita gente chama isso de “OGP do X”, mas o sistema de prévia do X vem de Twitter Cards. Ele pode usar valores Open Graph como fallback, por isso os conceitos se misturam.

Open Graph é a base comum

Open Graph descreve uma página como um objeto rico para prévias de link. Os campos básicos são og:title, og:type, og:image e og:url.

twitter:* funciona como override para X

X Cards olham primeiro tags como twitter:title, twitter:description e twitter:image. Se elas não existem, podem usar og:title, og:description e og:image.

• Organize primeiro o OGP básico
• Use twitter:card=summary_large_image para card grande
• Adicione twitter:* apenas quando X precisar de valores diferentes
• Projete a imagem para cortes 1.91:1 e 2:1
• A UI final depende de cache e experimentos do X