Porque é que as pessoas usam formulários de pesquisa de sites em primeiro lugar? É porque eles estão à procura de resultados imediatos e relevantes que não podem obter navegando em um site ou usando a navegação.

Às vezes, esses resultados de pesquisa fornecem respostas para suas perguntas (como informações sobre a política de retorno de uma empresa) ou uma lista de produtos ou conteúdo correspondentes (como posts de blogs relacionados a plugins de construtor de páginas). Independentemente do que procuram, uma coisa é certa:

Os visitantes esperam que o seu formulário de pesquisa do WordPress forneça resultados de forma rápida e precisa.

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

Naturalmente, os visitantes do seu site não estão usando a pesquisa interna esperando ou querendo um resultado de zero-clique. Eles estão 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 têm em comum é o seguinte: os consumidores querem resultados rápidos, convenientes e hiper-relevantes de ambos.

Há apenas um problema: a função de busca nativa do WordPress não é ótima.

É por isso que, neste guia, vamos explorar tudo o que você precisa saber para otimizar a experiência de pesquisa do WordPress para seus visitantes.

Quão Importante é a Pesquisa Interna, Afinal?

Se você criar um site da maneira correta, os visitantes irão naturalmente seguir o caminho que você colocou antes deles. Um menu bem organizado também ajuda.

Dito isto, a busca interna tem um papel importante a desempenhar neste contexto.

Pense na pesquisa do WordPress como um Fast Pass para o seu site. Quando a sua função de pesquisa funciona como deveria, pode levar os seus visitantes do Passo 1 ao Passo 5 em segundos.

Isso seria especialmente útil para sites do WordPress com uma grande quantidade de conteúdo. Aqui estão alguns exemplos:

eCommerce

Lojas online como a Nordic Ware podem ajudar os visitantes a ir da página inicial:

Nordic Ware: página inicial com barra de pesquisa no cabeçalho
Nordic Ware: página inicial com barra de pesquisa no cabeçalho

Para uma lista mais restrita de produtos apenas usando a barra de pesquisa no canto superior direito do site:

Nordic Ware: página de resultados de pesquisa
Nordic Ware: página de resultados de pesquisa

Ao ter o formulário de pesquisa de produtos sempre presente, os visitantes nunca têm de peneirar o menu ou categorias da loja para encontrar algo específico para o qual estão a comprar.

Blogs, Podcasts e Sites de Notícias

Websites com grandes repositórios de conteúdo como a Kinsta, que tem 39 páginas de posts de blogs (e em crescimento), se beneficiariam de uma barra de busca:

Kinsta: página de blog e paginação
Kinsta: página de blog e paginação

Ao colocar um formulário de pesquisa específico para blogs no topo do blog, os leitores se conectam com os tópicos que estão procurando mais rapidamente do que se percorressem 39 páginas:

Barra de busca WordPress no topo do blog Kinsta
Barra de busca WordPress no topo do blog Kinsta

Blogs podem se tornar difíceis de navegar com muito conteúdo. Como você quer manter as páginas do blog curto para manter as velocidades de carregamento altas, não é uma boa idéia aumentar o número de posts que aparecem.

Em vez disso, uma barra de pesquisa ajudará seus visitantes a contornar as mensagens que não são relevantes aos seus interesses atuais de forma mais eficiente.

Listagens Sites

A busca é uma das primeiras coisas que os visitantes fazem em sites que agregam listagens (por exemplo, imóveis, viagens, serviços profissionais, etc.), como este exemplo da Trulia:

Trulia: busca na página inicial de imóveis
Trulia: busca na página inicial de imóveis

O elemento de pesquisa é sempre simples o suficiente para começar. Por exemplo, especifique um local, nome da pessoa ou cargo. Mas as páginas de resultados sempre permitem que os usuários filtrem seus resultados tanto quanto quiserem:

Trulia: exemplo de página de resultados de pesquisa
Trulia: exemplo de página de resultados de pesquisa

Bases de Conhecimento

A pesquisa é um componente útil para centros de ajuda e bases de conhecimento para produtos como a Elementor:

Elementor: tópicos e contagens de artigos da base de conhecimento
Elementor: tópicos e contagens de artigos da base de conhecimento

A pesquisa ajuda os usuários a encontrar respostas para suas perguntas mais rapidamente do que seria possível com uma pesquisa manual nas categorias:

