on-load-remove-class="default-font">
×
Loading ...

Como fazer a miniatura de visualização da sua página web aparecer no compartilhamento do Facebook.

Atualizado em 21 fevereiro, 2017

O Facebook tem um recurso de link que permite aos usuários compartilhar conteúdo com os outros. Esta função, chamada geralmente de Compartilhar ou Adicionar, carrega uma imagem a partir do site para ficar junto com o link. Devido a alguns fatores, nem todos os sites vão carregar uma imagem de visualização. Além de ter o título mais carregado de todos os tempos, este artigo também contém as etapas para garantir que o seu site vai ter uma imagem de visualização no compartilhamento.

Instruções

O Facebook tem um recurso de link que permite aos usuários compartilhar conteúdo com o outros (Justin Sullivan/Getty Images News/Getty Images)
  1. Antes de ir em cada página do seu site, adicionando códigos e fazendo imagens tenha certeza que já não tem uma imagem boa o suficiente na visualização. Vá até o Facebook e tente compartilhar o link e veja o que surge. Caso não tenha uma imagem (ou pelo menos nenhuma que você goste) então continue.

    Loading...
  2. Encontre uma imagem que você quer que represente o seu site. Você pode usar um logotipo, uma imagem do site, ou até mesmo um screenshot. Presumindo que o seu objetivo é fazer com que as pessoas saibam como o seu site é incrível, tire um screenshot do site. Você pode fazer isso usand o botão print screen,Shift+Command+3 no Mac ou algum programa com essa utilidade.

  3. Antes de carregar o screenshot, use algum software de imagem para cortar e editar a maneira que você quer que a figura fique no site. Para carregar, reduza a imagem para mais ou menos 250 pixels e comprima-a.

  4. Carregue a imagem. É melhor carregar a imagem no próprio site que você deseja gerar a visualização. Apesar de também ser possível carregar a imagem em outros sites como Flickr ou Photobucket, nem sempre uma visualização feita em um site externo apareçe .

  5. Adicione a meta tag da imagem no cabeçalho do documento. A tag será parecida com isto : < link rel="image_src" href="http://site.com/imagem.jpg" /> (Retire o espaço entre < e link) Certifique-se de mudar a href para onde a imagem está hospedada, usando a URL completa. Para que a visualização e outros recursos leiam a imagem corretamente, você precisa garantir que ela esteja entre o cabeçalho do seu html. Também ajuda ter as meta tags "title" e "description".

Loading...

Dicas

  • Facebook armazena as imagens de visualização, por isso, se você recentemente tentou gerar uma imagem e você ainda não está tendo sucesso, tente usar outro endereço (http://site.com/index.html em vez de http://site.com)
  • Encaminhamento pode dificultar a visualização. Ao invés de encaminhar o seu domínio, tente usar o endereço real no lugar.

Aviso

  • Adicionar uma visualização img_src pode tirar a possibilidade dos usuários selecionarem entre várias imagens quando compartilhar seu site. Este código diz ao site qual imagem escolher ao invés de dar opções ao usuário.

O que você precisa

  • Software de manipulação de imagens (opcional)
  • Servidor de hospedagem de imagens
  • Acesso a cabeçalhos HTML

Recursos

Loading ...
Loading ...