Como personalizar facilmente a página de resultados de pesquisa do WordPress

Existem bons argumentos para personalizar muitas partes do WordPress – mas a página de resultados de pesquisa? Que razão poderia haver para fazer mudanças nisso? Como esta página poderia ser diferente?

A verdade é que a página de resultados de pesquisa do WordPress não é nativamente muito interessante. Isso lhe dá a chance de destacar os artigos que você deseja ver mais e tornar a página um pouco mais útil.

Venho por meio desta, cordialmente, convidá-lo a descobrir junto comigo. Imagine só, no final deste post, nós dois poderíamos ser mais espertos do que antes. Estás dentro?

Por que personalizar os resultados de pesquisa do WordPress?

Tudo bem, vamos começar com os motivos pelos quais você deve considerar fazer alterações na página de resultados de pesquisa do seu site e quais itens você pode personalizar.

A finalidade da página de resultados de pesquisa

Primeiro, vamos esclarecer qual é a função da página de resultados de pesquisa. Como você provavelmente pode imaginar, ele deve ajudar os usuários a encontrar o conteúdo que estão procurando. Para isso, eles podem inserir um termo de pesquisa no campo de pesquisa (espero que esteja presente em seu site — mais sobre isso abaixo).

O WordPress exibirá a página de resultados da pesquisa com tudo o que puder encontrar sobre essa consulta.

Por que você deveria se importar com isso? Parece que o WordPress cobre essa parte automaticamente, não é?

Como a página de resultados de pesquisa pode ter um grande impacto na experiência do usuário do seu site, especialmente para sites de comércio eletrônico:

De acordo com a Econsultancy, até 30% dos visitantes de comércio eletrônico usam a pesquisa interna do site. Devido ao aumento do nível de intenção de compra dos pesquisadores, eles são conhecidos por converter até 5 a 6 vezes mais do que o visitante médio de pesquisa fora do site.

CXL

Faz sentido, não é? Pense na frequência com que você usa a função de pesquisa quando faz compras online. Exatamente! Mas mesmo sites WordPress sem funcionalidade de comércio eletrônico podem se beneficiar aprendendo a personalizar a página de resultados de pesquisa.

O que poderia ser melhorado na pesquisa do WordPress?

Durante minha pesquisa, pude encontrar as seguintes áreas de reclamações sobre a função de pesquisa nativa do WordPress.

Por um lado, até recentemente, não havia uma maneira sem código de personalizar a aparência da página de resultados de pesquisa. A menos que você conheça PHP, CSS e um editor de código, basta confiar que seu tema está fazendo um bom trabalho em exibi-lo e ficar satisfeito com o conteúdo da página de pesquisa.

Em segundo lugar, a função de pesquisa nativa do WordPress nem sempre é muito boa no que faz. Frequentemente, não retornará resultados para pesquisas que realmente tenham correspondências adequadas.

Além disso, pode ser meio lento. No bom e velho estilo do PHP, a pesquisa do WordPress precisa recarregar a página para exibir os resultados, o que não é a maneira mais rápida de fazer as coisas.

Como consequência, isso nos deixa com as seguintes áreas para melhoria:

• Design — Veremos como controlar a aparência da página de resultados de pesquisa do WordPress, bem como os elementos que aparecem nela.
• Resultados da pesquisa — Certifique-se de que os resultados que seus visitantes podem encontrar na página de pesquisa sejam relevantes e satisfatórios.
• Experiência do usuário — Melhore a velocidade da pesquisa, torne-a mais confortável de usar e adicione algumas funcionalidades à pesquisa do WordPress com as quais os visitantes estão acostumados no Google ou em outros mecanismos de pesquisa.

Parece convincente à primeira vista, se você me perguntar. Então, vamos ao que interessa.

Adicione um formulário de pesquisa ao seu site WordPress

Naturalmente, trabalhar com a página de resultados de pesquisa no WordPress só faz sentido se você der aos seus usuários a chance de acessá-la. Isso significa que você oferece um formulário de pesquisa em algum lugar onde eles podem inserir suas consultas.

Para isso, o WordPress oferece um widget de pesquisa integrado que você pode colocar onde quiser em seus modelos de página e partes de modelo. O último é uma ideia especialmente boa se você estiver usando o mesmo cabeçalho em todas as páginas. Nesse caso, você só precisa editar a parte do modelo uma vez e suas alterações aparecerão em todos os lugares.

Geralmente, é uma boa ideia adicionar o formulário de pesquisa a um cabeçalho, barra lateral ou rodapé — elementos que aparecem em todas as páginas. Dessa forma, você dá a seus visitantes a oportunidade de pesquisar o que procuram de onde quer que se encontrem em seu site.

Como fazer o campo de pesquisa aparecer no seu site depende se você está usando um tema de bloco ou um tema clássico.

