Prévia: Google, Facebook, X Preview
Como seu link aparece antes de alguém clicar. O TagSpion reconstrói o snippet do Google e o cartão social a partir dos seus metadados.
1O que é?
A prévia mostra três visões: o resultado do Google (desktop e mobile), o cartão do Facebook e LinkedIn a partir do Open Graph e o cartão do X (Twitter Card). Além do tamanho da imagem e dos campos ausentes.
2Por que importa?
Um link compartilhado sem imagem quase não recebe cliques. Um og:image errado mostra o logo em vez do produto. Com a prévia você vê isso antes dos seus visitantes.
3O que o TagSpion verifica
| Verificação | Avaliação |
|---|---|
| og:title, og:description, og:image, og:url | vermelho se falta algum |
| Tamanho do og:image | verde a partir de 1200 × 630 pixels · amarelo menor |
| twitter:card | amarelo se falta, então o X usa os valores do Open Graph |
| Snippet do Google | title e description no tamanho que o Google mostra |
4Como resolver
- Copie as tags ausentes com “Fix”. A imagem como URL absoluta, no mínimo 1200 × 630 pixels, abaixo de 1 MB.
- Uma imagem por página, não o logo em todo lugar.
<meta property="og:title" content="Trattoria Bella - Italian restaurant in Munich"> <meta property="og:description" content="Fresh pasta, wood-fired pizza and 120 Italian wines."> <meta property="og:image" content="https://www.example.com/img/trattoria-1200x630.jpg"> <meta property="og:url" content="https://www.example.com/en/restaurant/"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">
5Perguntas frequentes
O Facebook ainda mostra a imagem antiga.
O Facebook guarda o cartão em cache. Clique em “Scrape again” no Sharing Debugger do Facebook.
Preciso de twitter:card se já tenho Open Graph?
O X usa o Open Graph como alternativa. Com twitter:card “summary_large_image” você garante a imagem grande.