Elementor: procurar na documentação por
Elementor: procurar na documentação por “template”.

Em muitos casos, os problemas que os usuários enfrentam com os produtos SaaS podem ser facilmente resolvidos pelos próprios usuários. Se você quiser manter seu bate-papo ao vivo e suporte de help desk livres de perguntas fáceis de resolver, torne sua base de conhecimento fácil de pesquisar.

Linha de Fundo

Se houver uma grande quantidade de algo no seu site, não assuma que a navegação ajudará os visitantes a navegar. Crie uma experiência de pesquisa do tipo Fast Pass-like que irá levá-los exatamente onde eles precisam e querem ir.

Como Adicionar Pesquisa ao Seu Site WordPress

Você tem algumas opções para implementar e habilitar a pesquisa básica do WordPress para o seu site:

Adicionar WordPress Search ao Menu com o Seu Tema

Dependendo do tema do WordPress que você instalou, você poderá adicionar pesquisas ao seu menu com apenas alguns cliques. Neste exemplo, estou usando o tema Astra que, a propósito, acaba sendo muito rápido!

A primeira coisa a fazer é ir a Aparência > Personalizar:

WordPress - navegue para o menu Personalizar
WordPress – navegue para o menu Personalizar

Em seguida, vá para Cabeçalho > Menu principal.

WordPress - personalize o menu
WordPress – personalize o menu

Em “Último item no menu”, selecione “Pesquisar” no menu suspenso.

WordPress - adicionar uma barra de pesquisa ao menu
WordPress – adicionar uma barra de pesquisa ao menu

Isto adicionará um ícone e uma barra de pesquisa como último elemento do seu menu de navegação.

WordPress - barra de pesquisa adicionada com configurações de temas
WordPress – barra de pesquisa adicionada com configurações de temas

Ao usar outros temas do WordPress, essa configuração de ativação de pesquisa pode não estar no mesmo local do seu customizador de temas. Se estiver disponível, você o encontrará nas configurações de “Cabeçalho”. Caso contrário, você terá que adicioná-lo manualmente usando uma das opções abaixo.

Adicionar Pesquisa com um Widget WordPress

Os widgets do WordPress permitem que você adicione conteúdo a blocos dedicados nos elementos que cercam seu conteúdo, como a barra lateral e o rodapé.

Um tipo de bloco de conteúdo que você pode criar com os widgets do WordPress é uma barra de pesquisa.

Comece por localizar Widgets no menu Aparência:

WordPress - localize o menu Widgets
WordPress – localize o menu Widgets

Você encontrará todas as seções widgeted disponíveis para você aqui. Dependendo do tema ou modelo que você usa, você pode ver nada mais do que uma barra lateral ou rodapé ou você pode ver uma seleção mais abrangente como esta:

Exemplo de widgets e seções
Exemplo de widgets e seções

Independentemente disso, o que você precisa fazer agora é decidir onde você quer que sua barra de pesquisa apareça.

Digamos que você planeja publicar novos conteúdos de blog todos os dias e sabe que o arquivo vai crescer rapidamente. Então, seria benéfico ter uma barra de pesquisa presente em cada página do blog.

Vá até a parte inferior de seus widgets e localize o chamado “Busca”:

Widget de busca
Widget de busca

Você pode adicioná-lo clicando nele e escolhendo a seção para adicioná-lo assim:

Adicionar widget de pesquisa com dropdown
Adicionar widget de pesquisa com dropdown

Ou você pode arrastar e soltar o widget para o bloco de seção em que deseja que ele apareça:

Adicionar widget de pesquisa com arrastar e soltar
Adicionar widget de pesquisa com arrastar e soltar

Quando o tiveres onde queres, dá-lhe um nome:

Dê um título ao seu widget de pesquisa
Dê um título ao seu widget de pesquisa

Salve suas alterações e, em seguida, visite seu site para confirmar que ele tem a aparência que você deseja:

Barra de pesquisa adicionada ao blog
Barra de pesquisa adicionada ao blog

Você pode ver agora que a barra de busca está sentada no topo da barra lateral do blog, pronta para os seus leitores usarem.

Adicionar Pesquisa ao Conteúdo Principal do Seu Site com as Ferramentas WordPress

Embora seja útil colocar a sua barra de pesquisa nos elementos sempre presentes no seu site, você pode encontrar uma razão para incluí-la dentro do conteúdo real das suas páginas também.

