como criar links de salto no WordPress

Como Criar Jump Links no WordPress (e Aumentar sua Visibilidade nas SERPs)

Gostaria de aprender a criar links de salto no WordPress?

Links de salto podem facilitar para os leitores encontrarem o que desejam em suas páginas. E eles podem impulsionar seu SEO.

Neste tutorial passo a passo, você aprenderá a adicionar links de salto ao seu site WordPress facilmente.

O que você vai precisar: O plugin All in One SEO (AIOSEO)

Links de salto, também chamados de links de âncora, são hiperlinks nos quais você clica para ir para outra seção da mesma página da web. Exemplos de links de salto são um sumário, uma nota de rodapé ou um link para uma seção de “Leitura Relacionada”.

Links de salto podem ser bons para SEO porque podem ser exibidos nos resultados de pesquisa. O snippet do seu artigo pode acabar com 3-4 links em vez de apenas 1 link de título.

exemplo serp links de salto

Como você pode ver no exemplo acima, os links de salto oferecem aos pesquisadores uma maneira de clicar na seção exata do artigo em que estão interessados, como “Corrigir buracos médios”.

E como esses links fornecem informações adicionais sobre o artigo, eles levam a mais cliques, uma taxa de rejeição menor e conversões mais altas.

Você está pronto para aprender como obter esses tipos de resultados? Vamos começar.

A maneira mais fácil de criar links de salto para SEO é usar um plugin para gerar automaticamente um sumário a partir de um artigo finalizado.

Etapa 1: Instale o Plugin All in One SEO (AIOSEO)

Primeiro, recomendamos que você baixe o plugin AIOSEO. Uma das melhores funcionalidades deste plugin é o bloco AIOSEO – Sumário.

Este bloco adicionará instantaneamente um sumário a uma postagem concluída.

aioseo-homepage

Após baixar o plugin do AIOSEO, abra seu editor do WordPress e vá para Plugins » Adicionar Novo. Em seguida, carregue o arquivo zip do plugin.

Tem dúvidas? Siga as instruções aqui para instalá-lo e ativá-lo.

Agora você está pronto para adicionar um sumário a uma postagem.

Etapa 2: Adicionar um Sumário a um Artigo

No editor do WordPress, abra uma postagem à qual você deseja adicionar um sumário.

No corpo da postagem, coloque o cursor onde você deseja o sumário.

  1. Em seguida, clique no ícone preto + (“adicionar bloco“).
  2. Digite “AIOSEO” no campo de busca da janela pop-up e clique em AIOSEO – Table of Contents.

    adicionar índice aioseo

  3. Agora você verá o sumário (TOC) inserido em sua página. É assim que o TOC se parece no modo de edição.

    como criar links de salto no wordpress com índice

Etapa 3: (Opcional): Editar Seu Sumário

Existem algumas maneiras de editar seu sumário.

Você pode:

  • Editar os itens da lista
  • Remover itens da lista
  • Reordenar itens da lista
  • Editar o estilo.

Como Editar Itens da Lista

Para editar um item da lista, simplesmente coloque o cursor no campo do item da lista e edite o texto. Os títulos associados em seu artigo permanecerão os mesmos.

Além disso, encurtar esses itens sempre que possível é uma boa ideia. Isso facilita para os leitores verificarem rapidamente o que está em seu sumário. Se os títulos do seu sumário forem longos, eles podem ser truncados nos resultados da pesquisa. Aqui está um exemplo abaixo.

links de salto truncados

No próximo exemplo, editamos alguns de nossos títulos para que fiquem mais curtos:

edição de índice aioseo

Mas temos alguns itens repetidos ("Perguntas Suplementares") que não queremos que apareçam na pesquisa. Vamos descobrir como podemos ocultar esses itens dos espectadores.

Como Remover Itens da Lista

Para remover itens individuais da tabela de conteúdo, clique no ícone do olho à direita.

remover itens do índice aioseo

