Gerador de meta tags
Title, description, Open Graph e Twitter, com pré-visualização de cartão social.
- Instantânea
- Grátis
- Privada (processada localmente)
- Sem registo
Um link que pede para ser clicado
Sem meta tags, um link partilhado mostra apenas um URL nu. Com elas, torna-se um cartão com imagem, título e descrição — bem mais apelativo. Esta ferramenta gera-as e mostra-lhe o resultado antes de publicar.
-
Preencha os campos
Título, descrição, URL da página e da imagem, nome do site.
-
Verifique a pré-visualização
O cartão social atualiza-se ao vivo, tal como nas redes.
-
Copie as etiquetas
Cole-as no <head> da sua página HTML.
As etiquetas geradas
| Etiqueta | Função |
|---|---|
| <title> / description | Título e resumo para os motores de busca |
| og:title / og:description | Texto mostrado pelo Facebook, LinkedIn, etc. |
| og:image | Imagem do cartão (1200 × 630 recomendado) |
| twitter:card | Formato do cartão no X (imagem grande ou resumo) |
Tudo é calculado no seu navegador. Lembre-se de usar URLs absolutos para a imagem, caso contrário as redes não a conseguirão carregar.
Perguntas frequentes
O que é o Open Graph?
Open Graph é um protocolo criado pelo Facebook que descreve uma página web através de etiquetas «og:». Quando um link é partilhado, as redes leem estas etiquetas para mostrar um título, uma descrição e uma imagem em vez de um URL em bruto.
Que tamanho para a imagem de partilha?
Para um cartão de «imagem grande», aponte para 1200 × 630 pixels (rácio 1,91:1). É o tamanho recomendado pelo Facebook, LinkedIn e X. Use um URL absoluto (https://…) porque as redes não seguem caminhos relativos.
São precisas etiquetas Twitter além do Open Graph?
O X (Twitter) lê o Open Graph primeiro, mas «twitter:card» continua útil para escolher o formato (imagem grande ou resumo). As outras etiquetas twitter:* recorrem ao og: quando faltam. Incluí-las evita surpresas desagradáveis.
Que comprimento para o título e a descrição?
Aponte para cerca de 60 caracteres no título e 110 a 160 na descrição. Para além disso, redes e motores truncam o texto. A pré-visualização ao vivo mostra-lhe de imediato o resultado real.