Dicas Úteis

Como fazer um link em HTML

O edifício da ligação é um termo muito ambíguo que descreve todas as ações destinadas a indicar links para um site (também conhecido como construção de links). Isso pode ser feito postando comentários em fóruns, publicando artigos, fornecendo links para diretórios, publicando links em redes sociais, etc. O edifício da ligação para o seu site é um fator chave na boa otimização de mecanismos de busca (SEO). Seus rankings de página são em grande parte baseados na qualidade de sites que apontam para sua página. Construir um bom conjunto de links requer muito tempo, esforço e, potencialmente, dinheiro, mas pode aumentar significativamente a eficácia do seu site. Veja o Passo 1 abaixo para obter instruções sobre como fazer isso.

Parte 1 Tecendo uma Web a partir de Links

  1. 1 Entenda como funciona o link building. O edifício da ligação é o processo de criação de backlinks para o seu site. Isso acontece naturalmente com bom conteúdo, mas esse processo pode ser acelerado de várias maneiras. Os Backlinks são importantes porque afetam a posição do seu site nos resultados da pesquisa. Muitos fatores são considerados, incluindo:
    • Confiança - Esse é o nível de confiança entre sites vinculados. Links para um site confiável pesam muito mais.
    • Link Neighborhood - Este é o nível de sites que apontam para você e ao qual você está vinculado. Por exemplo, um site de spam geralmente se vincula a outros sites de spam, tornando os links menos adjacentes.
    • Texto Âncora - Este é o texto que aparece em vez do endereço do link. O texto âncora deve estar ligado ao conteúdo a que se refere, uma vez que os motores de busca comparam este texto com o site a que se refere.
    • Frescura - À medida que as páginas se tornam menos populares ao longo do tempo, a relevância do link tende a diminuir gradualmente. Os links recentes são um sinal de que o conteúdo ao qual eles vinculam ainda é relevante e ajuda a aumentar a classificação.
  2. 2 Encontre blogs e fóruns relacionados ao conteúdo do seu site. Ambos os blogs e fóruns geralmente têm um lugar no perfil que você criou e na assinatura, onde você pode colocar um link para o seu site. Sempre que você deixar um comentário, sua assinatura será adicionada, o que ficará visível para todos, incluindo os mecanismos de pesquisa.
    • Para construir uma boa rede de links, você deve encontrar sites relacionados ao mesmo tópico. Não tenha medo da concorrência. Pelo contrário, ao trabalhar com outros sites em seu campo, você perceberá como você se desenvolve.
  3. 3 Publicar artigos. A publicação de artigos demora um pouco mais nas técnicas de criação de links, mas também pode aumentar o seu page rank se você publicar artigos nos sites certos. Comece escrevendo pequenos artigos sobre questões relacionadas ao conteúdo do seu site. Em seguida, publique-os em sites que publicarão esses artigos para seus leitores. Não se esqueça de adicionar um link ao seu site na seção de fontes para escrever um artigo. Assim, os rastreadores (robôs de pesquisa) encontrarão seu link ao rastrear esse site.
    • Esse método não é tão eficaz quanto já foi, devido à atualização do algoritmo Panda do mecanismo de pesquisa do Google.
  4. 4 Tente usar publicações em feeds RSS. O RSS ("Really Simple Syndication") é uma família de formatos da Web usados ​​para publicar em um formato padrão informações atualizadas com freqüência, como sites, blogs, notícias. Documentos RSS são chamados de feeds, que incluem texto e metadados que são publicados quando um site ou blog é atualizado. Esta é uma grande vantagem porque a publicação via feeds RSS permite que os webmasters publiquem automaticamente seus sites ou blogs. Quanto mais sites você publica em feeds RSS, mais vezes seu conteúdo é publicado para os mecanismos de busca. Como a maioria das outras técnicas de construção, existem muitos sites onde você pode publicar feeds RSS para o seu site ou blog.
  5. 5 Responda às perguntas. As respostas às perguntas também podem se tornar uma técnica eficaz de construção de links, mas podem ser demoradas. Existem muitos sites visitados onde as pessoas postam suas perguntas e esperam respostas para elas. Isso pode ser muito útil, pois a maioria desses sites também permite que você coloque um link para a origem junto com a resposta à pergunta. Isso permite que os rastreadores (robôs de pesquisa) encontrem seus links, e outras pessoas que estão procurando uma resposta para uma pergunta podem clicar nesse link para seu site.
    • Colocar links nesses sites que permitem que você responda a perguntas leva a um aumento significativo na classificação do seu site, porque esses sites são altamente cotados.
    • Não passe o dia inteiro respondendo perguntas. Este método é melhor usado simplesmente respondendo a algumas perguntas por semana. Com o tempo, o número de backlinks começará a crescer.
  6. 6 Escreva sobre isso no blog. Blogar é outra técnica de construção de links que pode ajudar muito seu site, mas também pode levar muito tempo. Corretamente mantido, um blog pode não só ajudar a construir backlinks para o seu site, mas também aumentar a confiança em seu site, atrair novos visitantes e anunciar novas páginas e novas informações em seu site. Não se esqueça de sempre adicionar um link às suas postagens para que os rastreadores (robôs de busca) e visitantes possam seguir este link para seus sites.
  7. 7 Adicione seu site aos diretórios. Os diretórios do site são uma das formas mais antigas e fáceis de criar links. Diretórios são grandes conjuntos de links para recursos com um tema comum. Esses diretórios podem ser visualizados por rastreadores e leitores comuns.
    • Diretórios populares incluem: Open Directory Project, Yahoo! e outros. Existem diretórios diretamente relacionados ao tema do seu site, então olhe e adicione seu site lá.
    • Muitos diretórios exigem a adição de sites manualmente, mas muitos são editados por voluntários. Isso significa que pode haver um grande atraso no tempo até que seu site seja publicado lá.
    • Adicionar um site a diretórios pode consumir muito tempo, portanto, muitas vezes esse trabalho é terceirizado para economizar tempo e dinheiro.
  8. 8 Entre em contato diretamente com outros sites. Se você tiver um site que possa complementar outro site, entre em contato com o webmaster e ofereça um link. Encaminhar e backlinks para conteúdo relacionado aumentará a confiança em ambos os sites e poderá ser mutuamente benéfico.
    • Por exemplo, se você tiver um site com dicas sobre cuidados com joias, entre em contato com os sites de joalheria dos pregões.
  9. 9 Comente sobre o conteúdo relacionado. Uma maneira rápida de distribuir links é comentar em outros blogs e artigos com conteúdo relacionado. Existem vários pontos de vista sobre como fazer isso. Alguns sugerem que você coloque links contextuais no seu site em sua resposta, enquanto outros sugerem a colocação de links em uma assinatura ou perfil.
    • Coloque links em lugares naturais. Links cercados por pelo menos algum contexto são mais propensos a serem considerados "bons".
    • Tente não colocar links nas barras laterais e rodapés. Um robô de busca provavelmente não os encontrará nesses lugares.
  10. 10 Crie links diretos. Além de criar backlinks para sua página, você deve criar links para outros sites em que confia. Isso ajudará a aumentar a credibilidade do seu site e a melhorar a afinidade do link. Os webmasters de outro site definitivamente notarão um fluxo de visitantes através do seu link, o que pode levar a parcerias e troca de links.
    • Tal como acontece com outras técnicas de construção de links, certifique-se de vincular ao conteúdo com conteúdo relevante.
  11. 11 Link não apenas para sua home page. Quando você vincula seu site a artigos e comentários, vincule-se à página ou artigo correspondente e não à página principal. Isso ajudará a aumentar a classificação do restante de suas páginas, o que, em geral, afetará positivamente sua classificação entre os mecanismos de pesquisa.
  12. 12 Deixe mensagens de convidado. Muitos sites e blogs permitem que os visitantes publiquem. Se você tiver alguns exemplos preparados dessas mensagens, entre em contato com o webmaster sobre as mensagens dos convidados. Sua mensagem é um bom lugar para colocar vários links para seu site, além de adicionar um link para sua assinatura.
    • Certifique-se de que seus links sejam relevantes.
    • não use muitos links, caso contrário, sua mensagem será considerada como spam.
    • Alguns webmasters podem não ficar satisfeitos com muita autopromoção, por isso, certifique-se de que sua postagem de convidado seja fácil de ler.
  13. 13 Use feeds RSS. Certifique-se de que todos os seus artigos foram enviados por meio de feeds RSS, e esse feed é publicado no catálogo RSS apropriado. Isso levará a um maior fluxo de leitores de seus artigos, o que, por sua vez, aumentará o número de backlinks naturais.

Parte 2 Criando Conteúdo de Qualidade

  1. 1 Escreva o conteúdo original. A maneira número um de criar backlinks naturais é escrever conteúdo útil. As pessoas farão o trabalho do seu link para você se o seu conteúdo for verdadeiramente útil e interessante para elas. Criar um bom conteúdo é como arte, e essa habilidade vem com a prática.
    • Use formas alternativas para apresentar conteúdo. Tente usar histórias em quadrinhos, podcasts, vídeos ou qualquer outra forma de comunicação para tornar sua marca reconhecível.
    • Entrevistas são uma boa maneira de criar conteúdo interessante, assim como redes. A entrevista é factual e geralmente mostra vários pontos de vista.
  2. 2 Levante sua autoridade. Se você é um especialista em qualquer assunto, use essa experiência e aumente sua autoridade neste tópico. Se você fornecer conteúdo exclusivo e útil em alguma pergunta, verá que eles começarão a se conectar a você. Esses são os links mais importantes porque afetam significativamente sua credibilidade.
    • Se você puder aumentar sua credibilidade, verá que há links para você em artigos e outras publicações importantes. Isso pode levar a um fluxo significativo de visitantes para o site e sua classificação.
  3. 3 Mantenha-se atualizado com as últimas notícias e desenvolvimentos. Os tópicos de discussão na Internet estão mudando constantemente, e no topo das discussões está sempre o que é realmente popular. Atualize seu conteúdo para acompanhar as novas tendências e você verá que as pessoas estão conectando você em todos os lugares.
  4. 4 Certifique-se de que não haja erros nos seus artigos. Ninguém quer ler um artigo mal escrito ou repleto de erros. Reserve algum tempo ajustando seus textos. Muito disso virá com prática e paciência.
  5. 5 Escreva um conteúdo "evergreen". Conteúdo Evergreen é conteúdo que sempre permanece relevante. Esse conteúdo é bom para links sequenciais, pois será re-lido de tempos em tempos. Um bom conjunto de links inclui vários links evergreen. Os tópicos para esse conteúdo perene incluem romances, nutrição, criação de filhos, perda de peso, cuidados com animais e muitos outros. Os formatos mais simples para esse conteúdo são:
    • Listas
    • Comentários
    • Instruções
  6. 6 Verifique se o seu site está bem pensado e é útil. Desde um site inútil feio vai matar toda a idéia de backlinks antes de ser implementado. O apelo visual de um site nunca foi muito importante, pois os leitores rapidamente começam a ignorar sites que são difíceis de ler ou difíceis de usar.

Parte 3 Usando Mídias Sociais

Redes sociais geralmente usam links como "NoFollow", o que significa que eles não contam para o seu ranking. Mas eles ainda são bons para atrair novos visitantes para o site, e não há nada errado em aumentar o número de visualizações. Isso pode indiretamente construir seus links, pois os próprios leitores começarão a se conectar ao seu site.

  1. 1 Mantenha sua presença em tantas redes sociais quanto possível. Use quantas redes sociais diferentes fizer sentido usar em seu site. Twitter, Facebook, Google+, Tumblr e outros são sites de compartilhamento de links em potencial. Certifique-se de que você está presente em muitos desses sites, pois você pode servir seu orçamento e tempo. Criar uma página simples em uma rede social levará apenas alguns minutos, mas será de grande benefício, pois permitirá que você publique várias informações e links que aumentarão a confiança em seu site e, ao mesmo tempo, atrairão novos visitantes. Todos os dias, milhões de pessoas procuram algo nessas redes sociais e compartilham essas informações com amigos e familiares.
  2. 2 Crie páginas nas redes sociais que refletem seu conteúdo. Certifique-se de que os visitantes da sua página na rede social possam ver o conteúdo mais recente. Isso fará com que eles voltem ao seu site regularmente e, possivelmente, vinculem-se a seus artigos.
  3. 3 Use o poder dos sites de bookmarking social. Bookmarking (coleções) é a forma como os usuários da Internet organizam, publicam, gerenciam, pesquisam e compartilham recursos online, como sites. Digg, Reddit, Pinterest, StumbleUpon e outros sites são uma boa maneira de mostrar seus artigos para novos leitores. Muitos desses sites permitem que você publique seu próprio artigo, embora eles possam ter limitações sobre a frequência com que isso pode ser feito. O ideal é que seus leitores adicionem seu site a esses marcadores, aumentando sua popularidade e confiança em você.
    • Muitas plataformas de blog têm plugins que permitem que seus leitores publiquem facilmente seus artigos em sites de social bookmarking.

Como fazer um link em HTML, exemplos

Para criar um link, use uma tag. Esta tag tem certos atributos:

1. Href - é responsável por onde o link deve levar. O link padrão é definido da seguinte forma: Link text.

2. Alvo - é responsável pela janela em que o documento será aberto. Por padrão, um novo documento é aberto na janela atual do navegador. O atributo "target" permite que você abra o link em uma nova janela do navegador. Este atributo possui os seguintes parâmetros:

  • _blank - carrega a página em uma nova janela,
  • _self - carrega a página na janela atual,
  • _parent - carrega a página no quadro pai,
  • _top - cancela todos os quadros e carrega a página em uma nova janela.

