Como Adicionar Links de Âncora “Facilmente” no WordPress (Passo a Passo)

Já abriu um post longo no WordPress e se sentiu um pouco perdido tentando encontrar o que precisava? Todos nós já passamos por isso. Pode ser frustrante rolar por paredes de texto apenas para chegar à parte que importa para você.

É exatamente por isso que usamos links de âncora no WPBeginner. Eles facilitam para os leitores pularem direto para a seção que lhes interessa, seja em um guia ou em uma lista de especialistas.

Em nossa experiência, os links de âncora não apenas facilitam a leitura. Eles também ajudam os visitantes a permanecerem em seu site por mais tempo, pois podem encontrar rapidamente o que precisam. E como bônus, seu conteúdo acaba parecendo mais organizado e profissional.

Neste guia, mostraremos como adicionar links de âncora aos seus posts e páginas do WordPress. É uma pequena mudança que pode fazer uma grande diferença para seus leitores.

O Que É um Link de Âncora?

Um link de âncora é um tipo especial de link que direciona os usuários para uma seção específica da mesma página, em vez de para uma página diferente ou site WordPress.

Esses links agem como atalhos, ajudando os leitores a pular diretamente para a parte do conteúdo em que estão mais interessados, *sem* rolar a página inteira.

Por exemplo, você pode ver links de âncora usados em um índice de um artigo ou guia longo. Ao serem clicados, eles movem o usuário imediatamente para a seção relevante.

Outra forma de usar links de âncora é criar links de favoritos em seu site WordPress.

Isso permite que você compartilhe o link do favorito em mídias sociais ou em newsletters por e-mail. Dessa forma, quando a página carregar, seus usuários pularão imediatamente para a seção que você deseja que eles vejam.

Por que e quando você deve usar links de âncora?

Um usuário médio gasta menos de alguns segundos antes de decidir se quer ficar ou sair do seu site. Você tem apenas esses poucos segundos para convencer os usuários a ficarem.

A melhor maneira de fazer isso é ajudá-los a ver rapidamente as informações que procuram.

Os links de âncora facilitam isso, permitindo que os usuários pulem o restante do conteúdo e vão diretamente para a parte que lhes interessa. Isso melhora a experiência do usuário e ajuda você a conquistar novos clientes/leitores.

Links de âncora também são ótimos para SEO do WordPress. O Google pode exibir vários links de âncora nos resultados de pesquisa como um link de "pular para".

Isso comprovadamente aumenta a taxa de cliques nos resultados de pesquisa, o que, por sua vez, traz mais tráfego para o seu site.

Se você criar um índice usando links de âncora, o Google poderá exibir os títulos em snippets em destaque.

Com isso em mente, veremos como adicionar facilmente links de âncora no WordPress.

Abaixo está uma lista de todos os tópicos que abordaremos neste guia. Clique em qualquer um desses links de âncora abaixo e você será levado a essa seção específica:

• Como Adicionar Links de Âncora Manualmente no WordPress
• Como Adicionar Manualmente um Link de Âncora no Editor Clássico
• Como Adicionar Links de Âncora Manualmente em HTML
• Como Adicionar Automaticamente Títulos como Links de Âncora no WordPress (Recomendado)
• Dica Bônus: Combine Links de Âncora com Links Internos para Melhor SEO
• Perguntas Frequentes: Como Adicionar Links de Âncora no WordPress
• Recursos Adicionais: Melhore seu SEO no WordPress

Como Adicionar Links de Âncora Manualmente no WordPress

Se você deseja apenas adicionar alguns links de âncora ou links de favoritos em seu artigo, você pode fazer isso facilmente manualmente.

Basicamente, você precisa adicionar duas coisas para que um texto de âncora funcione como pretendido:

1. Crie um link de âncora com um sinal de # antes do texto da âncora.
2. Adicione o atributo id ao texto para onde você deseja que o usuário seja levado.

Começaremos com a parte do link de âncora.

Etapa 1. Criando um Link de Âncora

Primeiro, você precisa editar ou criar uma nova postagem ou página. Em seguida, selecione o texto que deseja vincular e clique no botão inserir link no editor de blocos do WordPress.

Isso abrirá a janela pop-up 'inserir link', onde você normalmente adiciona o URL ou procura uma postagem ou página para vincular.

No entanto, para um link de âncora, você simplesmente usará # como prefixo em vez de HTTP. Depois disso, basta inserir as palavras-chave para a seção para a qual você deseja que o usuário pule.

Em seguida, clique no botão Enter para criar o link. Ele ainda não irá a lugar nenhum, no entanto. Você terá que criar o ID na próxima etapa.

Algumas dicas úteis sobre como escolher o texto a ser usado como seu link de âncora #:

• Use as palavras-chave relacionadas à seção que você está vinculando.
• Não torne seu link de âncora desnecessariamente longo ou complexo.
• Use hifens para separar palavras e torná-las mais legíveis.
• Você pode usar capitalização no texto da âncora para torná-lo mais legível. Por exemplo: #Melhores-Cafeterias-Nova-York.

Depois de escolher o texto do link correto, é hora de ancorá-lo a uma área, seção ou texto na página que você deseja mostrar quando os usuários clicarem no link de âncora.

Etapa 2. Adicione o atributo ID à seção vinculada

No editor de conteúdo, role para baixo até a seção para a qual você deseja que o usuário navegue ao clicar no link de âncora. Geralmente, é um título para uma nova seção.

Em seguida, selecione o bloco. Então, nas configurações do bloco no painel esquerdo, clique na aba ‘Avançado’ para expandi-la.

Depois disso, você precisa adicionar o mesmo texto que adicionou como link de âncora no campo ‘Âncora HTML’.

Certifique-se de adicionar o texto sem o prefixo #.

Agora você pode salvar sua postagem e ver seu link de âncora em ação clicando na aba de visualização.

E se a seção que você deseja mostrar não for um título, mas apenas um parágrafo comum ou qualquer outro bloco?

Nesse caso, você precisa clicar no menu de três pontos nas configurações do bloco e selecionar a opção ‘Editar como HTML’.

Isso permitirá que você edite o código HTML para aquele bloco específico. Você precisa selecionar a tag HTML do elemento para o qual deseja apontar. Por exemplo, <p> se for um parágrafo ou <table> se for um bloco de tabela, e assim por diante.

Agora, você precisa adicionar sua âncora como o atributo ID a essa tag, como no código a seguir:

<p id="best-coffee-shops-manhattan">

Em seguida, você pode simplesmente clicar no botão ‘Editar Visualmente’ novamente, e seu link de âncora direcionará o usuário para esse bloco quando clicado.

Como Adicionar Manualmente um Link de Âncora no Editor Clássico

Se você ainda estiver usando o editor clássico mais antigo para WordPress, veja como você pode adicionar o link de âncora/link de salto.

Passo 1. Crie o link de âncora

Primeiro, você precisará editar ou criar uma nova postagem ou página. Em seguida, selecione o texto que deseja transformar em link de âncora e clique no botão ‘Inserir Link’.

Depois disso, você precisa adicionar seu link de âncora com um prefixo # seguido pelo slug que deseja usar para o link.

Etapa 2. Adicione o atributo ID à seção vinculada

O próximo passo é direcionar os navegadores para a seção que você deseja mostrar quando os usuários clicarem no seu link de âncora.

Para fazer isso, você precisará alternar para o modo 'Texto' no editor clássico. Depois disso, role para baixo até a seção à qual você deseja vincular.

Agora, localize a tag HTML que você deseja direcionar. Por exemplo, <h2>, <h3>, <p> e assim por diante.

Você precisa adicionar o atributo ID a ela com o slug do seu link de âncora sem o prefixo #, assim:

<h2 id="best-coffee-shops-new-york">

Agora você pode salvar suas alterações e clicar no botão de visualização para ver seu link de âncora em ação.

Como Adicionar Links de Âncora Manualmente em HTML

Se você está acostumado a escrever no modo Texto do antigo Editor Clássico no WordPress, aqui está como você criaria manualmente um link de âncora em HTML.

Primeiro, você precisa criar o link de âncora com um prefixo # usando a tag <a href=""> usual, assim:

<a href="#best-coffee-shops-manhattan">Best Coffee Shops in Manhattan</a>

Em seguida, você precisa rolar para baixo até a seção que deseja mostrar quando os usuários clicarem no link.

Geralmente, esta seção é um título, mas pode ser qualquer outro elemento HTML ou até mesmo uma tag de parágrafo simples <p>.

Você precisa adicionar o atributo ID à tag HTML e, em seguida, adicionar o slug do link de âncora sem o prefixo #.

<h2 id="best-coffee-shops-manhattan">Best Coffee Shops in Manhattan</h2>

Agora você pode salvar suas alterações e visualizar seu site para testar o link de âncora.

Como Adicionar Automaticamente Títulos como Links de Âncora no WordPress (Recomendado)

A melhor maneira de adicionar automaticamente links de âncora no WordPress é usando All in One SEO (AIOSEO), o melhor plugin de SEO para WordPress.

Este método é adequado para usuários que publicam regularmente artigos longos e precisam criar um índice com links de âncora. Além disso, o AIOSEO vem com um bloco integrado para WordPress para adicionar um índice.

Somos grandes fãs também e temos confiado no AIOSEO para várias tarefas de SEO, incluindo o gerenciamento de sitemaps XML, configurações do OpenGraph para Facebook e X, meta descrições e tags de título. Veja nossa análise detalhada do AIOSEO para mais detalhes.

Para este tutorial, usaremos a versão gratuita AIOSEO Lite porque ela inclui o bloco de índice. Existe também a versão AIOSEO Pro que inclui mais recursos para ajudar você a ter um melhor posicionamento nos motores de busca.

A primeira coisa que você precisa fazer é instalar e ativar o plugin AIOSEO Lite. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, você verá o assistente de configuração. Simplesmente clique no botão 'Vamos Começar' e siga as instruções na tela.

Para mais detalhes, por favor, veja nosso guia sobre como configurar o All in One SEO para WordPress.

Em seguida, você pode criar ou editar uma nova postagem ou página onde você gostaria de adicionar links de âncora. Uma vez que você esteja no editor de conteúdo, simplesmente clique no botão '+' e adicione o bloco 'AIOSEO – Índice'.

O plugin detectará automaticamente diferentes títulos em sua página e os exibirá no índice.

Você pode personalizar ainda mais cada link de âncora no bloco. Por exemplo, o painel de configurações à direita oferece a opção de alterar o 'Estilo da Lista' de marcadores para números.

Além disso, você pode renomear os títulos, reorganizar a ordem deles no bloco de sumário e ocultar títulos específicos.

Agora você pode salvar suas alterações e visualizar seu artigo. O plugin exibirá automaticamente uma lista de links de âncora como seu sumário.

Para instruções mais detalhadas, consulte nosso artigo sobre como adicionar um sumário no WordPress.

Dica Bônus: Combine Links de Âncora com Links Internos para Melhor SEO

Enquanto os links de âncora ajudam os usuários a navegar dentro de uma única página, os links internos os levam para outras postagens ou páginas relacionadas em seu site. Juntas, essas estratégias podem criar uma experiência de navegação perfeita e impulsionar seu SEO do WordPress.

Links internos ajudam mecanismos de busca como o Google a rastrear seu site, descobrir novo conteúdo e classificar suas páginas. Páginas com mais links apontando para elas geralmente têm uma classificação mais alta nos resultados de pesquisa.

Ao usar links internos estrategicamente, você pode guiar os visitantes para suas páginas mais importantes e gerar mais tráfego.

Agora, adicionar links de âncora torna seu conteúdo mais amigável para o usuário, enquanto os links internos incentivam os leitores a explorar mais. Juntos, eles mantêm os visitantes engajados, aumentam as visualizações de página e reduzem sua taxa de rejeição – tudo isso contribui para uma melhor experiência do usuário e um SEO mais forte.

Para saber mais, confira nosso guia definitivo sobre links internos para SEO.

Perguntas Frequentes: Como Adicionar Links de Âncora no WordPress

Ainda tem dúvidas sobre como usar links de âncora no WordPress? Aqui estão algumas perguntas comuns que recebemos dos leitores, juntamente com respostas rápidas para ajudá-lo.

O que são links de âncora e por que devo usá-los?

Links de âncora são links que levam os usuários a uma seção específica na mesma página.

Eles são ótimos para melhorar a navegação, tornar posts longos mais fáceis de navegar e criar uma experiência geral melhor para seus leitores. Eles podem até ajudar com SEO, tornando seu conteúdo mais acessível para os mecanismos de busca.

Posso adicionar links de âncora se não tiver familiaridade com codificação?

Absolutamente! Embora você possa adicioná-los manualmente com um pouco de HTML, plugins de SEO como o All in One SEO (AIOSEO) tornam isso super fácil, mesmo que você não tenha nenhuma experiência em codificação.

Links de âncora afetam o SEO do meu site?

Sim, de uma forma positiva! Os links de âncora ajudam os usuários a encontrar o que procuram mais rapidamente, o que pode levar a um tempo maior na página e taxas de rejeição mais baixas. Todos esses são sinais positivos para SEO.

Existem plugins que podem ajudar a adicionar links de âncora automaticamente?

Sim! Plugins como All in One SEO (AIOSEO) incluem recursos para gerar automaticamente um índice com links de âncora. Isso economiza tempo e reduz a chance de erros.

Posso usar links de âncora para melhorar a navegação do meu site?

Definitivamente! Os links de âncora são uma ótima maneira de dividir conteúdo longo e ajudar os leitores a pular diretamente para as seções que mais lhes interessam.

Recursos Adicionais: Melhore seu SEO no WordPress

Esperamos que este artigo tenha ajudado você a aprender como adicionar facilmente links de âncora no WordPress. Em seguida, você também pode querer ver nossos guias sobre:

• Como Adicionar Schema de FAQ no WordPress
• Como Remover Números de URLs do WordPress
• Como Otimizar Corretamente Seus Posts de Blog para SEO
• Como Fazer um Redirecionamento Completo do Site no WordPress
• Como Recuperar um Site WordPress de uma Penalidade do Google Search
• Melhores Plugins de Schema Markup para WordPress
• O Guia Definitivo de SEO para WordPress

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.