{"id":33671,"date":"2022-10-04T14:46:25","date_gmt":"2022-10-04T17:46:25","guid":{"rendered":"https:\/\/dannybia.com\/blog\/?p=33671"},"modified":"2025-10-23T11:52:26","modified_gmt":"2025-10-23T14:52:26","slug":"criando-texto-ancora-no-wordpress","status":"publish","type":"post","link":"https:\/\/dannybia.com\/blog\/criando-texto-ancora-no-wordpress\/","title":{"rendered":"Criando Texto \u00c2ncora no WordPress"},"content":{"rendered":"<h1>Criando Texto \u00c2ncora no WordPress<\/h1>\n<h2>O que \u00e9 \u00e2ncora em HTML?<\/h2>\n<p align=\"justify\">A\u00a0<b>HTML<\/b>\u00a0usa a tag <code>&lt;a&gt;<\/code> (<b>\u00e2ncora<\/b>) para criar um v\u00ednculo (link) com outro documento. &#8230; A tag <code>&lt;a&gt;<\/code> \u00e9 usada para criar uma\u00a0<b>\u00e2ncora<\/b>\u00a0de onde vincular, o atributo href \u00e9 usado para onde endere\u00e7ar o documento, e as palavras entre as tags de abertura e fechamento da\u00a0<b>\u00e2ncora<\/b> ser\u00e3o exibidas como um hiperv\u00ednculo.<\/p>\n<h2>O que \u00e9 o texto \u00e2ncora?<\/h2>\n<p align=\"justify\"><b>Texto \u00e2ncora<\/b>\u00a0\u00e9 um conte\u00fado clic\u00e1vel que redireciona o leitor para outra p\u00e1gina. S\u00e3o as letras em geral azuis e sublinhadas que aparecem quando voc\u00ea insere um link em alguma palavra ou frase. Ele \u00e9 importante para os mecanismos de busca, pois indica um conte\u00fado relevante sobre determinado assunto.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-33672\" src=\"https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/criando-texto-ancora-no-wordpress.png\" alt=\"\" width=\"1000\" height=\"567\" srcset=\"https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/criando-texto-ancora-no-wordpress.png 600w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/criando-texto-ancora-no-wordpress-768x435.png 768w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/criando-texto-ancora-no-wordpress-100x56.png 100w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/criando-texto-ancora-no-wordpress-230x130.png 230w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<h2>Para que servem estes links (\u00c2ncoras)?<\/h2>\n<p align=\"justify\">Eles mostram mais rapidamente a parte do texto para os usu\u00e1rios. Digamos que voc\u00ea tenha postagens enormes no seu site e os usu\u00e1rios de hoje em dia tem muita pressa, eles v\u00e3o clicar no t\u00f3pico e pular diretamente para a parte que lhe interessa.<\/p>\n<p align=\"justify\">Por\u00e9m isso tem um detalhe: os usu\u00e1rios podem ficar menos tempo no seu site. Por outro lado ele pode gostar do que viu, porque ele encontrou com rapidez o que pesquisava. Dessa forma ele pode voltar no futuro.<\/p>\n<p align=\"justify\">E quanto ao impacto de SEO? N\u00e3o tenho dados suficientes que apontem um grande impacto positivo na\u00a0indexa\u00e7\u00e3o de p\u00e1ginas\u00a0com texto \u00e2ncora no WordPress. Mas com certeza, n\u00e3o h\u00e1 impacto negativo, desde que voc\u00ea o fa\u00e7a com responsabilidade e relev\u00e2ncia.<\/p>\n<p align=\"justify\">Neste Post vou ensinar e mostrar como voc\u00ea pode criar link de texto \u00e2ncora no WordPress.<\/p>\n<p align=\"justify\">Eles ajudam na identifica\u00e7\u00f5es de cabe\u00e7alhos, ou de parte do conte\u00fado, dentro da postagem. Talvez voc\u00ea j\u00e1 tenha visto algumas pessoas chamando estes links de tags de \u00e2ncora no WordPress. \u00c9 exatamente disso que eu estou falando!<\/p>\n<p align=\"justify\">Se voc\u00ea tem se\u00e7\u00f5es diferentes em um post, ou uma p\u00e1gina longa e deseja que o visitante clique em um link &#8211; digamos &#8211; de <strong>uma palavra<\/strong> que queira dar explica\u00e7\u00f5es ou comentar a respeito, ou em um <strong>\u00edndice <\/strong>que voc\u00ea criou para ir para uma se\u00e7\u00e3o diferente desse post, ent\u00e3o voc\u00ea vai querer usar um link de \u00e2ncora.<\/p>\n<p align=\"justify\">Criar links de\u00a0ancoragem no WordPress n\u00e3o \u00e9 t\u00e3o f\u00e1cil como soletrar a palavra casa. Para isso basta seguir os passos abaixo e voc\u00ea poder\u00e1 facilmente criar links de ancoragem sem habilidades de codifica\u00e7\u00e3o. \u00c9 tudo muito bem simples.<\/p>\n<h2>Criar link de texto \u00e2ncora manualmente<\/h2>\n<p align=\"justify\">Provavelmente, voc\u00ea j\u00e1 sabe como criar um link externo, ou links internos na postagem. A primeira parte deste procedimento \u00e9 id\u00eantica, mas vamos ao passo a passo.<\/p>\n<p align=\"justify\">1 &#8211; Selecione o texto que voc\u00ea quer adicionar o link de \u00e2ncora. No caso aqui deste exemplo, selecionei a palavra boulevard.<br \/>\n2 &#8211; Quando abrir a caixa de link, d\u00ea um nome seguido de <span class=\"red\">#<\/span>, como mostra a imagem a seguir.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-33673 size-full\" src=\"https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/ancora-boulevard_dannys.jpg\" alt=\"\" width=\"509\" height=\"158\" srcset=\"https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/ancora-boulevard_dannys.jpg 509w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/ancora-boulevard_dannys-768x238.jpg 768w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/ancora-boulevard_dannys-100x31.jpg 100w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2025\/10\/ancora-boulevard_dannys-230x71.jpg 230w\" sizes=\"auto, (max-width: 509px) 100vw, 509px\" \/><\/p>\n<p align=\"justify\">3 &#8211; Neste exemplo usamos o <span class=\"red\">#boulevard<\/span>, mas voc\u00ea deve inserir um nome semelhante (boulevard) \u00e0 parte do conte\u00fado, ou do cabe\u00e7alho da parte do seu post. Mas, cuidado, o texto deve ser exatamente id\u00eantico, caso contr\u00e1rio, n\u00e3o funcionar\u00e1.<br \/>\n4 &#8211; Em seguida clique no bot\u00e3o Aplicar.<\/p>\n<p align=\"justify\">Veja aqui onde fiz este teste: <a href=\"https:\/\/dannybia.com\/dannys\/dont-stop-believin\/\">Don\u2019t Stop Believin\u2019 &#8211; Journey<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-19530 size-full alignright\" src=\"https:\/\/dannybia.com\/dannys\/wp-content\/uploads\/2021\/03\/guia-texto-dannys.jpg\" alt=\"\" width=\"149\" height=\"84\" srcset=\"https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2021\/03\/guia-texto-dannys.jpg 149w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2021\/03\/guia-texto-dannys-768x432.jpg 768w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2021\/03\/guia-texto-dannys-100x56.jpg 100w, https:\/\/dannybia.com\/blog\/wp-content\/uploads\/2021\/03\/guia-texto-dannys-230x129.jpg 230w\" sizes=\"auto, (max-width: 149px) 100vw, 149px\" \/><\/p>\n<h2>Agora vamos adicionar a identifica\u00e7\u00e3o da \u00e2ncora:<\/h2>\n<p align=\"justify\">1 &#8211; V\u00e1 para a guia Texto, no canto superior direito do Editor (veja imagem).<br \/>\n2 &#8211; Localize a parte do post, para onde o usu\u00e1rio deve ir ao clicar no seu link \u00e2ncora.<br \/>\n3 &#8211; Cole um dos seguintes c\u00f3digo:s <code>&lt;a id=\"boubelard\"&gt;&lt;\/a&gt;<\/code>\u00a0ou <code>&lt;a name=\"boubelard\"&gt;&lt;\/a&gt;<\/code>, e, volte para o modo visual.<br \/>\n4 &#8211; Para ver se est\u00e1 funcionando, clique no bot\u00e3o Visualizar Altera\u00e7\u00f5es.<\/p>\n<p align=\"justify\">Repita esta etapa para criar quantos <strong>links de \u00e2ncora<\/strong> voc\u00ea quiser dentro do post.<\/p>\n<h2>Criar link de texto \u00e2ncora no WordPress com plugin<\/h2>\n<p align=\"justify\">Mostrei acima a op\u00e7\u00e3o manual, mas se voc\u00ea n\u00e3o pretende gastar o seu tempo com c\u00f3digo HTML toda vez, que criar um post, ent\u00e3o instale plugins para fazer o trabalho. Existem alguns plugins gratuitos e incr\u00edveis no WordPress que voc\u00ea pode utilizar para facilmente adicionar links de \u00e2ncora e at\u00e9 mesmo um \u00edndice para cada post. \u00c9 auto intuitivo.<\/p>\n<h2>Criar links de \u00e2ncora para outra p\u00e1gina de conte\u00fado<\/h2>\n<p align=\"justify\">Voc\u00ea tamb\u00e9m pode criar links de \u00e2ncora nomeados entre as p\u00e1ginas. Como voc\u00ea pode ver no exemplo acima, em vez de ir para uma se\u00e7\u00e3o diferente neste post, navega direto para uma nova URL. Em seguida, pulamos para essa se\u00e7\u00e3o.<\/p>\n<p align=\"justify\">Para fazer isso apenas ao criar o link, insira a\u00a0<a href=\"https:\/\/dannybia.com\/dannys\/dont-stop-believin\/\">URL para a p\u00e1gina<\/a>\u00a0que voc\u00ea deseja navegar para seguir o hash id. Pegando o exemplo acima tem esse c\u00f3digo como o link:<\/p>\n<p align=\"justify\">\/criando-link-ancora-no-wordpress\/<code><span class=\"red\">#boulevard<\/span><\/code><\/p>\n<h4>Agora voc\u00ea j\u00e1 sabe como inserir links de \u00e2ncora e tamb\u00e9m para que serve. Espero ter ajudado.<\/h4>\n<div class='grid-row clearfix'><div class='grid-col grid-col-12'><section class='cws-widget'><section class='cws_widget_content'>\n\t<div class=\"testimonial \">\n\t\t<div class='clearfix'>\n\t\t\t<img src='https:\/\/dannybia.com\/blog\/wp-content\/uploads\/bfi_thumb\/Jesus-130-93-3cmh6ny6pugic3cykq7hts.jpg' alt \/>\t\t\t\t<p>\n<p align=\"justify\">Diz o n\u00e9scio no seu cora\u00e7\u00e3o: N\u00e3o h\u00e1 Deus. Corromperam-se e cometeram abomin\u00e1vel iniq\u00fcidade; n\u00e3o h\u00e1 quem fa\u00e7a o bem. Deus olha l\u00e1 dos c\u00e9us para os filhos dos homens, para ver se h\u00e1 algum que tenha entendimento, que busque a Deus. Desviaram-se todos, e juntamente se fizeram imundos; n\u00e3o h\u00e1 quem fa\u00e7a o bem, n\u00e3o h\u00e1 sequer um. Acaso n\u00e3o t\u00eam conhecimento os que praticam a iniq\u00fcidade, os quais comem o meu povo como se comessem p\u00e3o, e n\u00e3o invocam a Deus?<\/p>\n<\/p>\t\t<\/div>\n\t\t<div class=\"author\">Salmos 53:1-4<\/div>\t<\/div>\n\t <\/section><\/section><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Criando Texto \u00c2ncora no WordPress O que \u00e9 \u00e2ncora em HTML? A\u00a0HTML\u00a0usa a tag &lt;a&gt; (\u00e2ncora) para criar um v\u00ednculo (link) com outro documento. &#8230; A tag &lt;a&gt; \u00e9 usada para criar uma\u00a0\u00e2ncora\u00a0de onde vincular, o atributo href \u00e9 usado para onde endere\u00e7ar o documento, e as palavras entre as tags de abertura e fechamento da\u00a0\u00e2ncora ser\u00e3o exibidas como um hiperv\u00ednculo. O que \u00e9 o texto \u00e2ncora? Texto \u00e2ncora\u00a0\u00e9 um conte\u00fado clic\u00e1vel que redireciona o leitor para outra p\u00e1gina. S\u00e3o as letras em geral azuis e sublinhadas que aparecem quando voc\u00ea insere um link em alguma palavra ou frase. Ele \u00e9 importante para os mecanismos de busca, pois indica um conte\u00fado relevante sobre determinado assunto. Para que servem estes links (\u00c2ncoras)? Eles mostram mais rapidamente a parte do texto para os usu\u00e1rios. Digamos que voc\u00ea tenha postagens enormes no seu site e os usu\u00e1rios de hoje em dia tem muita pressa, eles v\u00e3o clicar no t\u00f3pico e pular diretamente para a parte que lhe interessa. Por\u00e9m isso tem um detalhe: os usu\u00e1rios podem ficar menos tempo no seu site. Por outro lado ele pode gostar do que viu, porque ele encontrou com rapidez o que pesquisava. Dessa forma ele pode voltar no futuro. E quanto ao impacto de SEO? N\u00e3o tenho dados suficientes que apontem um grande impacto positivo na\u00a0indexa\u00e7\u00e3o de p\u00e1ginas\u00a0com texto \u00e2ncora no WordPress. Mas com certeza, n\u00e3o h\u00e1 impacto negativo, desde que voc\u00ea o fa\u00e7a com responsabilidade e relev\u00e2ncia. Neste Post vou ensinar e mostrar como voc\u00ea pode criar link de texto \u00e2ncora no WordPress. Eles ajudam na identifica\u00e7\u00f5es de cabe\u00e7alhos, ou de parte do conte\u00fado, dentro da postagem. Talvez voc\u00ea j\u00e1 tenha visto algumas pessoas chamando estes links de tags de \u00e2ncora no WordPress. \u00c9 exatamente disso que eu estou falando! Se voc\u00ea tem se\u00e7\u00f5es diferentes em um post, ou uma p\u00e1gina longa e deseja que o visitante clique em um link &#8211; digamos &#8211; de uma palavra que queira dar explica\u00e7\u00f5es ou comentar a respeito, ou em um \u00edndice que voc\u00ea criou para ir para uma se\u00e7\u00e3o diferente desse post, ent\u00e3o voc\u00ea vai querer usar um link de \u00e2ncora. Criar links de\u00a0ancoragem no WordPress n\u00e3o \u00e9 t\u00e3o f\u00e1cil como soletrar a palavra casa. Para isso basta seguir os passos abaixo e voc\u00ea poder\u00e1 facilmente criar links de ancoragem sem habilidades de codifica\u00e7\u00e3o. \u00c9 tudo muito bem simples. Criar link de texto \u00e2ncora manualmente Provavelmente, voc\u00ea j\u00e1 sabe como criar um link externo, ou links internos na postagem. A primeira parte deste procedimento \u00e9 id\u00eantica, mas vamos ao passo a passo. 1 &#8211; Selecione o texto que voc\u00ea quer adicionar o link de \u00e2ncora. No caso aqui deste exemplo, selecionei a palavra boulevard. 2 &#8211; Quando abrir a caixa de link, d\u00ea um nome seguido de #, como mostra a imagem a seguir. 3 &#8211; Neste exemplo usamos o #boulevard, mas voc\u00ea deve inserir um nome semelhante (boulevard) \u00e0 parte do conte\u00fado, ou do cabe\u00e7alho da parte do seu post. Mas, cuidado, o texto deve ser exatamente id\u00eantico, caso contr\u00e1rio, n\u00e3o funcionar\u00e1. 4 &#8211; Em seguida clique no bot\u00e3o Aplicar. Veja aqui onde fiz este teste: Don\u2019t Stop Believin\u2019 &#8211; Journey Agora vamos adicionar a identifica\u00e7\u00e3o da \u00e2ncora: 1 &#8211; V\u00e1 para a guia Texto, no canto superior direito do Editor (veja imagem). 2 &#8211; Localize a parte do post, para onde o usu\u00e1rio deve ir ao clicar no seu link \u00e2ncora. 3 &#8211; Cole um dos seguintes c\u00f3digo:s &lt;a id=&#8221;boubelard&#8221;&gt;&lt;\/a&gt;\u00a0ou &lt;a name=&#8221;boubelard&#8221;&gt;&lt;\/a&gt;, e, volte para o modo visual. 4 &#8211; Para ver se est\u00e1 funcionando, clique no bot\u00e3o Visualizar Altera\u00e7\u00f5es. Repita esta etapa para criar quantos links de \u00e2ncora voc\u00ea quiser dentro do post. Criar link de texto \u00e2ncora no WordPress com plugin Mostrei acima a op\u00e7\u00e3o manual, mas se voc\u00ea n\u00e3o pretende gastar o seu tempo com c\u00f3digo HTML toda vez, que criar um post, ent\u00e3o instale plugins para fazer o trabalho. Existem alguns plugins gratuitos e incr\u00edveis no WordPress que voc\u00ea pode utilizar para facilmente adicionar links de \u00e2ncora e at\u00e9 mesmo um \u00edndice para cada post. \u00c9 auto intuitivo. Criar links de \u00e2ncora para outra p\u00e1gina de conte\u00fado Voc\u00ea tamb\u00e9m pode criar links de \u00e2ncora nomeados entre as p\u00e1ginas. Como voc\u00ea pode ver no exemplo acima, em vez de ir para uma se\u00e7\u00e3o diferente neste post, navega direto para uma nova URL. Em seguida, pulamos para essa se\u00e7\u00e3o. Para fazer isso apenas ao criar o link, insira a\u00a0URL para a p\u00e1gina\u00a0que voc\u00ea deseja navegar para seguir o hash id. Pegando o exemplo acima tem esse c\u00f3digo como o link: \/criando-link-ancora-no-wordpress\/#boulevard Agora voc\u00ea j\u00e1 sabe como inserir links de \u00e2ncora e tamb\u00e9m para que serve. Espero ter ajudado.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5457,5586,569],"tags":[10363,10364,10365,10366,10367,10368,10369,10370,10371,10115],"class_list":["post-33671","post","type-post","status-publish","format-standard","hentry","category-tecnologia-e-computacao","category-tutoriais","category-utilidade-publica","tag-ancora","tag-ancora-em-html","tag-ancora-wordpress","tag-criando-link-ancora-no-wordpress","tag-hipervinculo","tag-link-ancora","tag-links-de-tags","tag-para-que-serve-ancoras","tag-texto-ancora","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/dannybia.com\/blog\/wp-json\/wp\/v2\/posts\/33671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dannybia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dannybia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dannybia.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dannybia.com\/blog\/wp-json\/wp\/v2\/comments?post=33671"}],"version-history":[{"count":0,"href":"https:\/\/dannybia.com\/blog\/wp-json\/wp\/v2\/posts\/33671\/revisions"}],"wp:attachment":[{"href":"https:\/\/dannybia.com\/blog\/wp-json\/wp\/v2\/media?parent=33671"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dannybia.com\/blog\/wp-json\/wp\/v2\/categories?post=33671"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dannybia.com\/blog\/wp-json\/wp\/v2\/tags?post=33671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}