Como adicionar links em páginas da Web

Publicados: 2022-05-04

Fazendo links ou hiperlinks:

Você provavelmente está tentando descobrir como adicionar um link de texto simples de uma página do seu site para outra página na web. Este artigo explicará como fazer isso, além de compartilhar algumas informações valiosas sobre o papel dos links no SEO.

Links de texto são comumente usados ​​em sites. Seu objetivo principal é compartilhar facilmente um recurso encontrado em outra página na web, mas essa não é sua única razão de ser. Vincular a outra página na web pode afetar a classificação de pesquisa da sua página da web e da página à qual você está vinculando.

Como criar um hiperlink em HTML

Para criar um link, você precisa saber o endereço URL (Uniform Resource Locator) da página para a qual deseja vincular. Por exemplo, digamos que queremos fazer um link para o site da Sagapixel.

Primeiro, precisaremos do URL da página da Web, incluindo o protocolo. Em outras palavras, a URL deve se parecer com “https://sagapixel.com” e não simplesmente “sagapixel.com”. Podemos usar um mecanismo de pesquisa como Yahoo ou Google para pesquisar o endereço URL do site. Assim que tivermos o endereço, precisamos da instrução HTML correta. Por exemplo:

Empresa de SEO da Filadélfia

E aqui está o código que fez isso:

<a href=”https://sagapixel.com/seo/philadelphia”>Sagapixel SEO</a>

Observe as três partes que compõem esta linha de código. Primeiro , há o <a href=”https://sagapixel.com/seo/philadelphia”> que inicia o link de referência. Observe o uso do endereço URL completo neste caso, que está entre aspas. Endereços de URL relativos também podem ser usados. Em segundo lugar , há o texto que se tornará nosso link. Terceiro , e mais importante, é a tag </a> que finaliza o link de referência.

Faz sentido, certo? Você tem um começo e um fim, e as coisas entre as quais se ligam.

Agora, e se combinarmos a instrução de lista não ordenada com essa instrução de link de referência. Poderíamos criar uma lista de links. Era isso que você queria, certo?

  • Moz
  • Designers de sites
  • Tucows. com

Aqui está o código que fez isso:

<ul>
<li><a href=”https://moz.com/”>Moz</a></li>
<li><a href=" http://www.rareamericana.com/ ">Rare Americana</a></li>
<li><a href=”https://sagapixel.com/web-design/philadelphia/”>Design do site</a></li>
<li><a href=”http://tucows.com/”>Tucows.com</a></li>
</ul>

Bem simples, certo? Se não, talvez você deva revisar o tutorial de criação de listas. Observe como cada link é cercado pelas tags <li> e </li> .


Links das imagens:

Você não está muito restrito ao fazer links. Você pode vincular imagens como um arquivo JPG (JPEG) ou até mesmo um arquivo GIF . Aqui está um exemplo usando minha obra-prima, “image.gif” .

Este link é para o Metropolitan Museum of Art. Irônico não é. No entanto, em casa você pode ver o início do link e o final a seguir. Se você não sabe como inserir gráficos em sua página inicial, visite meu tutorial sobre imagens.

<a href=”http://www.metmuseum.org/”><img src=”image.gif”></a>

Normalmente, tudo isso estaria em uma linha. Tive que embrulhar para encaixar. Observe que, neste caso, você precisa saber dois endereços. Você precisa saber o endereço URL para onde o link o levará e o endereço URL da imagem que você está usando.

Você provavelmente notou as linhas azuis ao redor da minha imagem. Essa é, na verdade, a borda da imagem ficando azul da mesma forma que o texto fica azul quando é um link. Para remover a borda azul, adicione o atributo ou opção BORDER=”0″ à instrução <img src=”…”> . Isso é mostrado abaixo.

E aqui está o código que fez isso.

<a href=”http://www.metmuseum.org/”><img src=”image.gif” border=”0″></a>

O impacto SEO dos links

A vinculação a uma página na web pode afetar a classificação de pesquisa da sua página da web e da página à qual você está vinculando.

O impacto na sua classificação de pesquisa ao vincular a um recurso

O Google usa hiperlinks para determinar a relevância do seu conteúdo e do conteúdo de outros sites. Por exemplo, se você tiver uma postagem no blog que fala sobre execução hipotecária na Pensilvânia, incluir um link para um recurso no pa.gov que fale sobre o processo indicará ao Google que esta postagem está citando um recurso autoritário. Esse link é um sinal de que seu conteúdo tem mais chances de ser bem pesquisado, tornando-o mais confiável.

Por outro lado, vincular a uma “vizinhança ruim pode ter o impacto oposto.

Um artigo sobre execução hipotecária com links para um site de empréstimo com spam provavelmente enviará sinais de que seu recurso não visa informar, mas sim direcionar os visitantes para um local inseguro na web. Isso pode ter um impacto negativo na sua classificação de pesquisa.

O impacto na página à qual você vincula

Vincular a outra página na web passa o PageRank. Este é o método proprietário do Google para determinar a autoridade de uma página da web. Em outras palavras, uma página que ganha muitos links de outros sites é considerada mais “autorizada” e um recurso melhor para os usuários do Google do que uma página que não ganha links.

Além disso, o texto usado para criar o link, conhecido como texto âncora, envia sinais sobre a relevância de uma página. No exemplo do link de execução hipotecária, se a página da web estiver vinculada ao texto âncora “maneiras de evitar a execução hipotecária”, o Google determinará que esta página é sobre esse tópico. Isso aumentará a probabilidade dessa página ter uma classificação alta para essa consulta.

O contexto do link também importa.

O link para a página de encerramento com o texto âncora “maneiras de evitar o encerramento” em um artigo sobre reparo de automóveis não terá o mesmo impacto que o mesmo link exato em um artigo sobre casa própria.

Bem, espero que tenham gostado deste pequeno tutorial de links. Divirta-se criando links.