Como criar links de salto no WordPress? » Classificar Matemática

A maioria das pessoas pensa nos links como uma forma de conectar dois sites diferentes. Você pode usar hiperlinks para conectar dois artigos do seu blog ou a uma página de destino, página de produto ou até mesmo um tweet ao seu site.

Mas os hiperlinks são capazes de muito mais. Você também pode usar hiperlinks para vincular ao conteúdo na mesma página com um pouco de edição. Estes são conhecidos como links de salto.

Então, lembre-se daquele glossário muito exaustivo que você compilou de termos do setor com os quais seu público deve estar familiarizado? Quando você se refere a algo que disse em outro lugar nesse artigo, pode criar um link para ele, tornando mais fácil para seus espectadores descobrirem sobre o que você está falando.

Quer ver o que significa? Apenas Clique aqui.

Não é incrível? A melhor parte é que você pode fazer tudo sozinho, mesmo que não tenha muita experiência em HTML. Se a linguagem HTML parecer confusa, siga esta postagem para ajudá-lo a criar seus links de salto para sua postagem com facilidade.

O salto de página, também conhecido como links de âncora ou links de salto, é quando você clica em um link e é imediatamente transportado para um local diferente em uma página longa.

Em outras palavras, são links internos especiais que direcionam os usuários para uma seção específica de uma página. Em termos de UX, eles são úteis para o skimming de páginas, pois ajudam os usuários a navegar por páginas longas sem rolar ou pesquisar na página e oferecem uma pequena vantagem no Google.

Quem não quer uma vantagem gratuita do Google?

Links de salto são ótimos para SEO do WordPress. O Google pode exibir um link âncora nos resultados da pesquisa como um “salto para o link”.

Aqui está a aparência do link de salto no Google SERP:

Jump links in search results

Os links de salto são criados para quatro propósitos principais:

  1. Quando a palavra-chave de destino é ampla ou quando o conteúdo informativo segue um procedimento passo a passo.
  2. O usuário pode pular a rolagem para a parte da informação que precisa, tornando navegação na página mais fácil.
  3. Para reduzir as taxas de rejeição.
  4. Para aparecer em snippets de resultados de pesquisa, principalmente para um termo com vários tópicos ou várias intenções.

2 Como criar links de salto?

Permitir que os visitantes “pulem” para uma determinada seção de uma página da web pode ajudar as empresas a prosperar. No entanto, fazê-lo corretamente é mais vital do que fazê-lo incorretamente.

Aqui está um método passo a passo para adicionar links de salto ao seu conteúdo.

2.1 Criar uma âncora

O estágio inicial é criar um local onde seus visitantes irão pousar depois de clicar no salto de página. Precisaremos de algo chamado “âncora” para conseguir isso.

Primeiro no seu editor de posts do WordPress, clique no botão + ícone no canto superior esquerdo e adicione o Bloco de rumo como mostrado abaixo.

Adicionar um bloco de título

Escreva seu título. Certifique-se de escrever títulos apropriados e poderosos para torná-los atraentes em snippets de pesquisa.

Uma vez que seus títulos são escritos, navegue até Configurações de bloqueio do lado direito e clique em Avançado. No campo âncora HTML, digite uma palavra para formar seu link. É possível que um tenha sido gerado automaticamente para você.

Adicionar âncora HTML

Verifique se o texto âncora não contém espaços, pois isso pode causar problemas nos navegadores. Além disso, escolha um texto âncora exclusivo que não seja repetido em nenhum lugar da página.

Em seguida, você deve criar um link para sua âncora. Este é o link para o qual os visitantes irão pousar quando clicarem nele. Para fazer isso, adicione algum texto no qual você gostaria que seus visitantes clicassem. Em seguida, destaque o texto e selecione o link opção como mostrado abaixo.

Adicione um link à sua âncora

Digite a âncora HTML que você criou e prefixe-a com o símbolo de libra (#). Por exemplo, se você criou uma âncora chamada pule aquivocê ligaria para #salto-aqui.

Adicione um link à sua âncora HTML

Clique no ícone de seta ou pressione Entrar/Retornar no teclado para salvar o link. Mole-mole? Agora você tem um hiperlink funcional entre dois conteúdos na mesma página.

3 Crie um índice simples com links de salto

Links de salto são comumente usados ​​em artigos mais longos como o índice, permitindo que os usuários saltem para as seções que desejam ler rapidamente. Se você tiver um conhecimento básico de HTML, será fácil criar um índice com links de salto.

Dê uma olhada na captura de tela animada de Classifique a matemática índice abaixo:

Índice em Rank Math

Como você pode ver, clicar nos links de âncora da tabela de conteúdo leva o usuário para a seção específica na mesma página.

Para adicionar o índice, navegue até sua postagem/página onde você gostaria de adicionar o índice.

Crie os títulos que serão usados ​​como itens no sumário. Clique no primeiro bloco de título. Uma barra de ferramentas do WordPress aparecerá. Clique no Mais opções botão (o ícone de três pontos verticais) e selecione Editar como HTML como mostrado abaixo.

criar índice com links de salto

Agora, na tag de abertura do título, adicione um nome de ID exclusivo. Um nome de ID é um identificador exclusivo aplicado à tag inicial de um elemento HTML. Veja como deve ser um cabeçalho:

<h2 id=”anchor-1”> Heading 1 </h2>

Repita para o resto dos títulos da página (ou apenas os que você deseja incluir no índice). Para este exemplo, os nomes de ID usados ​​são “anchor-1”, “anchor-2”, “anchor-3” e “anchor-4”.

Adicionar nome de ID exclusivo

Volte ao topo da página e clique no botão Adicionar bloco botão na barra de ferramentas superior. Selecione os HTML personalizado bloquear no menu. Você pode usar este bloco HTML para fazer um índice.

Adicionar bloco HTML personalizado

Agora adicione o índice com seus links de salto. Para criar os links de salto, preencha o atributo href com uma hashtag e o nome do id dos títulos criados anteriormente. Copie e cole o seguinte código no bloco:

<div>
<p>Table of contents</p>
<ol>
    <li><a href="#anchor-1">Heading 1</a></li>
    <li><a href="#anchor-2">Heading 2</a></li>
    <li><a href="#anchor-3">Heading 3</a></li>
    <li><a href="#anchor-4">Heading 4</a></li>
</ol>
</div>

Personalize os nomes das seções e os links de salto para vincular aos títulos corretos de acordo com suas necessidades. Em outras palavras, substitua o texto após # com seus valores de “id” e o texto entre a tag âncora de abertura e fechamento (ou seja, Título 1, Título 2…), e substitua-os pelo título dos respectivos títulos.

E é isso! Sua mesa está pronta.

4 Conclusão

Se você estiver produzindo muito conteúdo mais longo, os links de salto ajudarão seus leitores a encontrar rapidamente o que estão procurando. Você está usando links de salto em seu site WordPress?

Se sim, avise-nos por twittando @rankmathseo. 💬 Adoraríamos ouvir sua experiência e pensamentos.

Source link

Amazon Coaching Grátis

Venda 25K Dólares com apenas um Produto no Amazon.

Artigos Relacionados

LEAVE A REPLY

Please enter your comment!
Please enter your name here

dezenove − 4 =

- Ana Pereira -spot_img

Últimos Artigos