Prévia de Open Graph

Veja como um link aparece nas redes sociais e revise as tags OG.

100% privado — tudo roda no seu navegador

Como usar

  1. 1

    Abra a página, veja o código-fonte e copie o HTML.

  2. 2

    Cole a URL e o HTML nos campos.

  3. 3

    Crie a prévia e corrija as verificações que falharem.

Exemplos

Tags completas

Entrada

og:title, og:description e um og:image absoluto

Saída

Um cartão com imagem, título e descrição, sem avisos.

Imagem relativa

Entrada

<meta property="og:image" content="/cover.png">

Saída

Um aviso de que a imagem precisa ser uma URL absoluta.

Perguntas frequentes

Minha página é baixada?

Não. A ferramenta analisa o HTML colado, então também funciona para páginas com login ou em localhost.

Quais tags são lidas?

og:title, og:description, og:image, og:url, og:type, og:site_name, além de title e do favicon.

Por que avisar sobre imagem relativa?

Rastreadores não resolvem caminhos relativos de forma consistente, então é exigida uma URL https absoluta.

Ferramentas relacionadas