{"id":32243,"date":"2019-12-17T02:52:07","date_gmt":"2019-12-17T10:52:07","guid":{"rendered":"https:\/\/kinsta.com\/?p=59559"},"modified":"2025-02-19T11:34:05","modified_gmt":"2025-02-19T14:34:05","slug":"pesquisa-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/pesquisa-wordpress\/","title":{"rendered":"Como Melhorar a Pesquisa do WordPress (e Aceler\u00e1-la)"},"content":{"rendered":"

Porque \u00e9 que as pessoas usam formul\u00e1rios de pesquisa de sites em primeiro lugar? \u00c9 porque eles est\u00e3o \u00e0 procura de resultados imediatos e relevantes que n\u00e3o podem obter navegando em um site ou usando a navega\u00e7\u00e3o.<\/p>\n

\u00c0s vezes, esses resultados de pesquisa fornecem respostas para suas perguntas<\/a> (como informa\u00e7\u00f5es sobre a pol\u00edtica de retorno de uma empresa) ou uma lista de produtos ou conte\u00fado correspondentes (como posts de blogs relacionados a plugins de construtor de p\u00e1ginas<\/a>). Independentemente do que procuram, uma coisa \u00e9 certa:<\/p>\n

Os visitantes esperam que o seu formul\u00e1rio de pesquisa do WordPress forne\u00e7a resultados de forma r\u00e1pida e precisa.<\/strong><\/p>\n

Faz sentido quando olhamos para o comportamento do consumidor como um todo. O Google definiu um padr\u00e3o quase imposs\u00edvel quando se trata de pesquisa online. De acordo com descobertas da SparkToro, mais da metade de todas as buscas no Google s\u00e3o zero-click<\/a>. Basicamente, o Google tornou a pesquisa t\u00e3o eficiente que as pessoas muitas vezes n\u00e3o precisam visitar um site para obter respostas \u00e0s suas perguntas.<\/p>\n

Naturalmente, os visitantes do seu site n\u00e3o est\u00e3o usando a pesquisa interna esperando ou querendo um resultado de zero-clique. Eles est\u00e3o usando a pesquisa para encontrar outras partes do seu site para explorar. Mas o que a sua pesquisa do WordPress e a pesquisa do Google<\/a> t\u00eam em comum \u00e9 o seguinte: os consumidores querem resultados r\u00e1pidos, convenientes e hiper-relevantes de ambos.<\/p>\n

H\u00e1 apenas um problema: a fun\u00e7\u00e3o de busca nativa do WordPress n\u00e3o \u00e9 \u00f3tima.<\/p>\n

\u00c9 por isso que, neste guia, vamos explorar tudo o que voc\u00ea precisa saber para otimizar a experi\u00eancia de pesquisa do WordPress <\/strong>para seus visitantes.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Qu\u00e3o Importante \u00e9 a Pesquisa Interna, Afinal?<\/h2>\n

Se voc\u00ea criar um site<\/a> da maneira correta, os visitantes ir\u00e3o naturalmente seguir o caminho que voc\u00ea colocou antes deles. Um menu bem organizado<\/a> tamb\u00e9m ajuda.<\/p>\n

Dito isto, a busca interna tem um papel importante a desempenhar neste contexto.<\/p>\n

Pense na pesquisa do WordPress como um Fast Pass para o seu site. Quando a sua fun\u00e7\u00e3o de pesquisa funciona como deveria, pode levar os seus visitantes do Passo 1 ao Passo 5 em segundos.<\/p>\n

Isso seria especialmente \u00fatil para sites do WordPress com uma grande quantidade de conte\u00fado. Aqui est\u00e3o alguns exemplos:<\/p>\n

eCommerce<\/h3>\n

Lojas online como a Nordic Ware<\/a> podem ajudar os visitantes a ir da p\u00e1gina inicial:<\/p>\n

\"Nordic
Nordic Ware: p\u00e1gina inicial com barra de pesquisa no cabe\u00e7alho<\/figcaption><\/figure>\n

Para uma lista mais restrita de produtos apenas usando a barra de pesquisa no canto superior direito do site:<\/p>\n

\"Nordic
Nordic Ware: p\u00e1gina de resultados de pesquisa<\/figcaption><\/figure>\n

Ao ter o formul\u00e1rio de pesquisa de produtos sempre presente, os visitantes nunca t\u00eam de peneirar o menu ou categorias da loja para encontrar algo espec\u00edfico para o qual est\u00e3o a comprar.<\/p>\n

Blogs, Podcasts e Sites de Not\u00edcias<\/h3>\n

Websites com grandes reposit\u00f3rios de conte\u00fado como a Kinsta<\/a>, que tem 39 p\u00e1ginas de posts de blogs (e em crescimento), se beneficiariam de uma barra de busca:<\/p>\n

\"Kinsta:
Kinsta: p\u00e1gina de blog e pagina\u00e7\u00e3o<\/figcaption><\/figure>\n

Ao colocar um formul\u00e1rio de pesquisa espec\u00edfico para blogs no topo do blog, os leitores se conectam com os t\u00f3picos que est\u00e3o procurando mais rapidamente do que se percorressem 39 p\u00e1ginas:<\/p>\n

\"Barra
Barra de busca WordPress no topo do blog Kinsta<\/figcaption><\/figure>\n

Blogs<\/a> podem se tornar dif\u00edceis de navegar com muito conte\u00fado. Como voc\u00ea quer manter as p\u00e1ginas do blog curto para manter as velocidades de carregamento altas, n\u00e3o \u00e9 uma boa id\u00e9ia aumentar o n\u00famero de posts que aparecem.<\/p>\n

Em vez disso, uma barra de pesquisa ajudar\u00e1 seus visitantes a contornar as mensagens que n\u00e3o s\u00e3o relevantes aos seus interesses atuais de forma mais eficiente.<\/p>\n

Listagens Sites<\/h3>\n

A busca \u00e9 uma das primeiras coisas que os visitantes fazem em sites que agregam listagens<\/a> (por exemplo, im\u00f3veis, viagens, servi\u00e7os profissionais, etc.), como este exemplo da Trulia<\/a>:<\/p>\n

\"Trulia:
Trulia: busca na p\u00e1gina inicial de im\u00f3veis<\/figcaption><\/figure>\n

O elemento de pesquisa \u00e9 sempre simples o suficiente para come\u00e7ar. Por exemplo, especifique um local, nome da pessoa ou cargo. Mas as p\u00e1ginas de resultados sempre permitem que os usu\u00e1rios filtrem seus resultados tanto quanto quiserem:<\/p>\n

\"Trulia:
Trulia: exemplo de p\u00e1gina de resultados de pesquisa<\/figcaption><\/figure>\n

Bases de Conhecimento<\/h3>\n

A pesquisa \u00e9 um componente \u00fatil para centros de ajuda e bases de conhecimento para produtos como a Elementor<\/a>:<\/p>\n

\"Elementor:
Elementor: t\u00f3picos e contagens de artigos da base de conhecimento<\/figcaption><\/figure>\n

A pesquisa ajuda os usu\u00e1rios a encontrar respostas para suas perguntas mais rapidamente do que seria poss\u00edvel com uma pesquisa manual nas categorias:<\/p>\n

\"Elementor:
Elementor: procurar na documenta\u00e7\u00e3o por “template”.<\/figcaption><\/figure>\n

Em muitos casos, os problemas que os usu\u00e1rios enfrentam com os produtos SaaS<\/a> podem ser facilmente resolvidos pelos pr\u00f3prios usu\u00e1rios. Se voc\u00ea quiser manter seu bate-papo ao vivo<\/a> e suporte de help desk livres de perguntas f\u00e1ceis de resolver, torne sua base de conhecimento f\u00e1cil de pesquisar.<\/p>\n

Linha de Fundo<\/h3>\n

Se houver uma grande quantidade de algo<\/em> no seu site, n\u00e3o assuma que a navega\u00e7\u00e3o<\/a> ajudar\u00e1 os visitantes a navegar. Crie uma experi\u00eancia de pesquisa do tipo Fast Pass-like que ir\u00e1 lev\u00e1-los exatamente onde eles precisam e querem ir.<\/p>\n

Como Adicionar Pesquisa ao Seu Site WordPress<\/h2>\n

Voc\u00ea tem algumas op\u00e7\u00f5es para implementar e habilitar a pesquisa b\u00e1sica do WordPress para o seu site:<\/p>\n

Adicionar WordPress Search ao Menu com o Seu Tema<\/h3>\n

Dependendo do tema do WordPress que voc\u00ea instalou<\/a>, voc\u00ea poder\u00e1 adicionar pesquisas ao seu menu com apenas alguns cliques. Neste exemplo, estou usando o tema Astra<\/a> que, a prop\u00f3sito, acaba sendo muito r\u00e1pido<\/a>!<\/p>\n

A primeira coisa a fazer \u00e9 ir a Apar\u00eancia > Personalizar:<\/p>\n

\"WordPress
WordPress – navegue para o menu Personalizar<\/figcaption><\/figure>\n

Em seguida, v\u00e1 para Cabe\u00e7alho > Menu principal.<\/p>\n

\"WordPress
WordPress – personalize o menu<\/figcaption><\/figure>\n

Em “\u00daltimo item no menu”, selecione “Pesquisar” no menu suspenso.<\/p>\n

\"WordPress
WordPress – adicionar uma barra de pesquisa ao menu<\/figcaption><\/figure>\n

Isto adicionar\u00e1 um \u00edcone e uma barra de pesquisa como \u00faltimo elemento do seu menu de navega\u00e7\u00e3o.<\/p>\n

\"WordPress
WordPress – barra de pesquisa adicionada com configura\u00e7\u00f5es de temas<\/figcaption><\/figure>\n

Ao usar outros temas do WordPress<\/a>, essa configura\u00e7\u00e3o de ativa\u00e7\u00e3o de pesquisa pode n\u00e3o estar no mesmo local do seu customizador de temas. Se estiver dispon\u00edvel, voc\u00ea o encontrar\u00e1 nas configura\u00e7\u00f5es de “Cabe\u00e7alho”. Caso contr\u00e1rio, voc\u00ea ter\u00e1 que adicion\u00e1-lo manualmente usando uma das op\u00e7\u00f5es abaixo.<\/p>\n

Adicionar Pesquisa com um Widget WordPress<\/h3>\n

Os widgets do WordPress<\/a> permitem que voc\u00ea adicione conte\u00fado a blocos dedicados nos elementos que cercam seu conte\u00fado, como a barra lateral<\/a> e o rodap\u00e9<\/a>.<\/p>\n

Um tipo de bloco de conte\u00fado que voc\u00ea pode criar com os widgets do WordPress \u00e9 uma barra de pesquisa.<\/p>\n

Comece por localizar Widgets no menu Apar\u00eancia:<\/p>\n

\"WordPress
WordPress – localize o menu Widgets<\/figcaption><\/figure>\n

Voc\u00ea encontrar\u00e1 todas as se\u00e7\u00f5es widgeted dispon\u00edveis para voc\u00ea aqui. Dependendo do tema ou modelo que voc\u00ea usa, voc\u00ea pode ver nada mais do que uma barra lateral ou rodap\u00e9 ou voc\u00ea pode ver uma sele\u00e7\u00e3o mais abrangente como esta:<\/p>\n

\"Exemplo
Exemplo de widgets e se\u00e7\u00f5es<\/figcaption><\/figure>\n

Independentemente disso, o que voc\u00ea precisa fazer agora \u00e9 decidir onde voc\u00ea quer que sua barra de pesquisa apare\u00e7a.<\/p>\n

Digamos que voc\u00ea planeja publicar novos conte\u00fados de blog<\/a> todos os dias e sabe que o arquivo vai crescer rapidamente. Ent\u00e3o, seria ben\u00e9fico ter uma barra de pesquisa presente em cada p\u00e1gina do blog.<\/p>\n

V\u00e1 at\u00e9 a parte inferior de seus widgets e localize o chamado “Busca”:<\/p>\n

\"Widget
Widget de busca<\/figcaption><\/figure>\n

Voc\u00ea pode adicion\u00e1-lo clicando nele e escolhendo a se\u00e7\u00e3o para adicion\u00e1-lo assim:<\/p>\n

\"Adicionar
Adicionar widget de pesquisa com dropdown<\/figcaption><\/figure>\n

Ou voc\u00ea pode arrastar e soltar o widget para o bloco de se\u00e7\u00e3o em que deseja que ele apare\u00e7a:<\/p>\n

\"Adicionar
Adicionar widget de pesquisa com arrastar e soltar<\/figcaption><\/figure>\n

Quando o tiveres onde queres, d\u00e1-lhe um nome:<\/p>\n

\"D\u00ea
D\u00ea um t\u00edtulo ao seu widget de pesquisa<\/figcaption><\/figure>\n

Salve suas altera\u00e7\u00f5es e, em seguida, visite seu site para confirmar que ele tem a apar\u00eancia que voc\u00ea deseja:<\/p>\n

\"Barra
Barra de pesquisa adicionada ao blog<\/figcaption><\/figure>\n

Voc\u00ea pode ver agora que a barra de busca est\u00e1 sentada no topo da barra lateral do blog, pronta para os seus leitores usarem.<\/p>\n

Adicionar Pesquisa ao Conte\u00fado Principal do Seu Site com as Ferramentas WordPress<\/h3>\n

Embora seja \u00fatil colocar a sua barra de pesquisa nos elementos sempre presentes no seu site, voc\u00ea pode encontrar uma raz\u00e3o para inclu\u00ed-la dentro do conte\u00fado real das suas p\u00e1ginas tamb\u00e9m.<\/p>\n

H\u00e1 algumas maneiras de fazer isto acontecer:<\/p>\n

Com o Editor WordPress<\/h4>\n

O editor do Gutenberg<\/a> certamente tornou mais f\u00e1cil desenhar layouts de p\u00e1gina mais criativos sem ter de confiar no HTML<\/a> ou em c\u00f3digos de atalho<\/a>.<\/p>\n

Um desses elementos que voc\u00ea pode agora adicionar \u00e0s suas p\u00e1ginas gra\u00e7as ao editor WordPress \u00e9 um widget de busca:<\/p>\n

\"Procurar
Procurar bloco de widgets em Gutenberg<\/figcaption><\/figure>\n

Voc\u00ea tem mais controle sobre como a barra de pesquisa aparece quando voc\u00ea usa esta op\u00e7\u00e3o. Por exemplo, voc\u00ea pode modificar o t\u00edtulo da barra de pesquisa, o texto do caractere de preenchimento, bem como o bot\u00e3o:<\/p>\n

\"Personalize
Personalize a barra de pesquisa com o Gutenberg<\/figcaption><\/figure>\n

Voc\u00ea pode at\u00e9 mesmo alterar o estilo do bloco de busca com classes CSS personalizadas<\/a>.<\/p>\n

Com um Plugin do Page Builder<\/h4>\n

Para aqueles de voc\u00eas que preferem trabalhar com plugins de constru\u00e7\u00e3o de p\u00e1ginas arrastar e soltar como o Elementor, voc\u00ea pode acessar o widget de busca com seu plugin de escolha, tamb\u00e9m. O processo \u00e9 semelhante ao que farias com o Gutenberg.<\/p>\n

Com uma nova p\u00e1gina ou publica\u00e7\u00e3o aberta e o editor Elementor ativado, fa\u00e7a uma pesquisa pelo widget de pesquisa do WordPress a partir da sua lista de Elementos:<\/p>\n

\"Procurar
Procurar widget em Elementor<\/figcaption><\/figure>\n

Arraste o elemento Pesquisar para onde voc\u00ea deseja que ele apare\u00e7a na p\u00e1gina. Por exemplo, esta \u00e9 uma p\u00e1gina 404<\/a> que ajuda os usu\u00e1rios a voltar ao caminho certo com uma barra de pesquisa:<\/p>\n

\"404
404 p\u00e1ginas de exemplo com barra de pesquisa<\/figcaption><\/figure>\n

Como pode ver, o plugin do construtor de p\u00e1ginas d\u00e1-lhe mais controlo sobre onde a sua barra de pesquisa do WordPress aparece do que o Gutenberg, permitindo-lhe coloc\u00e1-la sobre e dentro de outro conte\u00fado.<\/p>\n

Com um Tema<\/h4>\n

Em alguns casos, voc\u00ea pode encontrar um tema e um modelo que automaticamente adiciona pesquisa ao conte\u00fado do seu site. Os tipos de temas que o fazem, no entanto, tendem a ser altamente especializados, como o tema da Resid\u00eancia Imobili\u00e1ria<\/a>:<\/p>\n

\"Demo
Demo do tema Resid\u00eancia Imobili\u00e1ria<\/figcaption><\/figure>\n

Porque a pesquisa pode ficar complicada em listas de sites<\/a> como estes, faz sentido que o desenvolvedor do tema<\/a> construa a funcionalidade no modelo<\/a>.<\/p>\n

Os temas do site de reservas s\u00e3o outro exemplo dos que v\u00eam com a funcionalidade de pesquisa j\u00e1 incorporada, tal como esta demo do tema Travel Booking<\/a>:<\/p>\n

\"Demo
Demo do tema Travel Booking<\/figcaption><\/figure>\n

Como voc\u00ea pode imaginar, tendo pesquisa j\u00e1 incorporado em seu tema WordPress e modelo vai economizar um monte de problemas tendo que construir algo t\u00e3o complexo por si mesmo. E se o tema for otimizado para o desempenho<\/a>, sua solu\u00e7\u00e3o de mecanismo de busca<\/a> tamb\u00e9m deve ser (novamente, uma coisa a menos para se preocupar).<\/p>\n

Adicionar Pesquisa WordPress com C\u00f3digo<\/h3>\n

H\u00e1 uma outra maneira de adicionar um formul\u00e1rio de pesquisa b\u00e1sico ao seu site, mas isso requer que voc\u00ea se sinta confort\u00e1vel com a codifica\u00e7\u00e3o.<\/p>\n

Para fazer isso, v\u00e1 at\u00e9 Apar\u00eancia > Editor de Temas:<\/p>\n

\"Editor
Editor de Temas<\/figcaption><\/figure>\n

O que voc\u00ea vai fazer aqui \u00e9 criar um atalho para uma barra de pesquisa usando o arquivo de tema functions.php:<\/p>\n

\"O
O ficheiro de tema functions.php<\/figcaption><\/figure>\n

Na parte inferior do arquivo, adicione o seguinte trecho:<\/p>\n

add_shortcode( 'shortcodename', 'get_search_form');<\/code><\/pre>\n
Substitua “shortcodename” pelo seu pr\u00f3prio nome para o formul\u00e1rio de pesquisa. Certifique-se de que \u00e9 tudo min\u00fasculo, sem espa\u00e7os, n\u00fameros ou s\u00edmbolos. Depois de atualizar o arquivo, voc\u00ea pode come\u00e7ar a usar seu shortcode em seu site.<\/p>\n
Aqui est\u00e1 um exemplo:<\/p>\n
\"Um
Um c\u00f3digo de atalho personalizado para adicionar uma barra de pesquisa ao seu site<\/figcaption><\/figure>\n
O shortcode \u00e9 adicionado da mesma forma que qualquer texto regular seria adicionado ao site. Apenas lembre-se de o colocar entre par\u00eanteses [].<\/p>\n
Embora voc\u00ea n\u00e3o consiga ver a barra de pesquisa no seu editor, d\u00ea uma olhada na visualiza\u00e7\u00e3o da sua p\u00e1gina e voc\u00ea a ver\u00e1 no frontend do seu site:<\/p>\n
\"Barra
Barra de pesquisa adicionada com c\u00f3digo de atalho<\/figcaption><\/figure>\n
Embora esta seja uma edi\u00e7\u00e3o r\u00e1pida, o que \u00e9 bom para o prop\u00f3sito deste artigo, as melhores pr\u00e1ticas sugerem nunca editar o c\u00f3digo do seu tema e, em vez disso, criar um tema infantil do WordPress<\/a>.<\/p>\n
Uma Nota Sobre as Limita\u00e7\u00f5es da Pesquisa WordPress<\/h3>\n
H\u00e1 uma abund\u00e2ncia de op\u00e7\u00f5es que voc\u00ea pode usar para adicionar funcionalidades b\u00e1sicas de pesquisa do WordPress ao seu site. Mas isso \u00e9 suficiente?<\/p>\n
A menos que voc\u00ea tenha um site muito pequeno ou queira restringir a pesquisa ao seu blog, ele provavelmente n\u00e3o ser\u00e1. Deixa-me explicar.<\/p>\n
O formul\u00e1rio de pesquisa nativo do WordPress analisa os seguintes tipos de conte\u00fado em suas p\u00e1ginas da web e posts de blogs:<\/p>\n