Analisador de URL
Divida uma URL em protocolo, host, caminho e query.
Prévia do Open Graph
Veja como uma página aparece quando compartilhada no Facebook, LinkedIn, X, WhatsApp e Slack e copie as tags.
A imagem do dispositivo só é usada na prévia. As tags precisam de uma URL pública de imagem. Mire em 1200 por 630 pixels.
Sem imagem
As prévias aproximam como cada rede mostra um link. Cada uma pode mudar o layout e corta o texto no seu próprio tamanho.
Seus arquivos ficam no seu dispositivo
Como funciona
- 1Digite o título, a descrição, o endereço da página e o nome do site.
- 2Adicione o endereço público da imagem para as tags ou escolha uma imagem do seu dispositivo para a prévia.
- 3Alterne entre as abas das redes para comparar os cartões.
- 4Copie as tags para o head da sua página.
O que cada opção faz
- URL da imagem
- O endereço público que vai na tag og:image. As redes sociais o buscam por conta própria.
- Imagem do dispositivo
- Só para a prévia. Ela não é enviada e não vai nas tags.
Privacidade
A prévia é desenhada no seu navegador. Esta ferramenta não busca outros sites, então não consegue ler as tags de uma página existente.
Perguntas frequentes
Posso colar uma URL e ver a prévia atual dela?
Não. Ler outro site pelo navegador é bloqueado pelas regras de segurança do navegador e não usamos um servidor. Preencha os campos para ver o que as suas tags produziriam.
Qual tamanho de imagem devo usar?
1200 por 630 pixels, uma proporção de cerca de 1,91 para 1, funciona no Facebook, LinkedIn e X. Mantenha o conteúdo importante longe das bordas, pois alguns apps cortam.
Por que o cartão real fica diferente?
Cada rede muda de vez em quando o layout e os limites de texto, e os apps de chat podem cortar a imagem. As prévias são guias próximos, não cópias exatas.
Por que a imagem antiga ainda aparece depois que eu a troquei?
As redes guardam as prévias de links em cache. Use o Facebook Sharing Debugger ou o LinkedIn Post Inspector para forçar a atualização.
Preciso das tags Open Graph e do X?
O X usa as tags Open Graph como alternativa para a maioria dos campos. Você só precisa de twitter:card para escolher o tipo de card.