OG Meta Generador

Definir título, descrição, URL e imagem para gerar meta tags para visualizações sociais.

Privacidade: processado localmente, nunca carregado.

↓ Colar na área de entrada abaixo para ver os resultados instantaneamente

填写页面信息,实时生成 Open Graph 与 Twitter Card meta 标签。

标题
站点名
描述
页面 URL
分享图 URL

Meta 标签

Notas

使用说明

将输出粘贴到 HTML head。图片建议 1200x630; URL 需为绝对地址。

Definir título, descrição, URL e imagem para gerar meta tags para visualizações sociais.

Iniciação rápida

  1. Preencha os campos

    Atualizações de saída conforme você digita.

  2. Copiar para cabeça

    Coloque em HTML ou em sua configuração de cabeçalho de framework.

Imagem Tips

O Facebook / Slack preferem URLs de imagem HTTPS absolutos, aproximadamente 1,91: 1 proporção de aspecto.

Fluxo de trabalho típico

Ao usar o OG Meta Generator, primeiro prepare o título, a descrição e o URL da página. Mantenha o título conciso com menos de 60 caracteres e limite a descrição a cerca de 150 palavras resumindo o conteúdo chave. Para a imagem, use 1200 × 630 pixels em formato JPG / PNG com menos de 5MB.

Copie as tags meta geradas na sua página da Web <head>seção. Para sites dinâmicos, integrar o código no seu sistema de modelos. Teste com o Debugger de Compartilhamento do Facebook ou o Validador de Cartões do Twitter antes de publicar para corrigir problemas como imagens ausentes ou texto truncado.

Exemplos

Output

Input

title, description, url, image

Output

og:* and twitter:* meta tags

FAQ

Favicon incluído?

Não; adicione link rel=icon separadamente.

Por que as mídias sociais não atualizam a minha visualização de link?

Facebook e Twitter armazenam visualizações de links em cache por até 7 dias. Forçar as atualizações através de suas ferramentas de depuração ou adicionar parâmetros de URL aleatórios (por exemplo, ? v = 2 o). Para correções permanentes, certifique-se de que o servidor retorna cabeçalhos de cache adequados.