Há algumas maneiras de fazer isto acontecer:

Com o Editor WordPress

O editor do Gutenberg certamente tornou mais fácil desenhar layouts de página mais criativos sem ter de confiar no HTML ou em códigos de atalho.

Um desses elementos que você pode agora adicionar às suas páginas graças ao editor WordPress é um widget de busca:

Procurar bloco de widgets em Gutenberg
Procurar bloco de widgets em Gutenberg

Você tem mais controle sobre como a barra de pesquisa aparece quando você usa esta opção. Por exemplo, você pode modificar o título da barra de pesquisa, o texto do caractere de preenchimento, bem como o botão:

Personalize a barra de pesquisa com o Gutenberg
Personalize a barra de pesquisa com o Gutenberg

Você pode até mesmo alterar o estilo do bloco de busca com classes CSS personalizadas.

Com um Plugin do Page Builder

Para aqueles de vocês que preferem trabalhar com plugins de construção de páginas arrastar e soltar como o Elementor, você pode acessar o widget de busca com seu plugin de escolha, também. O processo é semelhante ao que farias com o Gutenberg.

Com uma nova página ou publicação aberta e o editor Elementor ativado, faça uma pesquisa pelo widget de pesquisa do WordPress a partir da sua lista de Elementos:

Procurar widget em Elementor
Procurar widget em Elementor

Arraste o elemento Pesquisar para onde você deseja que ele apareça na página. Por exemplo, esta é uma página 404 que ajuda os usuários a voltar ao caminho certo com uma barra de pesquisa:

404 páginas de exemplo com barra de pesquisa
404 páginas de exemplo com barra de pesquisa

Como pode ver, o plugin do construtor de páginas dá-lhe mais controlo sobre onde a sua barra de pesquisa do WordPress aparece do que o Gutenberg, permitindo-lhe colocá-la sobre e dentro de outro conteúdo.

Com um Tema

Em alguns casos, você pode encontrar um tema e um modelo que automaticamente adiciona pesquisa ao conteúdo do seu site. Os tipos de temas que o fazem, no entanto, tendem a ser altamente especializados, como o tema da Residência Imobiliária:

Demo do tema Residência Imobiliária
Demo do tema Residência Imobiliária

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

Os temas do site de reservas são outro exemplo dos que vêm com a funcionalidade de pesquisa já incorporada, tal como esta demo do tema Travel Booking:

Demo do tema Travel Booking
Demo do tema Travel Booking

Como você pode imaginar, tendo pesquisa já incorporado em seu tema WordPress e modelo vai economizar um monte de problemas tendo que construir algo tão complexo por si mesmo. E se o tema for otimizado para o desempenho, sua solução de mecanismo de busca também deve ser (novamente, uma coisa a menos para se preocupar).

Adicionar Pesquisa WordPress com Código

Há uma outra maneira de adicionar um formulário de pesquisa básico ao seu site, mas isso requer que você se sinta confortável com a codificação.

Para fazer isso, vá até Aparência > Editor de Temas:

Editor de Temas
Editor de Temas

O que você vai fazer aqui é criar um atalho para uma barra de pesquisa usando o arquivo de tema functions.php:

O ficheiro de tema functions.php
O ficheiro de tema functions.php

Na parte inferior do arquivo, adicione o seguinte trecho:

add_shortcode( 'shortcodename', 'get_search_form');

Substitua “shortcodename” pelo seu próprio nome para o formulário de pesquisa. Certifique-se de que é tudo minúsculo, sem espaços, números ou símbolos. Depois de atualizar o arquivo, você pode começar a usar seu shortcode em seu site.

Aqui está um exemplo:

Um código de atalho personalizado para adicionar uma barra de pesquisa ao seu site
Um código de atalho personalizado para adicionar uma barra de pesquisa ao seu site

O shortcode é adicionado da mesma forma que qualquer texto regular seria adicionado ao site. Apenas lembre-se de o colocar entre parênteses [].

Embora você não consiga ver a barra de pesquisa no seu editor, dê uma olhada na visualização da sua página e você a verá no frontend do seu site:

Barra de pesquisa adicionada com código de atalho
Barra de pesquisa adicionada com código de atalho

Embora esta seja uma edição rápida, o que é bom para o propósito deste artigo, as melhores práticas sugerem nunca editar o código do seu tema e, em vez disso, criar um tema infantil do WordPress.

