Como Referenciar um Parágrafo ou Frase Específica em Posts do WordPress

Conteúdo de formato longo é ótimo para construir autoridade e responder a perguntas detalhadamente. Mas quando um leitor está procurando por uma resposta específica, fazê-lo rolar por milhares de palavras pode ser frustrante.

É aí que os links para parágrafos ou frases específicas podem fazer uma grande diferença. Em vez de simplesmente apontar os leitores para uma página, você pode guiá-los diretamente para a informação que você quer que eles vejam.

Neste artigo, mostraremos como vincular diretamente a um parágrafo ou frase específica em suas postagens do WordPress usando dois métodos simples.

Veja o que abordaremos neste artigo:

O Caminho Rápido: Copie um Link de Destaque do Seu Navegador

A maneira mais fácil de criar um link que aponta para um parágrafo ou frase específica é deixar seu navegador gerá-lo para você com um clique. 

Basta abrir a página para a qual deseja vincular e destacar as palavras exatas que deseja compartilhar. Depois disso, clique com o botão direito na seleção e escolha 'Copiar link para destaque'.

Se você estiver usando o Safari, essa opção é listada como 'Copiar link com destaque'.

Sua área de transferência agora contém o link completo. Ele contém o endereço da página, os caracteres #:~:text= e as palavras que você selecionou em forma codificada. Isso significa que espaços e pontuações são substituídos por códigos como %20 para que possam ser inseridos com segurança em um URL.

https://example.com/wordpress-post/#:~:text=Start%20highlight%20here

Quando um leitor clica nesse link, o navegador rola imediatamente para a passagem designada e destaca o texto.

Lembre-se de que isso funciona apenas em texto padrão e selecionável. Links de destaque não funcionarão em texto incorporado em imagens, documentos PDF ou em um quadro incorporado, como um player de vídeo do YouTube.

O Caminho Manual: Escreva o URL do Fragmento de Texto Você Mesmo

Às vezes, o link gerado automaticamente não é exatamente o que você precisa. Por exemplo, a frase exata pode aparecer várias vezes na página, ou você pode querer destacar uma passagem inteira sem usar vários parágrafos de texto em seu link.

Para esses casos, entender como o URL é estruturado lhe dá controle total sobre o que é selecionado:

https://example.com/page/#:~:text=prefix-,textStart,textEnd,-suffix

• textStart é a única parte necessária. Por si só, ela informa ao navegador para destacar essa frase exata.
• textEnd transforma sua seleção em um intervalo, destacando tudo, desde sua frase inicial até sua frase final.
• prefix- e -suffix especificam as palavras imediatamente antes e depois do seu texto de destino. Eles são úteis quando a mesma frase aparece várias vezes na página e você precisa informar ao navegador qual ocorrência usar.

Para destacar uma passagem longa sem digitar todas as palavras, você só precisa digitar a frase de abertura e a frase de fechamento, separadas por uma vírgula. O navegador destacará automaticamente tudo entre elas.

https://example.com/page/#:~:text=Start%20of%20the%20passage,end%20of%20the%20passage

Da mesma forma, você pode destacar duas passagens separadas na mesma página juntando-as com &text=. Isso é útil quando você deseja direcionar os leitores para duas informações relacionadas, como uma afirmação e a ressalva que a segue.

https://example.com/page/#:~:text=first%20passage&text=second%20passage

Se você não quiser escrever URLs manualmente, o Gerador de Links de Fragmentos de Texto gratuito pode construir o URL para você automaticamente.

Na ferramenta, cole o endereço da página de destino junto com o texto exato que você deseja destacar.

Se o texto aparecer várias vezes na página, você pode preencher os campos opcionais de prefixo e sufixo para localizar a localização exata. A ferramenta aplicará automaticamente a codificação correta e gerará um link final pronto para copiar e compartilhar.

Adicionando o Link de Destaque ao Seu Post do WordPress

Depois de copiar o link para a área de transferência, você pode adicioná-lo no editor de blocos do WordPress exatamente da mesma forma que adiciona qualquer outro link. Você não precisa de plugins adicionais ou blocos personalizados.

Simplesmente abra a postagem ou página que deseja editar e selecione o texto âncora. Esta é a palavra ou frase na qual você deseja que o leitor clique.

Em seguida, clique no ícone de Link na barra de ferramentas do bloco ou use o atalho de teclado Ctrl+K no Windows / Command+K no Mac.

Depois disso, cole o link de destaque no campo e pressione Enter. O WordPress armazena o URL completo, incluindo o fragmento de texto no final dele.

Finalmente, publique ou atualize a postagem e clique no link na página ativa. O navegador deve pular para a passagem e destacá-la, o que confirma que a referência está funcionando.

Vinculando a uma Parte Específica de uma Postagem Usando Links de Âncora

Um link âncora leva o leitor a uma seção específica de uma página usando um atributo id HTML adicionado a um bloco no editor. Embora não destaque o texto da maneira que um fragmento de texto faz, ele nunca quebrará se você atualizar ou editar a redação posteriormente.

Para adicionar um link âncora, selecione o bloco ao qual deseja vincular, como um título, dentro do editor de conteúdo do WordPress.

Em seguida, abra a aba Bloco na barra lateral de Configurações à direita, expanda o painel ‘Avançado’ e digite uma palavra-chave curta no campo ‘Âncora HTML’.

Você pode usar a âncora HTML para criar um link âncora. Dentro da mesma página, o link se parece com isto:

<a href="#linkedsection">

Se você estiver apontando para um atributo ID em uma página da web diferente, o link se parece com isto:

<a href="https://example.com/#linkedsection">

Para adicionar um ID, você precisará editar a postagem para que este método funcione melhor para seu próprio conteúdo.

Para o tutorial completo em ambos os editores, consulte nosso guia passo a passo sobre como adicionar facilmente links âncora no WordPress.

Perguntas Frequentes Sobre Referenciar Texto no WordPress

Abaixo estão as respostas para algumas das perguntas mais comuns que recebemos sobre a criação de links para parágrafos e frases específicas.

1. Qual é a diferença entre um link âncora e um link de destaque?

A diferença é o que cada link tem como alvo.

Um link âncora aponta para um ID HTML fixo adicionado à página, mantendo o link ativo, não importa como a redação ao redor dele mude.

Um link de destaque aponta para as próprias palavras e as destaca quando a página carrega. Você não precisa editar a página de destino, portanto, é ideal para citar outros sites. No entanto, ele deixará de funcionar se essa redação for editada.

2. Os links âncora funcionam em todos os sites?

Sim, os links âncora são uma parte fundamental do HTML e funcionam em qualquer site em todos os navegadores modernos.

3. O que acontece se o texto na página mudar?

O link pode parar de funcionar como esperado se o texto referenciado for removido ou alterado significativamente. Como o navegador precisa encontrar as palavras especificadas na página, o texto ainda deve corresponder para que o destaque funcione.

Esperamos que este tutorial tenha ajudado você a aprender como referenciar um parágrafo ou frase específica em postagens do WordPress. Você também pode querer ver nosso guia sobre SEO do WordPress e nossas dicas sobre linkagem interna para SEO.

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.