3. NAME - usado para ir a uma área específica dentro da página. Após o símbolo "libra", a palavra-chave (marcador ou etiqueta) é indicada entre aspas. Para ir até este rótulo, use o link no qual esse rótulo está registrado.

Considere como fazer um link em HTML em exemplos:

Exemplo 1. Link externo.

Neste exemplo, o link é chamado "Ir para o site", leva ao meu site.

Exemplo 2. Um link externo que é aberto em uma nova janela.

Neste exemplo, o link será aberto em uma nova janela. Quando você passa o mouse sobre o link, um texto de dica de ferramenta será exibido no título.

Exemplo 3. Link interno

Exemplo 4. Imagens como links.

Exemplo 5. Link para uma área específica dentro da página.

Neste exemplo, a página é rotulada “list” usando o atributo “name”. O link para esta tag fornecerá uma transição para uma área específica da página.

Exemplo 6. Link para baixar o arquivo.

Exemplo 7. Link para email.

Você pode definir a cor dos links usando os atributos especificados na tag body como parâmetros. Considere estes atributos:

  • link - um link não visitado, por padrão ele é exibido em azul,
  • alink - link ativo, padrão é vermelho,
  • vlink - o link visitado tem uma cor roxa padrão.

Exemplo 8. Configurando a cor dos links.

Assim, descobrimos quais princípios os links são criados em HTML. Links podem receber estilos de design específicos. Os estilos de link CSS podem ser visualizados na lição clicando no link.

1.5. Links HTML

Links podem ser divididos em duas categorias:
links para recursos externos - criado usando uma tag e usado para expandir as capacidades do documento atual quando processado pelo navegador,
hiperlinks - links para outros recursos que o usuário pode visitar ou baixar.

1. estrutura de ligação

Os hiperlinks são criados usando uma tag de par. Dentro da tag está o texto que será exibido na página da web. O texto do link é exibido no navegador com sublinhado, a cor da fonte é azul, quando você passa o mouse sobre o link, o cursor do mouse muda de aparência.

O link consiste em duas partes - ponteiro e parte do endereço. Ponteiro de link é um pedaço de texto ou imagem visível para o usuário. Parte do endereço o link não é visível para o usuário, é o endereço do recurso para o qual você precisa ir.

A parte do endereço do link consiste em URL. URL (Uniform Resource Locator) - Endereço de recurso unificado. Ao criar endereços para separar palavras entre si, é recomendável usar um hífen em vez de um sublinhado. Em geral, o URL tem o seguinte formato:

Método de acessoou protocolo, troca dados entre estações de trabalho em diferentes redes. Os protocolos de transferência de dados mais comuns:

arquivo fornece a leitura de um arquivo de um disco local:

http fornece acesso à página da web via HTTP:

https é uma implementação especial do protocolo HTTP que usa criptografia (geralmente SSL ou TLS)

O ftp faz um pedido ao servidor FTP para receber o arquivo:

mailto inicia uma sessão de correio com o destino e o host especificados:

Nome do servidor описывает полное имя машины в сети, например, site.ru . Если имя сервера не указано, то ссылка считается локальной, т.е. она относится к той же машине, на которой находится HTML-документ, содержащий ссылку.

Номер порта ТСР, на котором функционирует веб-сервер. Представляет собой число, которое необходимо указывать, если метод требует номер порта (отдельные сервера могут иметь свой отличительный номер порта). Если порт не указан, по умолчанию используется порт 80. Стандартными портами являются:
21 — FTP
23 — Telnet
70 — Gopher
80 — HTTP

Путь contém o nome da pasta na qual o arquivo está localizado.

2. O caminho absoluto e relativo

Quando apenas o nome do arquivo é especificado no link, o navegador supõe que o arquivo está na mesma pasta do documento que contém o hiperlink. Na prática, os sites contêm centenas de documentos que são colocados em pastas separadas para facilitar o gerenciamento. Para criar um link para um arquivo localizado fora da pasta que contém o documento atual, você deve especificar o local ou o caminho do arquivo. O HTML suporta dois tipos de caminhos: absoluto e relativo.

Fig. 1. Exemplo de estrutura de pastas

2.1. Caminho absoluto

Caminho absoluto indica a localização exata do arquivo dentro de toda a estrutura de pastas no computador (servidor). O caminho absoluto para o arquivo dá acesso ao arquivo de recursos de terceiros e contém os seguintes componentes:
1) protocolo, por exemplo, http (opcional),
2) domínio (nome de domínio ou endereço IP do computador),
3) pasta (nome da pasta indicando o caminho para o arquivo),
4) arquivo (nome do arquivo).