Uma Nota Sobre as Limitações da Pesquisa WordPress

Há uma abundância de opções que você pode usar para adicionar funcionalidades básicas de pesquisa do WordPress ao seu site. Mas isso é suficiente?

A menos que você tenha um site muito pequeno ou queira restringir a pesquisa ao seu blog, ele provavelmente não será. Deixa-me explicar.

O formulário de pesquisa nativo do WordPress analisa os seguintes tipos de conteúdo em suas páginas da web e posts de blogs:

  • Títulos das páginas
  • Texto do parágrafo
  • Títulos de imagem
  • Legendas das imagens
  • Texto alternativo da imagem
  • Nomes de ficheiros

Como você pode imaginar, isso é incrivelmente limitante para seus usuários. Para começar, se você precisa recuperar resultados de outros tipos de páginas ou conteúdo em seu site (como produtos WooCommerce), o formulário de pesquisa básica não exibirá resultados correspondentes para eles. O mesmo vale para outros elementos do seu site como:

A pesquisa WordPress também não é apenas restritiva em termos de resultados mostrados. Também é restritivo por tamanho. Quanto maior for o tamanho do seu site, mais difícil será para o seu banco de dados processar os resultados e mais tempo levará para atendê-los aos seus visitantes.

Então, e se você precisar de algo mais poderoso e sustentável do que o que a pesquisa WordPress permite?

Vamos olhar para algumas formas de o melhorar.

Como Melhorar a Experiência Interna de Pesquisa WordPress

Você deve ler esta próxima parte sobre como corrigir a pesquisa do WordPress se pelo menos uma das seguintes situações se aplicar a você:

  1. Você tem mais de mil páginas de conteúdo ou produtos em seu site.
  2. Seus dados sugerem que a pesquisa interna é popular, mas não está levando a nenhuma conversão.
  3. Seu formulário de pesquisa está recebendo muita ação, mas seu servidor de hospedagem web está lutando para lidar com as solicitações (ou seja, leva mais de alguns segundos para carregar os resultados).
  4. Você quer escalar o seu site sem ter que se preocupar com a falha de pesquisa em você (e seus visitantes) em algum lugar ao longo do caminho.
  5. A busca básica não é suficiente. Você precisa de algo mais avançado e ágil para lidar com os tipos de pesquisas que seus usuários fazem.

Pronto para mergulhar? Aqui estão 6 coisas cruciais que você pode fazer para melhorar a pesquisa do WordPress:

Dica 1: Crie uma Página de Pesquisa Personalizada

Em vez de deixar seus visitantes com uma barra de pesquisa simples para ajudá-los a navegar pelo seu site, por que não criar uma página de pesquisa personalizada?

Busca ampla por
Busca ampla por “denim” no menu do site

Não é como se seus visitantes não estivessem familiarizados com o uso de uma pesquisa, mas a experiência poderia ser melhorada com uma página de pesquisa dedicada.

Para criar sua página personalizada, você precisará de acesso backend ao seu site através de FTP ou de um gerenciador de arquivos.

Quando você estiver dentro do banco de dados do WordPress, procurará o seguinte caminho de arquivo:

/wp-content/themes/[your theme name]/page.php

page.php é um arquivo que define a estrutura básica de suas páginas web. Por outras palavras, é um modelo de página. O que queremos fazer agora é criar um modelo para a sua página de pesquisa.

Duplique page.php e nomeie o novo arquivo searchpage.php. Então, abra-o para edição.

Exemplo de código page.php copiado em um novo arquivo
Exemplo de código page.php copiado em um novo arquivo

A maior parte do código neste arquivo precisa ser substituído como o que está aqui define uma página web típica ou post de blog. Em vez disso, você precisa tirá-la de volta para que ela contenha apenas o que você precisa na sua página de pesquisa. Aqui está um exemplo de como criei a minha página de pesquisa:

<?php
/*
Template Name: Search Page
*/
?>
<?php
get_header(); ?>

<div class="wrap">
	<div id="primary" class="content-area">
		<main id="main" class="site-main" role="main">
<h1>Search Our Shop</h1>
<p>Welcome to the online shop of awesomeness! Here you will find all kinds of products to revolutionize how you work, live, and play.</p>
<p>Use the search form below to get yourself moving in the right direction.</p>

<?php get_search_form(); ?>

		</main><!-- #main -->
	</div><!-- #primary -->
</div><!-- .wrap -->

<?php get_footer(); ?>

O WordPress Codex fornece um pouco mais de orientação sobre o que você pode ou não fazer ao criar uma página de pesquisa personalizada. No entanto, se você gosta dos resultados do que eu estou prestes a mostrar-lhe, a única coisa que você pode precisar mudar é o conteúdo que aparece entre:

<main id="main" class="site-main" role="main">

E…:

<?php get_search_form(); ?>

 

Depois de salvar seu modelo searchpage.php, volte ao WordPress. Precisamos agora de criar uma página chamada “Procurar”.

Dê um título à página e abra “Atributos de página” na barra lateral. Você verá um modelo para a “Página de Busca” que acabou de criar:

Procurar modelo de página criado
Procurar modelo de página criado

Selecione o modelo de pesquisa e publique a página. Agora você vai vê-lo na URL ao vivo, que deve ser: https://yourdomainname.com/search/. E, se você usou algo semelhante ao código acima, isso resultará em uma página que se parece com isso:

Exemplo de uma página de pesquisa personalizada no WordPress
Exemplo de uma página de pesquisa personalizada no WordPress

Com esta página criada e publicada, é sua para fazer o que quiser. Você pode adicioná-lo ao seu menu ou link para ele em outro lugar. Apenas certifique-se de que o link está colocado em algum lugar onde seus visitantes estão aptos a vê-lo.

Dica 2: Faça a Sua Pesquisa WordPress ir Além de Apenas páginas e Posts

Embora a dica acima dê a você um novo lugar para executar pesquisas do WordPress, ela não ajuda com o problema de qual tipo de conteúdo ela pesquisa. Felizmente para nós, há uma série de plugins que vão resolver isto.

Atualização da Pesquisa WordPress Básica com o WP Extended Search

Se tudo o que você quer é ser capaz de pentear mais conteúdo e metadados em seu site, uma boa opção é o WP Extended Search.

Configurações de pesquisa ampliada do WP no WordPress
Configurações de pesquisa ampliada do WP no WordPress

Com este plugin, seus visitantes serão capazes de recuperar os resultados:

    • Mensagens
    • Páginas
    • Arquivos de mídia
    • Categorias
    • Etiquetas
    • Excertos
    • Metadados (como o nome do autor)

Este é um plugin leve e fácil de configurar que melhora as capacidades básicas de pesquisa para sites e blogs de pequenas empresas.

Upgrade WooCommerce Search com Advanced Woo Search

Se você tem um site de comércio eletrônico, você pode usar o plugin Advanced Woo Search.

Quando ativado, você pode colocar o formulário de busca do WooCommerce onde quiser no site. Se você quiser que ele substitua todos os formulários básicos de busca do WordPress já existentes, o plugin tem uma opção rápida de “Integração perfeita” que os troca automaticamente por você.

Você também pode adicionar manualmente o formulário como um widget ou um atalho. Depende de ti.

O formulário vai se parecer com o formulário WordPress básico:

Exemplo de Pesquisa Avançada de Woo
Exemplo de Pesquisa Avançada de Woo

Há duas diferenças fundamentais entre este formulário e o que você tinha antes.

A primeira é que o formulário pesquisa o conteúdo e metadados do seu produto WooCommerce, incluindo o título, SKU, trecho, categoria, tag e ID.

Esta é a segunda diferença:

Pesquisa avançada de Woo: resultados de pesquisa ao vivo
Pesquisa avançada de Woo: resultados de pesquisa ao vivo

Quando seus visitantes começam a digitar suas consultas de pesquisa, resultados correspondentes aparecem. Isto é o que é conhecido como pesquisa “ao vivo” e, graças à utilização do AJAX pelo plugin, acontece instantaneamente.

Se essas opções parecerem promissoras, mas você estiver procurando por atualizações mais robustas ou mais rápidas para seus formulários de pesquisa do WordPress, continue lendo.

Dica 3: Melhore a Forma como os Resultados da Pesquisa WordPress São Exibidos

Em seguida, vamos falar sobre que tipos de coisas você pode fazer para melhorar a forma como os resultados da pesquisa são mostrados aos seus visitantes.

É por isso que não te podes dar ao luxo de saltar esta dica:

Exibição predefinida dos resultados da pesquisa
Exibição predefinida dos resultados da pesquisa

Por padrão, a pesquisa do WordPress exibe resultados semelhantes a esta página. O topo da página dirá “Search Results for: [palavra-chave]” e é seguida de cada página ou post correspondente. Se houver uma imagem em destaque (como o jeans acima), ela será exibida na íntegra.

Depois será seguido de um excerto:

Os resultados da pesquisa mostram uma imagem grande e um excerto
Os resultados da pesquisa mostram uma imagem grande e um excerto

Este é apenas um resultado correspondente. Imagine como seria difícil passar por esta página de resultados de pesquisa se houvesse algumas partidas de “denim”, muito menos dezenas ou centenas delas.

Para corrigir este problema, vamos procurar um plugin WordPress para ajudar.

Melhore a Aparência do Seu Formulário com Ivory Search

Como os plugins mencionados acima, Ivory Search permite que você escolha quais tipos de conteúdo e resultados de pesquisa de metadados são extraídos. Com este, no entanto, você não tem que fazer uma escolha entre página básica e postar dados ou comércio eletrônico. Tens aqui a tua escolha da ninhada:

Configurações da Ivory Search
Configurações da Ivory Search

Outra dica notável sobre este plugin é que ele permite que você personalize seu formulário de pesquisa ao lado do resto do seu site:

Ivory Search: personalizar o design no tema Customizer
Ivory Search: personalizar o design no tema Customizer

Você tem controle sobre todos os aspectos do seu formulário de pesquisa:

      • Cores
      • Texto
      • Estilo
      • Animação de formulários
      • Carregador de imagem

Além disso, você também pode configurar coisas como pesquisa AJAX ao vivo e dar aos seus visitantes o benefício de ver suas correspondências em tempo real:

Resultados de pesquisa ao vivo da barra de pesquisa personalizada com Ivory Search
Resultados de pesquisa ao vivo da barra de pesquisa personalizada com Ivory Search

Pense neste plugin como o próximo passo na pesquisa do WordPress.

Personalizar como os Resultados da Pesquisa Aparecem com a Pesquisa Ajax

Agora, não é só a aparência do seu formulário de pesquisa que vai deixar uma marca nos seus visitantes. É o que você faz com a exibição de resultados que também afeta a experiência deles.

Com os plugins Ajax Search Lite e Pro, você vai realmente impressioná-los com uma experiência de pesquisa mais inteligente e rápida.

Aqui estão alguns exemplos do que você pode fazer:

Ajax Search plugin: comportamentos de pesquisa
Ajax Search plugin: comportamentos de pesquisa

Comportamentos tornam a experiência de pesquisa mais eficiente para os visitantes, fazendo coisas como abrir imediatamente o formulário de pesquisa quando eles começam a digitar e redirecioná-los para resultados de pesquisa se eles batem a tecla de retorno ou o ícone da lupa.

Ajax Search plugin: autocompletar e sugestões
Ajax Search plugin: autocompletar e sugestões

O Autocompletar e as Sugestões utilizam as funcionalidades de pesquisa do Google para acelerar as pesquisas dos seus visitantes.

Ajax Search plugin: destaque de palavra-chave
Ajax Search plugin: destaque de palavra-chave

O Realce de palavras-chave é outro recurso útil que destaca as palavras-chave dos usuários nos resultados correspondentes. Isso facilita a identificação de resultados mais relevantes.

Aqui está um exemplo de como isso pode aparecer:

Palavras-chave destacadas nos resultados de pesquisa
Palavras-chave destacadas nos resultados de pesquisa

Este plugin também permite que você dite como exatamente seus resultados devem aparecer: como a página de resultados deve ser disposta e quais elementos devem aparecer (como a imagem em destaque + trecho + nome do autor).

Além disso, você pode dizer ao motor de busca para puxar imagens de um determinado lugar. Por exemplo, se uma imagem em destaque não estiver disponível, você pode solicitar que a primeira imagem na página seja usada nos resultados de pesquisa.

Você também pode decidir como cada imagem deve ser recortada e em que tamanho. Desta forma, pode tornar as suas páginas de resultados de pesquisa mais fáceis de gerir em tamanho e aparência – algo que se torna extremamente importante à medida que a quantidade de conteúdo no seu site cresce.

