Como colocar imagem com link no Blog / Site

Por | Atualizado em 2017-11-12

Neste tutorial, iremos explicar como colocar uma imagem com link no seu blog ou site, incluindo as tags de imagens mais importantes, que favorecem as suas páginas nos motores de busca. Dessa forma, sempre que o visitante clicar na imagem, será redirecionado para a página que desejar.

Esta dica pode ser útil para criar botões de compartilhamento, anúncios, etc. Para inserir uma imagem com link, terá de utilizar o seguinte código:

<a href=”link de destino”><img src=”link da imagem” alt=”texto” title=”texto”/></a>

Resultado:

Como colocar imagem com link

Use o nosso gerador online:

Para tornar este procedimento mais simples, a nossa equipa criou um gerador de imagens com link automático:Gerador de imagem com Link.



Se pretende tornar o seu blog/site mais profissional deve ter em conta os seguintes aspectos:

1. Tag Alt – a tag alt apresenta um texto alternativo caso o carregamento da sua imagem falhe. Esse texto contém o mesmo link da imagem. A tag Alt é igualmente importante para indexar as suas imagens no motor de busca Google (Imagens).

2. Tag Title – ao adicionar a tag Title, surgirá um texto complementar quando o utilizador colocar o ponteiro do rato na imagem. A Tag Title é importante para melhorar o seu SEO (melhorar a sua posição nos motores de busca) e útil para adicionar informações extra à sua imagem.

3. Width e Height – As tags width e Height definem o comprimento e largura da sua imagem. Embora estas tags não sejam obrigatórias, ajudam os navegadores a construir o seu blog/site, guardando no inicio do carregamento o espaço necessário para a sua imagem.



Resultado Final:

<a href=”www.montarumblog.com” target=”_blank”><img scr=”http://i54.tinypic.com/kdu1yv.jpg” alt=”Montar um Blog” Title=”Montar um Blog” width=”120″ height=”60″></a>

Dica: target=”_blank” – abre o link da sua imagem num novo separador.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *