Como adicionar “facilmente” links âncora no WordPress (passo a passo)

Você está procurando uma maneira fácil de adicionar links de âncora aos posts e páginas do seu blog?

Os links âncora são usados com frequência nas seções da tabela de conteúdo porque ajudam os usuários a subir e descer em um artigo mais longo sem recarregar a página. Isso também pode ajudar no SEO, pois o Google pode mostrar seu conteúdo em snippets em destaque.

Neste guia, mostraremos a você como adicionar facilmente links de âncora no WordPress.

O que é um link âncora?

Um link âncora é um tipo de link na página que leva você a um local específico na mesma página. Ele permite que os usuários acessem a seção na qual estão mais interessados.

Como você pode ver, clicar no link âncora leva o usuário à seção específica na mesma página.

Os links âncora são normalmente usados em artigos mais longos, como o índice, o que permite que os usuários saltem rapidamente para as seções que desejam ler.

Outro uso de links de âncora é criar links de favoritos em seu site WordPress. Isso permite que você compartilhe o link do marcador nas mídias sociais ou em boletins informativos por e-mail, de modo que, quando a página for carregada, seus usuários acessem imediatamente a seção que você deseja que eles vejam.

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

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

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

Os links âncora facilitam isso, pois permitem 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 a conquistar novos clientes/leitores.

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

Está comprovado que isso aumenta a taxa de cliques nos resultados de pesquisa. Em outras palavras, você obtém mais tráfego para o seu site.

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

Dito isso, vamos dar uma olhada em 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 dos links de âncora abaixo e você será direcionado para a seção específica.

Como adicionar manualmente links âncora no WordPress

Se você quiser apenas adicionar alguns links de âncora ou links de favoritos em seu artigo, poderá fazer isso manualmente com facilidade.

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

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

Vamos começar com a parte do link âncora.

Etapa 1. Criação de um link âncora

Primeiro, você precisa editar ou criar um novo post ou página. Em seguida, selecione o texto que você 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 um post ou página para vincular.

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

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

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

• Use as palavras-chave relacionadas à seção para a qual você está criando o link.
• Não faça com que seu link âncora seja desnecessariamente longo ou complexo.
• Use hífens para separar palavras e torná-las mais legíveis.
• Você pode usar letras maiúsculas no texto âncora para torná-lo mais legível. Por exemplo: #Best-Coffee-Shops-New-York.

Depois de escolher o texto correto do link, é hora de ancorá-lo a uma área, seção ou texto na página que você deseja exibir quando os usuários clicarem no link â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 deseja que o usuário navegue quando clicar no link de âncora. Normalmente, é um título para uma nova seção.

Em seguida, basta selecionar o bloco. Em seguida, nas configurações do bloco no painel esquerdo, clique na guia “Advanced” (Avançado) para expandi-la.

Depois disso, você precisa adicionar o mesmo texto que adicionou como link de âncora no campo “HTML Anchor”.

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

Agora você pode salvar sua postagem e ver o link âncora em ação clicando na guia 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 desse 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, basta clicar no botão “Edit Visually” (Editar visualmente) novamente, e o link â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 do WordPress, veja como adicionar o link de âncora/link de salto.

Etapa 1. Criar o link âncora

Primeiro, você precisará editar ou criar um novo post ou página. Depois disso, selecione o texto que você deseja transformar em um link âncora e clique no botão “Insert Link” (Inserir link).

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

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

A próxima etapa é direcionar os navegadores para a seção que você deseja exibir quando os usuários clicarem no seu link âncora.

Para isso, você precisará mudar para o modo “Texto” no editor clássico. Depois disso, role para baixo até a seção para a qual deseja criar o link.

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 ele com o slug do seu link âncora sem o prefixo #, desta forma:

<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 âncora em ação.

Como adicionar manualmente links âncora em HTML

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

Primeiro, você precisa criar o link â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.

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

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

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

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

Como adicionar automaticamente títulos como links âncora no WordPress (recomendado)

A melhor maneira de adicionar automaticamente links de âncora no WordPress é usar o plug-in All in One SEO (AIOSEO). Esse método é adequado para usuários que publicam regularmente artigos longos e precisam criar uma tabela de conteúdo com links de âncora.

O AIOSEO é o melhor plug-in de SEO para WordPress e vem com um bloco integrado do WordPress para adicionar um índice.

Para este tutorial, usaremos a versão gratuita do AIOSEO Lite porque ela inclui o bloco de índice. Há também uma versão AIOSEO Pro que inclui mais recursos para ajudá-lo a se classificar melhor nos mecanismos de pesquisa.

A primeira coisa que você precisa fazer é instalar e ativar o plug-in AIOSEO. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Após a ativação, você verá o assistente de configuração. Basta clicar no botão “Let’s Get Started” (Vamos começar) e seguir as instruções na tela.

Para obter mais detalhes, consulte 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 na qual gostaria de adicionar links de âncora. Quando estiver no editor de conteúdo, basta clicar no botão “+” e adicionar o bloco “AIOSEO – Table of Contents”.

O plug-in 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, há uma opção para alterar o “Estilo de lista” de marcadores para números no painel de configurações à direita.

Além disso, você pode renomear os títulos, reorganizar sua ordem no bloco do índice e ocultar títulos específicos.

Agora você pode salvar suas alterações e visualizar o artigo. O plug-in exibirá automaticamente uma lista de links de âncora como seu índice.

Para obter instruções mais detalhadas, consulte nosso artigo sobre como adicionar um índice no WordPress.

Esperamos que este artigo tenha ajudado você a aprender como adicionar facilmente links de âncora no WordPress. Talvez você também queira ver nossas dicas sobre como otimizar adequadamente as publicações do seu blog para SEO e nossa seleção dos melhores plug-ins de criação de páginas do WordPress.

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