E mais uma coisa: este plugin não apenas ajuda você a fazer com que seus resultados de busca pareçam melhores. Acelera a rapidez com que eles se colocam à frente dos seus visitantes também:

Ajax Search plugin: otimizações de desempenho para uma pesquisa mais rápida
Ajax Search plugin: otimizações de desempenho para uma pesquisa mais rápida

Existem três otimizações de performance que você pode fazer dentro deste plugin:

      • Aplique um manipulador AJAX personalizado.
      • Desative o recorte da imagem.
      • Carregar JavaScript no rodapé.

Com estas três definições configuradas, pode ajudar o seu servidor web a não ficar tão sobrecarregado com pedidos de pesquisa contínuos.

Dito isto, esta é apenas a ponta do iceberg quando se trata de otimizar a busca do WordPress por velocidade. Continue lendo para saber mais sobre o Elasticsearch.

Dica 4: Acelere a Pesquisa WordPress

Embora a aparência e as capacidades de pesquisa do seu formulário de pesquisa do WordPress sejam importantes, também é a rapidez com que tudo acontece.

Obtenha Recursos de Pesquisa Super Rápidos e Complexos com o Elasticsearch

A certa altura, os plugins de pesquisa do WordPress e a sua base de dados MySQL já não o cortam mais. Quando as consultas de pesquisa do seu site estão passando pelo telhado, a única maneira de garantir uma ótima experiência de pesquisa é usar o Elasticsearch.

O Elasticsearch é um mecanismo de pesquisa e análise de código aberto conhecido por sua velocidade, estabilidade e escalabilidade – é apenas uma parte da pilha do Elastic. Quando combinado com o Logstash (para processamento de dados) e o Kibana (para gerenciamento e visualização de dados), o Elasticsearch potencializa o mecanismo de pesquisa do seu site de maneiras que você nunca viu antes:

  • Consultar mais tipos de conteúdo (como PDFs) e metadados
  • Fuzzy correspondência para reduzir em “Sem resultados”
  • Sugestões de conteúdo relacionadas
  • Recomendações de conteúdo geo-específico
  • Busca facetada (multi-filtro)
  • Processamento mais rápido de consultas
  • Acesso em tempo real aos dados da consulta de pesquisa

Embora o Elasticsearch seja código aberto e livre para uso, você precisará de hospedagem gerenciada do Elasticsearch para ele (que não é livre). Há várias maneiras de obter isso:

1. ElasticPress

O plugin ElasticPress permite que você integre perfeitamente os recursos de busca do ElasticPress ao seu site WordPress. Este plugin é uma solução popular para integração com hosts WordPress que fornecem suporte ao Elasticsearch.

Configurações do ElasticPress
Configurações do ElasticPress

2. Elastic
Se quiseres, podes ir diretamente à fonte: Elastic. Você também tem algumas opções para implantar seu mecanismo de busca.

Você pode obter a pilha completa e aproveitar suas ferramentas avançadas de processamento e gerenciamento de dados. Isto faz parte do processo de configuração e integração:

Elastic: configuração de implantação de pilha completa
Elastic: configuração de implantação de pilha completa

Além disso, você pode controlar como seu servidor Elasticsearch deve ser otimizado:

Escolhendo a otimização da implantação no Elastic
Escolhendo a otimização da implantação no Elastic

As recomendações são fornecidas com base nos tipos de consultas que o seu site irá tratar, o que torna mais fácil decidir qual a melhor forma de acelerar e melhorar o seu motor de busca.

Se você quiser simplificar a configuração, use a ferramenta de busca de sites do Elastic:

Elastic Site Search dashboard
Elastic Site Search dashboard

Você é então levado para este painel de controle onde, uma vez que seu site é indexado, você pode:

  • Instale o seu motor de busca com um snippet JavaScript.
  • Personalize o funcionamento do seu motor de busca com rankings de resultados, ponderações e sinônimos.
  • Gerencie o conteúdo elegível para aparecer nos resultados de pesquisa.
  • Configurar rastreamento de conversão.
  • Configurar recomendações de pesquisa.
  • Reveja os dados da sua consulta de pesquisa.

Não é tão robusto de uma solução como o Elastic Stack, mas esta é uma ótima opção se você estiver simplesmente procurando uma busca de alta potência que seja fácil de implementar e gerenciar.

