Como criar links?

html como criar links?

Eu sei que é fácil, mas pra quem sabe não é mesmo?
Então hoje eu vou colocar aqui no Aprenda Blog um tutorial de como criar links e dessa forma melhorar o SEO do seu blog ou até mesmo complementar a qualidade de suas postagens.

Pra começo de conversa:


Palavra que deseja que se torne link: Aprenda Blog
Tag utilizada em HTML para criação de links: <a></a>
Onde coloco o link de fato?: <a href="#">PALAVRA</a>
Quero que abra uma aba quando clicar no link: target="_blanck"

Agora vou explicar:


Se você quer que a palavra Aprenda Blog vire um link, ou seja, quando clicar em Aprenda Blog aparecerá uma outra página então você deve usar tags que são linhas de códigos em html. Sim existe uma maneira mais fácil de se fazer isso, mas para que facilitar as coisas não é mesmo?

Então básicamente você colocará a palavra em questão e irá utilizar a linha de código, vai ficar assim:

<a href="http://www.aprendablog.com" target="_blanck">Aprenda Blog</a>



Vermelho: Criação de link, usa-se tag <a> com fechamento </a>
Amarelo: Atributo usado dentro da tag <a>, é nele que colocamos o link de redirecionamento.
Laranja: Aqui é o link para a página que deseja redirecionar.
Azul: Isso é opicional, usa-se para a criação de uma nova aba, dessa forma, quando clicar no link o usuário não vai sair da página em que está, o que facilita muito as coisas.
Verde: A palavra que vai ficar de cor diferente e virar um link

Usar links no blog é algo importante, usando eles você pode pegar pequenas palavras chaves em um texto e redirecionar para outro texto no blog, assim você aumenta  a quantidade de visualizações no seu site, afinal de contas fazendo isso o google fica mais seu amigo, chama-se SEO.
Sem falar que redirecionando links para outros textos de sua autoria faz com que as suas postagens antigas não sejam perdidas e diferentemente disso, sejam lidas sempre que for necessário. Você nunca sabe quando um usuário novo chega no site, informá-lo de seu trabalho é no minimo interessante.
Sem falar que você pode criar link para mostrar trabalhos de outros bloggers ou até mesmo mostrar a postagem original, caso você tenha feito uma cópia ou referência.

Sabe aquele monte de código que usamos lá em cima? Veja ele de novo e como ficou o resultado final:

Código:
<a href="http://www.aprendablog.com" target="_blanck">Aprenda Blog</a>
Resultado:
Aprenda Blog

Clique e veja como funciona!


Espero que tenham gostado, esse tutorial é simples, mas é importante saber um pouco de html e principalmente a criação de links. A criação de links por si só já é mais aprofundada, tem muitas outras formas de criar âncoras em html, mas hoje é só o básico.
Até a próxima!

9 comentários:

Unknown disse...

Obrigada, tentei simplificar e mostrar que html não é tão difícil como as pessoas pensam. Vlw!

José Ferreira Neto disse...

olá, bacana o tutorial, mas sugiro uma correção: onde está target="_blanck" o correto é target="_blank", sem o "c" mas enfim, sempre tem gente com dúvida e quanto mais gente ajudar, melhor e nem sempre a gente se preocupa com o óbvio, por isso, por mais simples que seja a dica, sempre serve para muita gente.
Abraços

Unknown disse...

Com o c também dá certo, mas se também dá sem ele então é ainda mais fácil de se decorar não é mesmo? KKK muito obrigada pela complementação.
Sim as pequenas dicas melhoram a vida de muita gente, eu demorei muito para aprender a criar links porque não encontrava nada simples e claro, hoje eu já sei como funciona. Daqui para frente o SuperPoint vai se preocupar mais com o "óbvio" e vou fazer mais tutoriais simples, para ajudar mais gente.

Muito obrigada pelo comentário e complementação, até a próxima!

Unknown disse...

MUITO LEGAL
FOI MUITO ÚTIL JÁ QUE NÃO ENTENDO MUITO SOBRE ISSO!!
AGRADEÇO!

Unknown disse...

Eu é que agradeço a sua colaboração através de um comentário, tentei explicar de maneira bem clara, foi difícil pra eu aprender, tento esclarecer perante as dúvidas que tive.

Elizandra Aparecida Nóbrega disse...

No próprio Blogger aonde vc vai postar tem uma opção de colocar link, nesse caso que vc explicou seria para usar em que caso ?

Unknown disse...

Bom, no blogger tem mesmo essa opção, mas além de demorada ela te priva de algumas opções. Por exemplo, com o "poder do html" você poderia colocar isso: target="_blanck" isso faz com que quando clicar no link ele crie uma nova aba.
Existem outras coisas também, mas o importante é entender que saber html é sempre uma boa quando o assunto é blog, até porque você precisa usar muito html pra criar SEO.

Unknown disse...

Obrigada, me ajudou. Consegui fazer. Deus te abençoe fique com Deus !!


"Em Deus tenho posto a minha confiança; não temerei o que me possa fazer o homem." SALMOS 56:11

Unknown disse...

Lhe agradeço muito, Deus esteja com você também! Amei seu comentário.

Postar um comentário

Leia antes de fazer seu comentário:
- Os comentários do blog são moderados e serão liberados após constatação de que estão de acordo com o assunto do post.
- Palavras ofensivas serão removidas.
- Os comentários não refletem a opinião do autor.

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Sweet Tomatoes Printable Coupons