Usando um tema de bloco e o editor do site

Se você usar um tema de bloco como o Twenty Twenty-Two, poderá executar esta ação por meio do Editor do site. Você o encontra em Aparência > Editor .

Na tela inicial, você pode editar sua página inicial. Ao clicar no logotipo no canto superior esquerdo, você obtém acesso aos menus Templates e Template Parts .

Por exemplo, digamos que você queira adicionar o formulário de pesquisa ao cabeçalho padrão do seu tema. Para isso, vá em Template Parts e depois clique em Header (Dark, small) .

Fazer isso leva você a esta tela:

Aqui, adicionar o formulário de busca é bem simples, você pode fazer de várias formas.

Por um lado, use o sinal de mais no canto superior esquerdo, procure o widget Pesquisar e arraste e solte-o no local desejado.

Como alternativa, crie um elemento vazio no editor (por exemplo, via Inserir antes ou Inserir depois em um elemento existente), clique no sinal de mais na página do editor e procure o widget de pesquisa ou digite /search para adicioná-lo diretamente.

Qualquer um desses métodos fará com que o formulário de pesquisa apareça em seu tema, que você pode personalizar com a ajuda das opções de bloqueio à direita e da barra de configurações na parte superior.

Salve suas alterações e elas aparecerão na página.

O mesmo processo em um tema clássico

Se o seu site for executado em um tema clássico, você poderá adicionar o widget de pesquisa em qualquer área de widget que ele oferecer. Para saber quais opções existem, acesse Aparência > Widgets .

Adicionar um widget funciona da mesma forma que com o Editor do site. Clique no sinal de mais no canto superior esquerdo ou em uma das áreas de widgets. Em seguida, pesquise ou navegue pelo widget de pesquisa e insira-o na área do widget.

Se você não estiver satisfeito com suas escolhas, também poderá adicionar mais áreas de widgets ao seu tema.

Como alternativa, também é possível adicionar o formulário de pesquisa diretamente em seus modelos de página por meio de código. Cole o trecho abaixo onde quiser que apareça.

 <?php get_search_form( true ); ?>

Aqui também faz sentido escolher uma parte do modelo, como o cabeçalho, para que você não precise fazer isso para cada modelo separadamente. Esteja ciente, no entanto, de que você sempre deve fazer alterações de arquivo como esta em um tema filho.

Alterar o design da página de resultados da pesquisa

Tudo bem, agora que você tem um formulário de pesquisa em seu site, é hora de personalizar a aparência da página de resultados de pesquisa do WordPress assim que alguém a usar. Esse processo também depende muito do seu tema.

Usando o Editor do site, novamente

A aparência da página de resultados de pesquisa no WordPress é controlada por um modelo de página. O que procuramos no Editor do site se chama Search (quem diria) e você o encontra no menu Templates mencionado acima.

Clique nele para acessar o Editor de modelo.

Aqui, você pode fazer todas as alterações que desejar. Por exemplo, é assim que a página de resultados de pesquisa se parece no Twenty Twenty-Two por padrão:

Uma das coisas mais fáceis que posso fazer para modificar a aparência é trocar o bloco Query Loop padrão por um padrão de bloco. Depois disso, fica assim:

Bem diferente, não acham?

Personalizando a página de resultados de pesquisa via código

Caso você não esteja usando um tema do WordPress que permita personalizar visualmente a página de resultados da pesquisa, também pode fazê-lo com código. Para renderizar a página, o tema usará search.php , se estiver presente, ou recorrerá ao index.php (confira a hierarquia de templates do WordPress para entender como isso funciona).

Depois de criar um tema filho, copie o search.php do tema pai para ele ou faça uma cópia do index.php , renomeie-o para search.php e coloque-o no tema filho. Depois disso, abra-o com seu editor de código favorito e personalize-o de acordo com suas necessidades.

Obviamente, se você estiver usando um tema clássico e não souber o código, também poderá usar um plug-in do construtor de páginas.

Opções de plug-in para melhorar os resultados de pesquisa do WordPress

Depois de lidar com o design da página de resultados de pesquisa, é hora de falar sobre como personalizar seu conteúdo. Para isso, vamos nos concentrar nas opções de plugins. Em primeiro lugar, porque existem vários bons por aí, em segundo lugar, porque personalizar os resultados da pesquisa via código simplesmente vai além do que podemos abordar neste artigo.

1. Relevanssi

Este plug-in substitui completamente a função de pesquisa padrão do WordPress e faz as seguintes alterações:

• Ordene os resultados da pesquisa por relevância, não por data.
• Ative a correspondência difusa, o que significa que também mostra correspondências parciais para a consulta de pesquisa.
• Suporte para usar os modificadores de consulta AND e OR, bem como aspas para pesquisa de correspondência exata.
• Destaque os termos de pesquisa nos trechos de pesquisa e nos resultados ao clicar neles.
• Capacidade de pesquisar taxonomias, comentários, campos personalizados, incluindo conteúdo WooCommerce SKUs e campos personalizados avançados.
• Sugestões de busca quando não há resultado (“você quis dizer…?”).

