Gostaria de aprender a criar jump links no WordPress?
Os jump links 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 facilmente links de salto ao seu site WordPress.
O que você precisará: O plug-in All in One SEO (AIOSEO)
Neste artigo
O que são Jump Links?
Os jump links, 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 índice, uma nota de rodapé ou um link para uma seção de "Leitura relacionada".
Os jump links são bons para SEO?
Os links de salto podem ser bons para SEO porque podem ser exibidos nos resultados de pesquisa. Seu snippet de artigo pode acabar com 3 a 4 links em vez de apenas 1 link de título.
Como você pode ver no exemplo acima, os jump links oferecem aos pesquisadores uma maneira de clicar na seção exata do artigo em que estão interessados, como "Fix medium holes".
E como esses links fornecem informações adicionais sobre o artigo, eles levam a mais cliques, a uma taxa de rejeição menor e a conversões mais altas.
Você está pronto para aprender como obter esses tipos de resultados? Vamos começar.
Como criar links de salto no WordPress automaticamente: Índice fácil
A maneira mais fácil de criar jump links para SEO é usar um plug-in para gerar automaticamente um índice a partir de um artigo finalizado.
Etapa 1: Instale o plug-in All in One SEO (AIOSEO)
Primeiro, recomendamos que você faça o download do plug-in AIOSEO. Um dos melhores recursos desse plug-in é o bloco AIOSEO - Table of Contents.
Esse bloco adicionará instantaneamente um índice a uma postagem concluída.
Depois de baixar o plugin do AIOSEO, abra o editor do WordPress e vá para Plugins " Add New. Em seguida, carregue o arquivo zip do plug-in.
Tem dúvidas? Siga as instruções aqui para instalá-lo e ativá-lo.
Agora você está pronto para adicionar um índice a uma postagem.
Etapa 2: Adicionar um índice a um artigo
No editor do WordPress, abra uma postagem à qual você deseja adicionar um índice.
No corpo da postagem, posicione o cursor no local em que deseja colocar o índice.
- Em seguida, clique no ícone preto + ("adicionar bloco").
- Digite "AIOSEO" no campo de pesquisa da janela pop-up e clique em AIOSEO - Índice.
- Agora você verá o índice (TOC) inserido em sua página. Esta é a aparência do TOC no modo de edição.
Etapa 3: (Opcional): Editar seu índice
Há algumas maneiras de editar seu índice.
Você pode:
- Editar os itens da lista
- Remover itens da lista
- Reordenar itens da lista
- Editar o estilo.
Como editar itens de lista
Para editar um item de lista, basta posicionar o cursor no campo do item de lista e editar o texto. Os cabeçalhos associados em seu artigo permanecerão os mesmos.
Além disso, é uma boa ideia encurtá-los sempre que possível. Isso facilita a leitura rápida do que está em seu índice pelos leitores. Se os títulos de seu índice forem longos, eles poderão ser truncados nos resultados de pesquisa. Veja um exemplo abaixo.
No próximo exemplo, editamos alguns de nossos cabeçalhos para que fiquem mais curtos:
Mas temos alguns itens repetidos ("Perguntas complementares") que não queremos que apareçam na pesquisa. Vamos descobrir como podemos ocultar esses itens dos visualizadores.
Como remover itens da lista
Para remover itens individuais do índice, clique no ícone do olho à direita.
Agora, esse item da lista ficará invisível para os visualizadores. (Você pode torná-lo visível novamente clicando no olho outra vez).
Como reordenar itens da lista
Se quiser alterar a ordem dos itens da lista, você pode fazer isso facilmente. Isso não afetará a ordem dos cabeçalhos associados em seu artigo.
- Clique no botão Reorder (Reordenar) no canto superior direito.
- Pegue o ícone de 6 pontos ao lado do item que você deseja mover e arraste o cabeçalho para o local desejado.
- Solte o ícone quando o cabeçalho estiver na posição desejada.
Como editar o estilo
Para visualizar suas opções de estilo:
- Clique na área do índice
- Em seguida, clique no ícone de engrenagem na parte superior da página.
Agora, na coluna direita do menu "Block", você verá as configurações do AIOSEO - Table of Contents.
- Em List Style, você pode optar por exibir o índice 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).
Os mecanismos de pesquisa não são obrigados a exibir itens de índice em seus resultados. Mas adicioná-los pode aumentar as chances de que isso aconteça e melhorar a experiência do usuário no seu site.
Como criar links de salto no Gutenberg sem um plug-in
Nesta seção, você aprenderá a adicionar jump links usando apenas o editor de blocos do Gutenberg. Mesmo que você tenha o plug-in AIOSEO, poderá usar essas informações para adicionar links de salto individuais no texto de suas postagens.
Etapa 1: Criar uma âncora
- Em sua postagem, navegue até o bloco para o qual você deseja que o link de salto leve as pessoas. Posicione o cursor nesse bloco.
- No menu do bloco à direita, role para baixo até Advanced. Você verá um campo chamado HTML anchor (âncora HTML). Se o cursor estiver em um bloco de título (como no exemplo abaixo), esse campo de âncora HTML será preenchido instantaneamente para você.
- Se sua âncora não for um bloco de títulos, copie e cole algumas palavras do bloco no campo de âncora HTML (os hifens serão inseridos automaticamente).
- Se você preferir criar seu texto âncora digitando-o diretamente no campo de âncora HTML, certifique-se de colocar hífens entre as palavras. (Você pode digitar o que quiser).
Dica: não é possível usar o mesmo texto âncora exato duas vezes em uma página.
A âncora HTML também é chamada de id de âncora ou tag de âncora.
Etapa 2: Crie um link para sua âncora
Agora, navegue até o local em sua página a partir do qual você deseja criar o link.
- Destaque a palavra ou frase à qual você deseja adicionar o link de salto.
- Na barra de ferramentas que aparece logo acima, clique no ícone de link. (Isso abrirá uma pequena janela pop-up).
- No campo mais alto dessa janela pop-up, cole o texto âncora em HTML precedido por uma hashtag (#). Em seguida, clique na seta quadrada no canto superior direito para salvar seu link de salto.
- Salve o rascunho da postagem.
Agora, você pode visualizar sua postagem e testar seu link de salto.
Como criar links de salto no Editor clássico sem um plug-in
Para criar links de âncora usando o Editor clássico do WordPress, siga estas etapas.
Etapa 1: Criar uma âncora
- No canto superior direito de sua postagem, alterne entre as opções Visual (também chamada de "Editor visual") para a guia Texto (também chamada de "editor HTML").
- Navegue até um cabeçalho (também chamado de subtítulo) para o qual você deseja criar um link.
- Inside the heading tag type id=”your-anchor-name” (choose an anchor name). In this example, we'll add an anchor to an <h2> tag in our article, surrounding the heading “Next Action Steps.”
Sobre os atributos de id
Observe que o atributo "id" deve ser adicionado dentro da tag HTML (também chamada de elemento HTML).
No entanto, você não está restrito a adicionar atributos de id a tags de cabeçalho. Aqui estão alguns exemplos de outras tags HTML às quais você pode adicionar atributos de id para saltar para áreas específicas de uma página:
- <table>
- <img>
- <video>
- <audio>
- <map>
Etapa 2: Adicionar o Jump Link
- Em seguida, destaque o texto ao qual você deseja adicionar o link de salto. (No exemplo abaixo, destacamos "planeje suas ações digitais").
- Agora, clique no botão "Link" no canto superior esquerdo.
- Será exibida uma janela pop-up Inserir/editar link. No campo URL, digite uma hashtag (#) seguido do nome de sua âncora.
No código HTML, seu link âncora terá a seguinte aparência:
<a href="#next-action-steps">plan your digital actions</a>- 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 Classic.
Agora, vamos prosseguir e considerar outro tipo de link de salto: as notas de rodapé.
Como criar notas de rodapé no WordPress
As notas de rodapé também são links de salto, mas com uma diferença: elas são numeradas sequencialmente e fornecem uma maneira de retornar à referência no corpo do artigo. E são representadas por números sobrescritos no texto.
Como as notas de rodapé precisam de um estilo especial, a maneira mais fácil de criá-las é usar um plug-in do WordPress.
Faça uma pesquisa por "plugins de notas de rodapé do WordPress" para encontrar um que lhe agrade.
Antes de fazer sua pesquisa, decida se deseja criar estilos visuais diferentes para suas notas de rodapé. Se for o caso, procure um plug-in que inclua opções de design.
Ideias para usar links âncora
Um índice facilita a navegação dos usuários em uma página longa. Isso é especialmente 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 estudo em si.
- Página promocional: Link para uma seção "compre agora" ou "marque uma consulta".
- Página do evento: Link para a seção de registro.
Interessado em outros plug-ins de índice?
Recomendamos o plug-in 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 estiver procurando por plug-ins que façam apenas uma coisa - adicionar um índice -, confira estas opções.
- Índice Heroico
- Índice da Joli
- Índice do LuckyWP
- SimpleTOC
O que vem a seguir?
Quando os jump links 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 o acesso dos visitantes do site a uma seção específica de uma página.
Esperamos que este post tenha ajudado você a aprender uma maneira fácil de adicionar jump links ao seu site WordPress. Talvez você também queira conferir como as perguntas frequentes podem turbinar seu tráfego e adicionar algumas migalhas de pão para SEO enquanto você faz isso.
Se você achou este artigo útil, inscreva-se em nosso canal do YouTube. Você encontrará muitos tutoriais sobre WordPress lá. Você também pode nos seguir no Twitter, LinkedIn ou Facebook para ficar por dentro das novidades.
Quer experimentar o AIOSEO gratuitamente?
Digite o URL do seu site WordPress para instalar o AIOSEO Lite.
Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.