Existem dois tipos de entradas de caminho absoluto - com e sem protocolo:

Se o arquivo estiver localizado na pasta raiz, o caminho para o arquivo será o seguinte:

Se não houver nome de arquivo, a página da web será carregada, o que é definido por padrão nas configurações do servidor da web (o chamado arquivo de índice).

Geralmente, um documento chamado index.html age como um arquivo de índice. A presença de uma barra à direita / significa que a chamada vai para a pasta, se não for, diretamente para o arquivo.

2.2. Caminho relativo

Caminho relativo descreve o caminho para o documento especificado em relação ao atual. O caminho é determinado levando em conta a localização da página da Web na qual o link está localizado. Links relativos são usados ​​ao criar links para outros documentos no mesmo site. Quando o navegador não encontra o protocolo http: // no link, ele procura o documento especificado no mesmo servidor.

O caminho relativo contém os seguintes componentes:
1) pasta (nome da pasta indicando o caminho para o arquivo),
2) arquivo (nome do arquivo).

O caminho para referências relativas possui três notações especiais:
/ aponta para o diretório raiz e diz que você precisa iniciar o caminho do diretório raiz de documentos e ir para a próxima pasta
./ indica a pasta atual
../ subir uma pasta (diretório) acima

A principal diferença entre o caminho relativo e o caminho absoluto é que o caminho relativo não contém o nome da pasta raiz e das pastas pai, o que torna o endereço mais curto e se você mover de um domínio para outro, não é necessário registrar um novo endereço absoluto. Mas, se um recurso de terceiros se vincular, por exemplo, às suas imagens com endereços relativos, elas não serão exibidas em outro site.

Âncorasou links internos, criam transições para várias seções da página da Web atual, permitindo que você se mova rapidamente entre as seções. Isso é muito conveniente quando há muito texto na página. Links internos também são criados usando uma tag com a diferença de que o atributo href contém um nome de ponteiro - o chamado âncora, não um endereço de url. Um ponteiro é sempre precedido por um sinal #.

A marcação a seguir criará um sumário com saltos rápidos para as seções relevantes:

Se você precisa fazer um link de uma página site para uma seção específica outra página, você precisa definir um id para essa seção da página e adicioná-lo ao endereço absoluto do link:

Endereços relativos à raiz do site

Isso se refere à URL do link HTML que define o caminho relativo à raiz do domínio.

Por exemplo, se quisermos vincular à URL https://www.quackit.com/html/tutorial/ e a localização atual for https://www.quackit.com/html/, use o seguinte link:

Barra direta significa raiz do domínio. Não importa onde o arquivo está localizado, você sempre pode usar esse método para determinar o caminho, mesmo que você não saiba qual será o nome do domínio (desde que você saiba o caminho completo da raiz).

Links de referência

Você pode criar links que direcionarão para outras seções na redistribuição de uma página (ou outra).

Veja como vincular em HTML à mesma página:

  1. Adicionar ID para vincular o destino

Adicione o identificador à parte da página em que você deseja trazer o usuário. Para fazer isso, use o atributo id. O valor deve ser texto curto. id é um atributo comumente usado em HTML.

  1. Crie um hiperlink

Agora crie um hiperlink. Isso é feito usando o identificador de destino do link, precedido por um caractere hash (#):

Os trechos de código acima estão localizados em diferentes partes do documento. Acontece algo como o seguinte:

Isso não precisa ser a mesma página. Você pode usar esse método para ir para o identificador de qualquer página. Para fazer isso, antes de incorporar o link em HTML, adicione o URL de destino na frente do símbolo "#". Por exemplo:

Naturalmente, supõe-se que a página tenha um identificador com este valor.

Links de email

Você também pode criar um hiperlink para um endereço de e-mail. Para fazer isso, use o atributo mailto na tag de link:

Clicar neste link abrirá seu cliente de e-mail padrão com o endereço de e-mail do destinatário já preenchido.

Você pode preencher automaticamente a linha de assunto para seus usuários e até mesmo o corpo da mensagem. Isso é feito adicionando os parâmetros subject e body ao endereço de email.

Href base

Você pode definir o URL padrão a partir do qual todos os links HTML na página começam. Para fazer isso, coloque a tag base (junto com o atributo href) no elemento.

Exemplo de código HTML:

Esta publicação é uma tradução do artigo "Links HTML: Como criar links para outras páginas da Web", preparado pela equipe amigável do projeto Internet technology.ru

Assista ao vídeo: Desenvolvimento Web - HTML - #03 - Como Criar Links (Fevereiro 2020).