A versão gratuita oferece muito mais recursos e existe uma versão premium com ainda mais. Apenas tome cuidado: o Relevanssi precisa de muito espaço no banco de dados para seu índice, portanto, certifique-se de tê-lo disponível em sua hospedagem antes de instalar o plug-in.

2. Pesquisa de Marfim

Uma das principais funcionalidades de Ivory Search é que permite criar formulários de pesquisa ilimitados e exibi-los onde quiser. As posições disponíveis incluem o cabeçalho do site, rodapé, áreas de widget, navegação e qualquer lugar onde você possa colocar códigos de acesso. Você pode projetar e personalizar seus formulários conforme necessário ou usar os modelos incluídos. Além disso, você pode personalizar qual conteúdo exatamente cada um irá procurar.

Além disso, o plug-in melhora a funcionalidade de pesquisa em seu site das seguintes maneiras:

• Pesquisa mais rápida por meio de um mecanismo de pesquisa baseado em índice.
• Pesquise imagens, arquivos e anexos, conteúdo de código curto, produtos WooCommerce e muito mais.
• Funcionalidade de pesquisa ao vivo.
• Pesquise conteúdo específico ou exclua conteúdo dos resultados.
• Rastreie pesquisas em seu site na análise de pesquisa.
• Pesquisa multilíngue.

Uma versão premium com recursos adicionais está disponível.

3. Melhor pesquisa

Este plugin também substitui a pesquisa padrão do WordPress. Ele produz resultados de acordo com o título e o conteúdo de suas postagens, páginas e tipos de postagem personalizados. Você também pode controlar onde o plug-in pesquisa, incluindo metacampos, autores, taxonomias e até comentários.

Além do mais, o Better Search mostra os resultados por relevância e permite que você personalize a saída da pesquisa, atribua maior peso ao título ou conteúdo e oferece outros filtros e ações. Por fim, você pode mostrar o conteúdo pesquisado mais popular na forma de um widget e personalizar os resultados da pesquisa com seu próprio modelo e CSS personalizado.

4. Plug-ins de pesquisa paga

Além dos plugins acima, também há várias ofertas pagas:

• WP Fastest Site Search — Embora no diretório WordPress, este é realmente um plugin pago com um período de avaliação de 14 dias. A única parte gratuita é a funcionalidade de pesquisa por voz , útil para dispositivos móveis. Além disso, ele vem com personalizações de interface do usuário sem código, PDF e pesquisa de imagens, sinônimos e preenchimento automático e muito mais.
• SearchWP — Classifica os resultados dependendo de onde eles são encontrados. O plug-in pode pesquisar campos personalizados, produtos e detalhes de comércio eletrônico, categorias, tags e outras taxonomias, o conteúdo de documentos em seu site (por exemplo, PDF, docx) e muito mais. Você pode ajustar a importância dada aos diferentes atributos de pesquisa e excluir taxonomias. A mesma empresa também faz um aprimoramento gratuito para pesquisa ao vivo.
• YITH WooCommerce AJAX Search — Especificamente para melhorar a pesquisa em sites WooCommerce. Permite pesquisar dentro de uma categoria específica, por fornecedor ou por SKU. Ele pode mostrar preços nos resultados de pesquisa e tem diferentes layouts de formulário de pesquisa disponíveis, incluindo tela cheia.

5. Outros plug-ins de pesquisa

Finalmente, aqui estão alguns plugins que fazem pequenas alterações na funcionalidade de pesquisa do WordPress:

• Pesquisa e filtro — Um plug-in gratuito que permite que os usuários refinem sua pesquisa escolhendo categorias, tags ou tipos de postagem para pesquisar. Ele também exibe o termo de pesquisa na parte superior da página de pesquisa. Dessa forma, os usuários podem ter certeza de que a pesquisa foi feita, mesmo que ela apareça vazia.
• Destacar termos de pesquisa — Um plug-in pequeno e leve que faz apenas uma coisa: destacar o termo de pesquisa nos resultados da pesquisa, bem como nas páginas encontradas após o clique. Também é compatível com BuddyPress/bbPress.

Considerações finais: resultados de pesquisa do WordPress

E aí está, os motivos pelos quais você pode querer personalizar a página de resultados de pesquisa do WordPress e como fazê-lo. Eu, por exemplo, me sinto um pouco mais inteligente, e você? Espero que você use as informações acima para melhorar esta parte vital do seu site WordPress.

Você conhece outras maneiras de personalizar a página de resultados de pesquisa do WordPress? Mais alguma coisa a acrescentar? Deixe-nos saber nos comentários!