Agora esse item da lista ficará invisível para os espectadores. (Você pode torná-lo visível novamente clicando no olho outra vez.)

Como Reordenar Itens da Lista

Se você quiser alterar a ordem dos itens da lista, pode fazer isso facilmente. Isso não afetará a ordem dos títulos associados em seu artigo.

  • Clique no botão Reordenar no canto superior direito.

    reordenar índice wordpress

  • Pegue o ícone de 6 pontos ao lado do item que você deseja mover e arraste seu título para onde você o deseja.

    reordenar cabeçalhos do índice

  • Solte o ícone quando seu título estiver onde você deseja.

Como Editar o Estilo

Para ver suas opções de estilo:

  • Clique na área da tabela de conteúdo
  • Em seguida, clique no ícone de engrenagem na parte superior da página.

Agora, na coluna do menu "Bloco" à direita, você verá as configurações do AIOSEO – Tabela de Conteúdo.

configurações do índice aioseo
  • Em Estilo da Lista, você pode escolher exibir sua tabela de conteúdo como uma lista numerada em vez da lista de marcadores padrão.
  • Ou você pode adicionar código CSS personalizado para alterar a aparência. (Isso é para usuários avançados.)
configurações avançadas do índice aioseo

Nesta seção, você aprenderá como adicionar links de pulo usando apenas o editor de blocos do Gutenberg. Mesmo que você tenha o plugin AIOSEO, pode usar essas informações para adicionar links de pulo individuais no texto de suas postagens.

Etapa 1: Crie uma Âncora

  1. Em sua postagem, navegue até o bloco para onde você deseja que o link de pulo leve as pessoas. Coloque o cursor nesse bloco.
  2. No menu Bloco à direita, role para baixo até Avançado. Você verá um campo chamado Âncora HTML. Se o seu cursor estiver em um bloco de título (como no exemplo abaixo), esse campo de âncora HTML será preenchido instantaneamente para você.
exemplo de âncora html gutenberg
  • Se sua âncora não for um bloco de título, copie e cole algumas palavras do bloco no campo Âncora HTML (hifens serão inseridos automaticamente).
  • Se preferir criar o texto da sua âncora digitando-o diretamente no campo Âncora HTML, certifique-se de colocar hifens entre as palavras. (Você pode digitar o que quiser.)

Dica: Você não pode usar o mesmo texto de âncora exato duas vezes em uma página.

