Respostas:
1. Inclua a extensão de espaço para nome XML Open Graph na sua declaração HTML
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:fb="http://ogp.me/ns/fb#">
2. Dentro de seu <head></head>
uso, a seguinte metatag para definir a imagem que você deseja usar
<meta property="og:image" content="fully_qualified_image_url_here" />
Leia mais sobre o protocolo de gráfico aberto aqui.
Depois de fazer o acima, use o "Depurador de Objetos" do Facebook se a imagem não aparecer corretamente. Observe também que a primeira vez que compartilhada ainda não será exibida, a menos que altura e largura também sejam especificadas, consulte Compartilhar no Facebook - Miniatura não exibida pela primeira vez
<meta property="og:image" content="your_image_here" />
entre o head
elemento para poder escolher quando publicar no FB.
http://mywebsite.com.au/Images/prettypic.png
, não #/Images/prettypic.png
Se você estiver usando o Weebly , comece visualizando o site publicado e clicando com o botão direito do mouse na imagem para Copiar endereço da imagem. Em Weebly, vá para Editar site, páginas, clique na página que deseja usar, Configurações de SEO, em Código do cabeçalho, digite o código da resposta de Shef:
<meta property="og:image" content="/uploads/..." />
apenas substituindo / uploads / ... pelo endereço da imagem copiada. Clique em Publicar para aplicar a alteração.
Você pode pular a parte da resposta de Shef sobre o espaço para nome, porque isso já está definido por padrão no Weebly.