{"id":370830,"date":"2023-01-10T16:20:00","date_gmt":"2023-01-10T13:20:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=370830"},"modified":"2023-05-03T10:12:53","modified_gmt":"2023-05-03T07:12:53","slug":"como-criar-um-link-ancora-no-wordpress-de-maneira-facil","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-criar-um-link-ancora-no-wordpress-de-maneira-facil\/","title":{"rendered":"Como criar um link \u00e2ncora no WordPress de maneira f\u00e1cil"},"content":{"rendered":"\n<p>\u00c9 sempre uma boa ideia fornecer aos seus visitantes uma experi\u00eancia din\u00e2mica enquanto navegam pelo conte\u00fado do seu site. Al\u00e9m disso, <strong>incluir alguma interatividade certamente pode beneficiar seu site e envolver o p\u00fablico<\/strong>. Quando voc\u00ea <a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-adicionar-um-link-no-wordpress-de-maneira-facil\/\" title=\"insere um link no WordPress\">insere um link no WordPress<\/a> ou inclui links \u00e2ncora em seu conte\u00fado textual, voc\u00ea pode definitivamente incrementar a experi\u00eancia do usu\u00e1rio. \u00c9 por isso que mostraremos como criar um link \u00e2ncora no WordPress neste artigo.<\/p>\n<p>Vamos lev\u00e1-lo atrav\u00e9s de cada fase do processo, passo a passo:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/oN6bgbOYPWU\" frameborder=\"0\"><\/iframe><\/div>\n<h2>O que \u00e9 um link \u00e2ncora?<\/h2>\n<p>Os links \u00e2ncora s\u00e3o <strong>essencialmente um m\u00e9todo de navega\u00e7\u00e3o de uma p\u00e1gina<\/strong>. Ou seja, <strong>voc\u00ea pode definir certos peda\u00e7os de texto (por exemplo, t\u00edtulos ou t\u00edtulos) para levar a outros peda\u00e7os de texto (como um par\u00e1grafo) quando clicado<\/strong>. Isso fornece aos leitores um m\u00e9todo de navega\u00e7\u00e3o satisfat\u00f3rio, eficaz e f\u00e1cil de usar, tudo dentro da mesma p\u00e1gina.<\/p>\n<p>Um bom exemplo de funcionalidade de \u00e2ncora \u00e9 um <strong><a href=\"https:\/\/qodeinteractive.com\/magazine\/add-table-of-content-to-wordpress\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u00edndice<\/a><\/strong>. <strong>Na maioria dos casos, est\u00e1 localizado no in\u00edcio do texto e leva a certas partes do mesmo texto<\/strong>. O exemplo mais \u00f3bvio disso \u00e9 este artigo com seu \u00edndice criado usando \u00e2ncoras. O que foi feito neste caso \u00e9 que os itens do TOC levam a determinadas partes onde s\u00e3o colocadas as \u00e2ncoras. <strong>Colocar uma \u00e2ncora significa dar um determinado ID a esse local no artigo que nos ajuda a &quot;saltar&quot; rapidamente para esse local<\/strong>. O \u00fanico local que leva \u00e0 \u00e2ncora \u00e9, na verdade, o link para a \u00e2ncora.<\/p>\n<p>Quanto aos <strong>pr\u00f3s e contras dos links de \u00e2ncora<\/strong>, geralmente tendemos a acreditar que os pr\u00f3s superam os contras, mas deixamos que voc\u00ea seja o juiz.<\/p>\n<p><strong>Os links \u00e2ncora s\u00e3o uma \u00f3tima maneira de tornar os artigos mais longos mais atraentes e f\u00e1ceis de ler<\/strong>. A rolagem sem fim \u00e9 uma s\u00e9ria amea\u00e7a a uma experi\u00eancia de usu\u00e1rio de qualidade e os links \u00e2ncora simplesmente permitem que seus leitores encontrem instantaneamente o que mais lhes interessa. Os links \u00e2ncora permitem que eles <strong>percorram o texto seguindo sua pr\u00f3pria pasta sem precisar mergulhar nos t\u00f3picos que n\u00e3o importam muito para eles<\/strong>.<\/p>\n<p>Outra vantagem \u00e9 que os links \u00e2ncora podem discretamente <strong>ajud\u00e1-lo a melhorar sua posi\u00e7\u00e3o nas p\u00e1ginas de resultados do mecanismo de pesquisa<\/strong>, pois fornecem outra linha de texto para sua listagem org\u00e2nica.<\/p>\n<p>Por outro lado, links \u00e2ncora na forma de um sum\u00e1rio ou menus de salto podem <strong>diminuir o tempo m\u00e9dio que um usu\u00e1rio passa em sua p\u00e1gina<\/strong>. Isso tamb\u00e9m pode afetar a taxa de convers\u00e3o, mas acreditamos que esse \u00e9 o risco que vale a pena correr. A longo prazo, uma experi\u00eancia de usu\u00e1rio de qualidade pode gerar mais convers\u00f5es.<\/p>\n<p>O \u00fanico contra s\u00e9rio que realmente encontramos \u00e9 mais um tecnicismo do que um contra. Aqui est\u00e1 a coisa &#8211; <strong>se voc\u00ea precisar adicionar um grande n\u00famero de redirecionamentos ou estiver mudando de dom\u00ednio, voc\u00ea precisa saber que o identificador de fragmento (#) nunca \u00e9 enviado para o servidor<\/strong>. Se voc\u00ea estiver fazendo altera\u00e7\u00f5es com seus links \u00e2ncora em movimento, esse fato pode complicar muitas coisas para voc\u00ea. Mas, se voc\u00ea n\u00e3o estiver alterando o dom\u00ednio nem adicionando mais de 300 redirecionamentos, n\u00e3o precisa se preocupar com isso.<\/p>\n<h2>Adicionando ID de \u00e2ncora a partes do texto<\/h2>\n<p><strong>Colocar um ID no local espec\u00edfico significa que o local obt\u00e9m um URL espec\u00edfico<\/strong>. Essa URL consiste na URL da pr\u00f3pria p\u00e1gina, \u00e0 qual adicionamos a URL com o ID adicionado. Isso pode parecer confuso, mas o exemplo abaixo deixa tudo muito mais claro.<\/p>\n<p>Vamos tomar por exemplo que queremos criar um link \u00e2ncora para levar ao t\u00edtulo acima da foto.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-298249-633e40ceeea9c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-298249-633e40ceeea9c.jpg\" alt=\"Como criar um link \u00e2ncora no Wordpress de maneira f\u00e1cil\"><\/a><\/p>\n<p>Em primeiro lugar, temos que <strong>adicionar um ID exclusivo ao t\u00edtulo<\/strong>.<\/p>\n<p>No Editor Cl\u00e1ssico, o ID exclusivo \u00e9 adicionado no editor de texto diretamente ao t\u00edtulo.<\/p>\n<pre><code>&lt;a id=\"a-picture-is-worth-a-thousand-words\"&gt;&lt;\/a&gt;<\/code><\/pre>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-298249-633e40d22459f.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-298249-633e40d22459f.jpg\" alt=\"Como criar um link \u00e2ncora no Wordpress de maneira f\u00e1cil\"><\/a><\/p>\n<p>Temos uma <strong>situa\u00e7\u00e3o muito parecida com o Gutenberg \u2013 \u00e9 necess\u00e1rio adicionar o ID e fazemos isso em um bloco chamado Custom Html<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-298249-633e40d54b778.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-298249-633e40d54b778.jpg\" alt=\"Como criar um link \u00e2ncora no Wordpress de maneira f\u00e1cil\"><\/a><\/p>\n<p>Adicionar ID no WP Bakery \u00e9 muito semelhante a adicion\u00e1-lo no Classic WP Editor e no Gutenberg. Com o Elementor, \u00e9 ainda mais f\u00e1cil, pois possui um <a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-configurar-links-de-ancora-elementor-de-maneira-facil\/\" title=\"elemento especial de \u00e2ncora de menu\">elemento especial de \u00e2ncora de menu<\/a> que torna a cria\u00e7\u00e3o de um \u00e2ncora muito simples.<\/p>\n<p>Mencionamos que a parte \u00e0 qual atribu\u00edmos um ID agora tem seu pr\u00f3prio URL e se parece com isso:<\/p>\n<p><strong><a href=\"https:\/\/pageurl\/#ID\" class=\"external external_icon\" rel=\"nofollow\" target=\"_blank\">https:\/\/pageURL\/#ID<\/a><\/strong><\/p>\n<p>O ID se torna um <strong><a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-criar-links-permanentes-e-lesmas-no-wordpress\/\" title=\"slug como parte do permalink\">slug como parte do permalink<\/a><\/strong>, por isso \u00e9 muito importante escolher cuidadosamente em que consistir\u00e1 o ID.<\/p>\n<h2>Crie um link \u00e2ncora no WordPress<\/h2>\n<p>Quando adicionamos IDs, \u00e9 muito f\u00e1cil criar um link \u00e2ncora. <strong>N\u00e3o importa qual editor voc\u00ea use, o procedimento \u00e9 o mesmo<\/strong>. <strong>Tudo o que voc\u00ea precisa fazer \u00e9 inserir um link para o local desejado que deseja levar para outra parte da p\u00e1gina, da mesma forma que insere qualquer link<\/strong>.<\/p>\n<p>Digamos que queremos uma frase no in\u00edcio do nosso texto que leve \u00e0 parte do texto que fala sobre seu conte\u00fado (novamente, podemos usar isso para o \u00cdndice). Basta ligar essa frase no in\u00edcio.<\/p>\n<p><strong>O importante aqui \u00e9 que em vez de um link, colocamos um #ID \u2013 o ID que acabamos de criar<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-298249-633e40d888098.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-298249-633e40d888098.jpg\" alt=\"Como criar um link \u00e2ncora no Wordpress de maneira f\u00e1cil\"><\/a><\/p>\n<p>Outra coisa que voc\u00ea pode ver na imagem acima \u00e9 a <strong>seta ao lado do t\u00edtulo onde adicionamos a \u00e2ncora<\/strong>. Esta seta nos mostra que uma \u00e2ncora foi adicionada apenas no editor, n\u00e3o no artigo ao vivo, pois n\u00e3o h\u00e1 necessidade de os usu\u00e1rios a verem.<\/p>\n<p>Como ele \u00e9 vinculado \u00e0 mesma p\u00e1gina, n\u00e3o h\u00e1 necessidade de colocar a URL completa que acabamos de mencionar (<a href=\"https:\/\/pageurl\/#ID\" class=\"external external_icon\" rel=\"nofollow\" target=\"_blank\">https:\/\/pageURL\/#ID<\/a> ).<\/p>\n<h2>Como usar um link \u00e2ncora para vincular duas p\u00e1ginas diferentes<\/h2>\n<p>Embora a raz\u00e3o mais comum pela qual voc\u00ea possa estar interessado em como criar um link \u00e2ncora no WordPress seja que voc\u00ea deseja fazer a interliga\u00e7\u00e3o na pr\u00f3pria p\u00e1gina, \u00e0s vezes vincular duas p\u00e1ginas diferentes dessa maneira faz muito sentido.<\/p>\n<p>Este \u00e9 o caso quando voc\u00ea deseja vincular um texto a uma parte espec\u00edfica de outro texto porque, de alguma forma, est\u00e1 relacionado ao t\u00f3pico do primeiro texto.<\/p>\n<p>A primeira coisa que voc\u00ea precisa fazer aqui \u00e9 atribuir um ID a essa parte do texto no segundo artigo. Voc\u00ea deve entrar no painel de administra\u00e7\u00e3o dessa p\u00e1gina e adicionar o ID conforme descrito acima. Como dissemos, agora essa parte tem uma URL espec\u00edfica, a url da p\u00e1gina onde est\u00e1 localizado o + ID. O ponto \u00e9 claro, usaremos esse URL para vincular quando necess\u00e1rio.<\/p>\n<p>Voc\u00ea pode ver como isso funciona imediatamente: basta voltar ao topo da nossa p\u00e1gina e clicar em qualquer item do sum\u00e1rio, voc\u00ea ver\u00e1 a estrutura da URL e ver\u00e1 que a \u00faltima parte cont\u00e9m o #ID. Ao copiar este link, voc\u00ea pode vincular a essa parte de qualquer uma de suas p\u00e1ginas.<\/p>\n<h2>Dicas sobre como escolher qual texto usar como seu ID de link \u00e2ncora<\/h2>\n<h3>Correspond\u00eancias exatas e parciais<\/h3>\n<p>O texto \u00e2ncora desempenha uma parte pequena, mas importante do seu SEO. Uma das t\u00e1ticas mais usadas \u00e9 escolher um texto \u00e2ncora que corresponda total ou parcialmente \u00e0s suas palavras-chave. Uma correspond\u00eancia parcial \u00e9 chamada de \u00e2ncora de cauda longa. Mas se voc\u00ea confiar muito nessa t\u00e1tica direta, o Google pode penalizar, pois muitas correspond\u00eancias exatas parecem que voc\u00ea est\u00e1 enviando spam e voc\u00ea n\u00e3o pode usar a mesma palavra-chave muitas vezes, ent\u00e3o ter\u00e1 que recorrer a outros tipos de textos \u00e2ncora .<\/p>\n<h3>\u00e2ncoras de marca<\/h3>\n<p>Voc\u00ea sempre pode usar o nome da sua marca como um texto \u00e2ncora. Ele pode melhorar o reconhecimento da sua marca e, para apiment\u00e1-lo, voc\u00ea tamb\u00e9m pode adicionar uma frase-chave de cauda longa ao nome da sua marca para tornar o link mais forte.<\/p>\n<h3>Texto \u00e2ncora gen\u00e9rico<\/h3>\n<p>Este \u00e9 o texto \u00e2ncora que n\u00e3o tem nada a ver com o nome da sua marca ou palavras-chave, mas \u00e9 uma t\u00e1tica \u00fatil para adicionar diversidade aos seus links. S\u00e3o \u00e2ncoras do tipo &#8220;clique aqui&quot; ou &#8220;fale conosco&#8221; e s\u00e3o muito \u00fateis quando voc\u00ea quer criar um call to action.<\/p>\n<h3>Indexa\u00e7\u00e3o sem\u00e2ntica latente<\/h3>\n<p>Se voc\u00ea quer se concentrar em seu SEO, essa \u00e9 uma excelente t\u00e1tica. Tudo se resume a escolher as palavras e sin\u00f4nimos relacionados \u00e0 sua palavra-chave segmentada. Dessa forma, voc\u00ea pode classificar v\u00e1rias palavras-chave ao mesmo tempo. O Google n\u00e3o vai te penalizar, vai at\u00e9 te ajudar a encontrar as palavras relacionadas com ferramentas especiais e voc\u00ea n\u00e3o pode errar ao usar os recursos pr\u00f3prios do Google.<\/p>\n<h3>Sem links de texto<\/h3>\n<p>S\u00e3o links que usam imagens em vez de texto. Na verdade, o que \u00e9 usado neste caso \u00e9 a tag ALT da imagem. Essa t\u00e1tica pode inspirar muitas ideias criativas, mas n\u00e3o se esque\u00e7a de editar a descri\u00e7\u00e3o da tag ALT e uma descri\u00e7\u00e3o de texto abaixo dela para ajudar os detectores do Google a entender o conte\u00fado e a inten\u00e7\u00e3o da p\u00e1gina.<\/p>\n<h3>\u00c2ncoras Nuas<\/h3>\n<p>Como o pr\u00f3prio nome sugere, essas s\u00e3o as \u00e2ncoras que usam apenas a URL bruta como link. N\u00e3o h\u00e1 texto na \u00e2ncora, nenhuma palavra-chave ou frase. Embora n\u00e3o pare\u00e7am atraentes em nenhum sentido, o fato \u00e9 que os visitantes muitas vezes clicam nesses tipos de \u00e2ncoras, portanto, voc\u00ea n\u00e3o deve evitar us\u00e1-las.<\/p>\n<p>Isso arredonda todo o processo. Esperamos ter sido bem-sucedidos em transmitir como \u00e9 simples criar um link \u00e2ncora no WordPress. Finalmente, n\u00e3o se esque\u00e7a de usar uma palavra de link diferente para cada nova \u00e2ncora na p\u00e1gina, e est\u00e1 tudo pronto!<\/p>\n<p>Esperamos que voc\u00ea tenha achado este artigo \u00fatil. Se voc\u00ea gostou, n\u00e3o deixe de conferir alguns desses artigos tamb\u00e9m!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Forne\u00e7a aos leitores um m\u00e9todo de navega\u00e7\u00e3o eficaz e f\u00e1cil de usar, tudo na mesma p\u00e1gina. Aprenda a criar um link \u00e2ncora no WordPress hoje mesmo!<\/p>\n","protected":false},"author":1,"featured_media":363755,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[573],"tags":[848],"class_list":["post-370830","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nocoes-basicas-do-wordpress","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/370830","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=370830"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/370830\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/363755"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=370830"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=370830"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=370830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}