Agora navegue até o local em sua página do qual você deseja vincular.

  1. Destaque a palavra ou frase à qual você deseja adicionar o link de pulo.

    realçar texto gutenberg

  2. Na barra de ferramentas que aparece diretamente acima, clique no ícone de link. (Isso abrirá uma pequena janela pop-up.)

    popup de link gutenberg

  3. No campo mais alto dessa janela pop-up, cole o texto da sua âncora HTML precedido por um hashtag (#). Em seguida, clique na seta quadrada no canto superior direito para salvar seu link de pulo.

    como criar links de salto no wordpress gutenberg

  4. Salve o rascunho da sua postagem.

Agora, você pode pré-visualizar sua postagem e testar seu link de pulo.

Para criar links de âncora usando o Editor Clássico do WordPress, siga estas etapas.

Etapa 1: Crie uma Âncora

  1. No canto superior direito do seu post, mude da aba Visual (também chamada de “editor Visual”) para a aba Texto (também referida como “editor HTML”).

    editor clássico wordpress html
  2. Navegue até um cabeçalho (também chamado de sub-título) para o qual você deseja vincular.
  3. Dentro da tag de cabeçalho, digite id=\"seu-nome-da-âncora\" (escolha um nome de âncora). Neste exemplo, adicionaremos uma âncora a uma tag <h2> em nosso artigo, envolvendo o cabeçalho “Próximas Ações”.
exemplo de atributo id html

Sobre Atributos de id

Observe que o atributo "id" deve ser adicionado dentro da tag HTML (também chamada de elemento HTML).

Você não está restrito a adicionar atributos de id apenas a tags de cabeçalho. Aqui estão alguns exemplos de outras tags HTML às quais você pode adicionar atributos de id para pular para áreas específicas de uma página:

  • <img>
  • <video>
  • <audio>
  • <map>
  1. Em seguida, destaque o texto ao qual você deseja adicionar o link de salto. (No exemplo abaixo, destacamos “planeje suas ações digitais”.)
  2. Agora clique no botão “Link” no canto superior esquerdo.

    editor clássico wordpress adicionar link de âncora

  3. Uma janela pop-up Inserir/editar link aparecerá. No campo URL, digite um hashtag (#) seguido pelo nome da sua âncora.

    como criar links de salto no wordpress editor clássico

No código HTML, seu link de âncora ficará assim:

<a href="#next-action-steps">plan your digital actions</a>
  1. Salve seu rascunho e visualize/teste a página.

Como você pode ver, é mais fácil adicionar links de salto no editor Gutenberg do que no editor Clássico.

Agora, vamos considerar outro tipo de link de salto: notas de rodapé.

Como Criar Notas de Rodapé no WordPress

Notas de rodapé também são links de salto, mas com uma particularidade: elas são numeradas sequencialmente e fornecem uma maneira de retornar à referência no corpo do artigo. E elas são representadas por números sobrescritos no texto.

Como as notas de rodapé precisam de estilização especial, a maneira mais fácil de criá-las é usar um plugin do WordPress.

Pesquise por “plugins de notas de rodapé para WordPress” para encontrar um que você goste.

Antes de pesquisar, decida se você deseja criar estilos visuais diferentes para suas notas de rodapé. Se sim, procure um plugin que inclua opções de design.

Um índice facilita a navegação dos usuários em uma página longa. Isso é particularmente verdadeiro para usuários de smartphones.

Aqui estão algumas ideias adicionais para usar links de salto de página.

  • Página de estudo de caso: Link de um resumo introdutório para o próprio estudo.
  • Página promocional: Link para uma seção de “comprar agora” ou “agendar consulta”.
  • Página de evento: Link para a seção de registro.

Interessado em Outros Plugins de Índice?

Recomendamos o plugin All in One SEO (AIOSEO) neste artigo como uma maneira fácil de adicionar um índice. O AIOSEO tem altas classificações no WordPress.org devido à sua facilidade de uso e versatilidade.

Se você está procurando por plugins que fazem apenas uma coisa — adicionar um índice — confira estas opções.

  • Sumário Heroico
  • Sumário Joli
  • Sumário LuckyWP
  • SimpleTOC

Próximos Passos?

Quando os links de salto aparecem nos resultados de pesquisa, eles podem aumentar a receita e as conversões. Também vimos como eles melhoram a experiência do usuário, facilitando para os visitantes do site acessarem uma seção específica de uma página.

Esperamos que esta postagem tenha ajudado você a aprender uma maneira fácil de adicionar links de salto ao seu site WordPress. Você também pode querer conferir como FAQs podem turbinar seu tráfego e adicionar alguns breadcrumbs para SEO enquanto estiver nisso.

Se você achou este artigo útil, por favor, inscreva-se em nosso Canal do YouTube. Você encontrará muitos tutoriais do WordPress lá. Você também pode nos seguir no Twitter, LinkedIn ou Facebook para ficar por dentro.

Quer Experimentar o AIOSEO Gratuitamente?

Digite o URL do seu site WordPress para instalar o AIOSEO Lite.

Aviso: Nosso conteúdo é apoiado pelo leitor. Isso significa que se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.

avatar do autor
Sherrie Gossett Redator de Conteúdo
Sherrie é analista de SEO com sede em New Hampshire, nos Estados Unidos. Quando não está ocupada pesquisando, implementando e escrevendo sobre novos desenvolvimentos de SEO, ela pode ser encontrada fazendo trilhas e tocando violão.

Adicionar um Comentário

Estamos felizes que você escolheu deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.