3. Amazon Elasticsearch
Não é de estranhar que a Amazon tenha um serviço próprio de Elasticsearch. Se você já estiver usando serviços de hospedagem e implantação da AWS, essa seria uma ótima opção para você.

Semelhante às opções acima, é um serviço gerenciado que permite que você crie um mecanismo de pesquisa rápido com habilidades de consulta complexas para o seu site.

Dica 5: Cache sua Página de Resultados de Pesquisa

Outra forma de otimizar a pesquisa do WordPress para a velocidade é através do cache dos resultados da pesquisa. Ao ativar o cache, seu servidor não terá que processar continuamente as mesmas consultas repetidas vezes. Em vez disso, ele irá recuperar e exibir uma página de resultados de pesquisa estática, fornecendo aos visitantes resultados quase instantâneos.

Uma maneira de ativar o cache é com um plugin de cache do WordPress.

Um dos melhores plugins, o W3 Total Cache, chama a atenção para o cache das páginas de resultados de pesquisa, então comece por aí se você estiver procurando uma solução de cache que priorize os tipos de otimizações de desempenho que você precisa.

Ou podes tentar WP Rocket. Embora não armazene páginas de resultados de pesquisa em cache por padrão, ele criou o plugin do helper Cache Search Results para esse exato propósito.

Outra maneira de habilitar isso é usando o plugin Ajax Search Pro mencionado anteriormente. Eu já mostrei algumas maneiras que a versão Lite do plugin otimiza o desempenho da pesquisa. A versão Pro adiciona ainda mais otimizações, incluindo precaching de imagens e cache de frases de pesquisa.

Dica 6: Ative o Rastreamento de Pesquisa no Google Analytics

Por último, mas não menos importante, lembre-se de ativar o rastreamento de pesquisa no Google Analytics. Você o encontrará em Admin > Todos os dados do site > Configurações de exibição.

Ativação do rastreamento de pesquisa no Google Analytics
Ativação do rastreamento de pesquisa no Google Analytics

Para ativar o rastreamento de busca no local, comute a chave múltipla para “ON”. Isto irá revelar um novo campo chamado “Parâmetro de consulta”. Este é o elemento no seu URL (e banco de dados) que define uma consulta de pesquisa e resultado.

O parâmetro de pesquisa do Google Analytics
O parâmetro de pesquisa do Google Analytics

A letra “s”, neste caso, é o que define a consulta de pesquisa no site. Se você não tiver certeza de qual é o seu próprio parâmetro de pesquisa, execute uma pesquisa de teste e localize a letra ou palavra que segue o ponto de interrogação.

Se sua pesquisa permitir que os visitantes selecionem categorias e filtros, você também poderá ativar categorias de pesquisa de sites. Pode ser necessário indicar vários parâmetros aqui.

Depois de concluir a configuração da pesquisa no Google Analytics, você poderá encontrar todos os seus dados em Comportamento > Pesquisa de site.

Dados de pesquisa do site no Google Analytics
Dados de pesquisa do site no Google Analytics

Assim como o resto do Google Analytics, esses dados oferecem a você uma grande oportunidade de descobrir:

Preste muita atenção ao que os seus visitantes estão fazendo com a pesquisa e você pode moldar mais eficazmente o resto da experiência no local para eles.

Resumo

A pesquisa WordPress pode parecer uma simples questão – e é se tudo o que você precisa é de uma função básica de pesquisa para ajudar os visitantes a navegar por uma dúzia de páginas.

Você pode adicionar uma função de pesquisa simples do WordPress a várias áreas do seu site, como cabeçalho, menu, barra lateral, rodapé e até mesmo em linha com o seu conteúdo. Há várias maneiras de adicionar esses elementos de pesquisa também:

  • Definições do seu tema
  • Um widget WordPress
  • Um plugin de construtor de páginas
  • Um modelo de tema pré-fabricado
  • Código

Não se esqueça: quanto maior for o seu website e quanto mais complexa for a sua navegação, mais precisará de uma solução que melhore as suas capacidades de pesquisa do WordPress para fornecer um melhor UX aos seus visitantes. E um UX melhor, na maioria das vezes, resulta em maiores conversões para você.

Suzanne Scacca

Suzanne Scacca é uma especialista em WordPress, design web e SEO. Quando ela não está testando ferramentas WordPress ou vasculhando a web em busca de exemplos de design incríveis, ela está no X compartilhando dicas sobre como tornar a web um lugar melhor.