Publicidade

Compre um adesivo e ajude o Em Busca do Código a continuar.


Linkar imagem quando link for compartilhado. Vídeo 80 HTML5 CSS3


Neste vídeo vemos como configurar que uma imagem especifica (a sua escolha) e que esteja online não importando o lugar da superficial da web em que a imagem esteja (de preferência dentro do seu site) seja linkada quando seu link for compartilhado em uma rede social.

Primeiramente vamos liberar os links das duas ultimas aulas, onde aprendemos como configurar uma descrição quando o link for compartilhado, e como linkamos o nosso perfil ou pagina para aparecer em motores de busca e redes sociais.

Link: Sharing Debugger
Link: Open Graph Object Debugger
Link: Guia de compartilhamento para Webmasters (OFICIAL Facebook)


Além de linkar a imagem em si e o tamanho da mesma, o tipo da imagem que você está utilizando é muito importante informar, e existem três tipos (segue tabela abaixo).


og:image:type
Suporta os valores image/jpeg image/gif image/png

Código fonte HTML:


Assista ao vídeo:


Compre um adesivo e ajude o Em Busca do Código a continuar.

Se estiver utilizando bloqueador de propaganda, por favor, coloque este site na lista branca (isto sempre será apenas um pedido). Obrigado pela escolha.