Checklist de metatags e Open Graph

Confira o HTML que você pretende publicar

Cole o head na prévia de metatags e confira title, description, canonical e viewport. A ferramenta lê o código colado; use o inspetor de URL quando precisar obter uma página publicada.

<title>Image to PDF Converter | Example</title>
<meta name="description" content="Combine JPG and PNG images into a PDF.">
<link rel="canonical" href="https://example.com/image-to-pdf/">

Confira as tags do cartão

O Open Graph define og:title, og:type, og:image e og:url como propriedades básicas. Adicione og:description para incluir uma descrição. Confirme se o endereço da imagem é acessível publicamente. A prévia HTML mostra URLs de imagens remotas sem baixá-las.

<meta property="og:title" content="Image to PDF Converter">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/image-to-pdf/">
<meta property="og:image" content="https://example.com/share.png">

Resolva endereços relativos e confira a página publicada

Se a imagem usa um caminho relativo como /share.png, informe uma URL base para conferir o endereço resolvido. Depois de publicar, compare os valores da página pública com o inspetor de URL. Exigências de login ou restrições para rastreadores podem deixar alguns valores indisponíveis.

Considere cartões em cache e resultados reescritos

Um serviço pode manter um cartão antigo depois que você atualiza o HTML. Solicite uma nova leitura da página pelo depurador oficial do serviço. Os mecanismos de pesquisa também podem escolher outra descrição para cada consulta, então o texto exibido pode ser diferente da sua tag description.

Ferramentas usadas neste guia

• Prévia de metatags HTML
• Verificador de metatags por URL

Fontes

• The Open Graph protocol
• Google: Control your snippets