Gerador de tags Open Graph
Gere as tags Open Graph e Twitter Card para que a sua página tenha bom aspeto quando partilhada no Facebook, LinkedIn, X e outras redes sociais.
É processado no seu dispositivo. Nada é enviado para nenhum servidor.
<meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">
Gera as tags og:title, og:description, og:image e semelhantes, além das tags twitter:card correspondentes, que as redes sociais usam para criar a pré-visualização de uma ligação.
Casos de uso
- Definir a pré-visualização de um artigo de blogue nas redes sociais.
- Preparar a pré-visualização de uma landing page antes de uma campanha.
- Acrescentar as tags Open Graph em falta a uma página existente.
Como funciona
- 1
Preencha os campos
Título, descrição, URL, imagem e tipo de conteúdo.
- 2
Copie o código
Cole o resultado no head do seu HTML.
Detalhes técnicos
- Gera og:title, og:description, og:url, og:image, og:site_name e og:type (website por predefinição) e, se escolher um tipo de cartão, as tags twitter:card, twitter:title, twitter:description e twitter:image.
- O URL da imagem tem de ser absoluto e público: as redes descarregam a imagem a partir dos seus próprios servidores.
- As redes guardam a pré-visualização em cache; depois de alterar as tags, a atualização pode demorar ou exigir uma nova consulta do URL com o depurador de ligações da rede.
Perguntas frequentes
Que tamanho deve ter a og:image?
Recomenda-se uma imagem de pelo menos 1200 × 630 píxeis para que apareça corretamente na maioria das plataformas.