>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

Como Fazer a Miniatura do Site Aparecer no Compartilhamento do Facebook

Quando alguém compartilha um link para uma das páginas do seu site na linha do tempo, o Facebook busca automaticamente uma imagem da página vinculada e a exibe ao lado do nome e URL da página. Infelizmente, a imagem buscada às vezes pode não estar relacionada ao conteúdo da página ou pode até estar ausente do link compartilhado. Para garantir que o Facebook exiba a melhor imagem possível quando alguém compartilha sua página — e, assim, aumentar a taxa de cliques desse link — adicione algumas linhas de código ao HTML da página para forçar o Facebook a buscar uma imagem específica.

Adicionar Marcação Open Graph

Open Graph é um protocolo desenvolvido pelo Facebook que, entre outros recursos, permite que desenvolvedores Web adicionem tags de marcação às suas páginas para personalizar a forma como o Facebook exibe links para seus sites.

Adicione tags Open Graph a uma página editando seu código-fonte HTML:

Passo 1

Abra o arquivo HTML em um editor de texto como Bloco de Notas ou em um editor HTML dedicado. Posicione o cursor antes da tag de fechamento próximo ao topo do arquivo e pressione Enter para criar uma nova linha.

Passo 2

Insira a seguinte meta tag:

<meta property="og:image" content="https://www.seusite.com/miniatura.jpg" />

Substitua https://www.seusite.com/miniatura.jpg pelo link real da imagem que você deseja que o Facebook exiba quando um usuário compartilhar um link para seu site.

Dica

  • Embora o Facebook aceite imagens de miniatura de até 200 x 200 pixels, o tamanho recomendado é 1200 pixels de largura e 630 pixels de altura.
  • Para aumentar a porcentagem de usuários clicando no link — algo conhecido como taxa de cliques — considere adicionar uma chamada à ação na imagem, como Clique Aqui ou Saiba Mais.

Passo 3

Salve seu arquivo e faça upload para seu host Web.

Outras Tags de Marcação Open Graph

Além da imagem em miniatura, considere usar tags de marcação Open Graph para, por exemplo, personalizar o título ou a descrição de um link compartilhado.