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

Contente

Instruções
Dicas
Aviso
O que você precisa

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)

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.
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.
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.
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 .
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".

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.