¿Por qué la gente utiliza formularios de búsqueda en el sitio web en primer lugar? Es porque están buscando resultados inmediatos y relevantes que no pueden obtener navegando por un sitio web o usando la navegación.

A veces, esos resultados de búsqueda proporcionan respuestas a sus preguntas (como información sobre la política de devoluciones de una empresa) o una lista de productos o contenidos coincidentes (como entradas de blog relacionadas con los plugins de generador de páginas). Sin embargo, independientemente de lo que estén buscando, una cosa es segura:

Los visitantes esperan que su formulario de búsqueda de WordPress ofrezca resultados de forma rápida y precisa.

Tiene sentido cuando se observa el comportamiento de los consumidores en su conjunto. Google ha establecido un estándar casi imposible cuando se trata de búsquedas en línea. Según los resultados de SparkToro, más de la mitad de todas las búsquedas en Google son cero clicks. Básicamente, Google ha hecho la búsqueda tan eficiente que la gente a menudo no necesita visitar un sitio web para obtener respuestas a sus preguntas.

Por supuesto, los visitantes de su sitio web no están utilizando la búsqueda interna esperando o deseando un resultado de clic cero. Están usando la búsqueda para encontrar otras partes de su sitio web para explorar. Pero lo que su búsqueda en WordPress y en Google tienen en común es esto: los consumidores quieren resultados rápidos, convenientes e hiper-relevantes de ambos.

Sólo hay un problema: la función de búsqueda nativa de WordPress no es genial.

Por eso, en esta guía, vamos a explorar todo lo que necesita saber para optimizar la experiencia de búsqueda de WordPress para sus visitantes:

¿Qué Importancia Tiene la Búsqueda Interna?

Si usted diseña un sitio web de la manera correcta, los visitantes naturalmente seguirán el camino que usted ha trazado ante ellos. Un menú bien organizado también ayuda.

Dicho esto, la búsqueda interna tiene un papel importante que desempeñar en esto.

Piense en la búsqueda de WordPress como un pase rápido para su sitio web. Cuando su función de búsqueda funciona como debería, puede llevar a sus visitantes del Paso 1 al Paso 5 en segundos.

Esto sería especialmente útil para sitios web de WordPress con una gran cantidad de contenido. Aquí hay algunos ejemplos:

eCommerce

Las tiendas en línea como Nordic Ware pueden ayudar a los visitantes a salir de la página de inicio:

Nordic Ware: página de inicio con barra de búsqueda en el encabezado
Nordic Ware: página de inicio con barra de búsqueda en el encabezado

A una lista más reducida de productos simplemente usando la barra de búsqueda en la esquina superior derecha del sitio:

Nordic Ware: página de resultados de búsqueda
Nordic Ware: página de resultados de búsqueda

Al tener siempre presente el formulario de búsqueda de productos, los visitantes nunca tienen que buscar en el menú o en las categorías de la tienda para encontrar algo específico que están buscando.

Blogs, Podcasts y Sitios de Noticias

Los sitios web con grandes repositorios de contenido como Kinsta, que tiene 39 páginas de entradas de blog (y en crecimiento), se beneficiarían de una barra de búsqueda:

Kinsta: página de blog y paginación
Kinsta: página de blog y paginación

Al colocar un formulario de búsqueda específico del blog en la parte superior del blog, los lectores se conectan con los temas que están buscando más rápidamente de lo que lo harían al desplazarse a través de 39 páginas:

Barra de búsqueda de WordPress en la parte superior del blog de Kinsta
Barra de búsqueda de WordPress en la parte superior del blog de Kinsta

Los blogs pueden llegar a ser difíciles de navegar con mucho contenido. Ya que quiere que las páginas del blog sean cortas para mantener altas las velocidades de carga, no es una buena idea aumentar el número de mensajes que aparecen.

En su lugar, una barra de búsqueda ayudará a sus visitantes a sortear de manera más eficiente los mensajes que no son relevantes para sus intereses actuales.

Listados de Sitios

La búsqueda es una de las primeras cosas que los visitantes hacen en sitios web que agregan listados (por ejemplo, bienes raíces, viajes, servicios profesionales, etc.), como este ejemplo de Trulia:

Trulia: página de inicio de búsqueda de propiedades
Trulia: página de inicio de búsqueda de propiedades

El elemento de búsqueda siempre es lo suficientemente simple como para empezar. Por ejemplo, especifique una ubicación, el nombre de la persona o el cargo. Pero las páginas de resultados siempre permiten a los usuarios filtrar sus resultados tanto como quieran:

Trulia: ejemplo de página de resultados de búsqueda
Trulia: ejemplo de página de resultados de búsqueda

Bases de Conocimiento

La búsqueda es un componente útil para los centros de ayuda y las bases de conocimiento de productos como Elementor:

Elementor: temas y recuentos de artículos de la base de conocimientos
Elementor: temas y recuentos de artículos de la base de conocimientos

La búsqueda ayuda a los usuarios a encontrar respuestas a sus preguntas más rápidamente de lo que podrían hacerlo con una búsqueda manual a través de las categorías:

Elementor: búsqueda a través de la documentación para la "plantilla".
Elementor: búsqueda a través de la documentación para la «plantilla».

En muchos casos, los problemas con los que se encuentran los usuarios con los productos SaaS pueden ser resueltos fácilmente por los propios usuarios. Si desea mantener el chat en vivo y el soporte técnico libre de preguntas fáciles de resolver, haga que su base de conocimientos sea fácil de buscar.

Resultado Final

Si hay una gran cantidad de algo en su sitio web, no asuma que la navegación ayudará a los visitantes a abrirse camino a través de él. Construya una experiencia de búsqueda de paso rápido que los llevará exactamente a donde necesitan y quieren ir.

¿Cómo Agregar la Búsqueda a Su Sitio Web de WordPress?

Usted tiene algunas opciones para implementar y habilitar la búsqueda básica de WordPress para su sitio web:

Añadir WordPress Search al Menú con Su Tema

Dependiendo del tema de WordPress que hayas instalado, puede añadir la búsqueda a su menú con sólo unos pocos clics. Estoy usando el tema de Astra, que resulta ser muy rápido.

Lo primero que hay que hacer es ir a Apariencia > Personalizar:

WordPress - Navegue hasta el menú Personalizar
WordPress – Navegue hasta el menú Personalizar

A continuación, vaya a Encabezado > Menú principal.

WordPress - personalizar el menú
WordPress – personalizar el menú

En «Último elemento del menú», seleccione «Buscar» en el menú desplegable.

WordPress - añade una barra de búsqueda al menú
WordPress – añade una barra de búsqueda al menú

Esto agregará un icono de búsqueda y una barra como el último elemento de su menú de navegación.

WordPress - barra de búsqueda añadida con la configuración del tema
WordPress – barra de búsqueda añadida con la configuración del tema

Al utilizar otros temas de WordPress, es posible que esta configuración de activación de búsqueda no se encuentre en el mismo lugar del personalizador de temas. Si está disponible, lo encontrará en la configuración del «Encabezado». De lo contrario, tendrá que agregarlo manualmente utilizando una de las siguientes opciones.

Agregar Búsqueda con un Widget de WordPress

Los widgets de WordPress te permiten añadir contenido a bloques dedicados en los elementos que rodean tu contenido como la barra lateral y el pie de página.

Un tipo de bloque de contenido que puedes crear con los widgets de WordPress es una barra de búsqueda.

Empieza por localizar Widgets en el menú Apariencia:

WordPress - localiza el menú Widgets
WordPress – localiza el menú Widgets

Aquí encontrará todas las secciones más amplias disponibles. Dependiendo del tema o plantilla que utilice, es posible que no vea nada más que una barra lateral o un pie de página, o que vea una selección más completa como ésta:

Ejemplo de widgets y secciones
Ejemplo de widgets y secciones

Sin embargo, lo que necesita hacer ahora es decidir dónde quiere que aparezca su barra de búsqueda.

Supongamos que planea publicar nuevos contenidos de blog todos los días y que sabe que el archivo va a crecer rápidamente. Por lo tanto, sería beneficioso tener una barra de búsqueda presente en cada página del blog.

Desplácese hasta la parte inferior de sus widgets y localice el llamado «Buscar»:

Widget de búsqueda
Widget de búsqueda

Puede añadirlo haciendo clic en él y eligiendo la sección a la que quiera añadirlo:

Agregar widget de búsqueda con menú desplegable
Agregar widget de búsqueda con menú desplegable

O puede arrastrar y soltar el widget al bloque de sección en el que quiera que aparezca:

Agregar widget de búsqueda con arrastrar y soltar
Agregar widget de búsqueda con arrastrar y soltar

Una vez que lo tenga donde quiera, hay que darle un nombre:

Dale un título a tu widget de búsqueda
Dele un título a su widget de búsqueda

Guarde sus cambios y luego visite su sitio para confirmar que tiene el aspecto que usted desea:

Barra de búsqueda añadida al blog
Barra de búsqueda añadida al blog

Ahora puede ver que la barra de búsqueda está en la parte superior de la barra lateral del blog, lista para que sus lectores la usen.

Añadir la Búsqueda al Contenido Principal de Su Sitio con WordPress Tools

Si bien es útil colocar la barra de búsqueda en los elementos siempre presentes de su sitio web, también puede encontrar una razón para incluirla en el contenido real de sus páginas.

Hay algunas maneras de hacer que esto suceda:

Con el Editor de WordPress

El editor de Gutenberg ciertamente ha hecho más fácil diseñar diseños de páginas más creativos sin tener que depender del HTML o de los atajos.

Uno de estos elementos que ahora puede añadir a sus páginas gracias al editor de WordPress es un widget de búsqueda:

Bloque de widgets de búsqueda en Gutenberg
Bloque de widgets de búsqueda en Gutenberg

Usted tiene más control sobre cómo aparece la barra de búsqueda cuando utiliza esta opción. Por ejemplo, puede cambiar el título de la barra de búsqueda, el texto del marcador de posición, así como el botón:

Personalizar la barra de búsqueda con Gutenberg
Personalizar la barra de búsqueda con Gutenberg

Incluso puede cambiar el estilo del bloque de búsqueda con clases CSS personalizadas.

Con un Plugin de Page Builder

Para aquellos de ustedes que prefieren trabajar con plugins de construcción de páginas arrastrando y soltando como Elementor, también pueden acceder al widget de búsqueda con el plugin de su elección. El proceso es similar al que se haría con Gutenberg.

Con una nueva página o entrada abierta y el editor Elementor activado, busque el widget de búsqueda de WordPress en su lista de Elementos:

Widget de búsqueda en Elementor
Widget de búsqueda en Elementor

Arrastre el elemento Buscar hasta el lugar donde desea que aparezca en la página. Por ejemplo, esta es una página 404 que ayuda a los usuarios a volver al buen camino con una barra de búsqueda:

Ejemplo de 404 páginas con barra de búsqueda
Ejemplo de 404 páginas con barra de búsqueda

Como puede ver, el plugin de generador de páginas le da más control sobre dónde aparece su barra de búsqueda de WordPress que Gutenberg, permitiéndole superponerla a otros contenidos.

Con un Tema

En algunos casos, puede encontrar un tema y una plantilla que añade automáticamente la búsqueda al contenido de su sitio web. Los tipos de temas que hacen esto, sin embargo, tienden a ser altamente especializados, como el tema de la Residencia de Bienes Raíces:

Demostración del tema Residencia Inmobiliaria
Demostración del tema Residencia Inmobiliaria

Debido a que la búsqueda puede complicarse en sitios web de listados como estos, tiene sentido que el desarrollador del tema construya la funcionalidad en la plantilla.

Los temas del sitio de reservas son otro ejemplo de los que vienen con la funcionalidad de búsqueda ya incorporada, al igual que esta demostración del tema Reservas de viajes:

Demostración del tema Reservas de viajes
Demostración del tema Reservas de viajes

Como puede imaginar, tener la búsqueda ya incorporada en su tema y plantilla de WordPress le ahorrará muchos problemas al tener que construir algo tan complejo usted mismo. Y si el tema está optimizado para el rendimiento, su solución de motor de búsqueda también debería serlo (de nuevo, una cosa menos de la que preocuparse).

Agregar Búsqueda de WordPress con Código

Hay otra manera de añadir un formulario de búsqueda básica a su sitio web, pero requiere que se sienta cómodo con la codificación.

Para ello, vaya a Apariencia > Editor de temas:

Editor de temas
Editor de temas

Lo que va a hacer aquí es crear un código abreviado para una barra de búsqueda usando el archivo temático functions.php:

El archivo temático functions.php
El archivo temático functions.php

En la parte inferior del archivo, agregue el siguiente fragmento:

add_shortcode( 'shortcodename', 'get_search_form');

Sustituya «nombre abreviado» por su propio nombre para el formulario de búsqueda. Asegúrese de que todo sea en minúsculas y sin espacios, números o símbolos. Una vez que actualice el archivo, puede empezar a utilizar el código abreviado en su sitio web.

Aquí hay un ejemplo:

Un código abreviado personalizado para añadir una barra de búsqueda a su sitio web
Un código abreviado personalizado para añadir una barra de búsqueda a su sitio web

El código abreviado se agrega de la misma manera que cualquier texto regular se agregaría al sitio. Sólo recuerde incluirlo entre paréntesis [].

Aunque no podrá ver la barra de búsqueda en su editor, eche un vistazo a la vista previa de su página y la verá en la interfaz de su sitio:

Barra de búsqueda añadida con el código abreviado
Barra de búsqueda añadida con el código abreviado

Aunque esta es una edición rápida, lo cual es bueno para el propósito de este artículo, las mejores prácticas sugieren nunca editar el código de su tema y crear un tema hijo de WordPress en su lugar.

Una Nota Sobre las Limitaciones de Búsqueda de WordPress

Hay un montón de opciones que puede utilizar para añadir la funcionalidad básica de búsqueda de WordPress a su sitio web. ¿Pero es suficiente?

A menos que tengas un sitio web muy pequeño o quieras restringir la búsqueda a tu blog, probablemente no lo será. Déjame explicarte.

El formulario de búsqueda nativo de WordPress examina los siguientes tipos de contenido en sus páginas web y entradas de blog:

  • Títulos de las páginas
  • Texto de párrafo
  • Títulos de imágenes
  • Leyendas de las imágenes
  • Texto alternativo de la imagen
  • Nombres de archivos

Como puede imaginar, esto es increíblemente limitante para sus usuarios. Para empezar, si necesitas recuperar resultados de otro tipo de páginas o contenido en tu sitio web (como los productos WooCommerce), el formulario de búsqueda básica no mostrará resultados coincidentes para ellos. Lo mismo ocurre con otros elementos de su sitio web como:

La búsqueda en WordPress no sólo es restrictiva en términos de los resultados mostrados. También es restrictivo por tamaño. Cuanto más grande sea su sitio web, más difícil será para su base de datos procesar los resultados y más tiempo tardará en servirlos a sus visitantes.

Entonces, ¿qué pasa si necesita algo más poderoso y sostenible que lo que permite la búsqueda en WordPress?

Veamos algunas maneras de mejorarlo.

¿Cómo Mejorar la Experiencia de Búsqueda Interna de WordPress?

Usted debe leer la siguiente parte acerca de la reparación de la búsqueda de WordPress si por lo menos uno de los siguientes se aplica a usted:

  1. Usted tiene más de mil páginas de contenido o productos en su sitio web.
  2. Sus datos sugieren que la búsqueda interna es popular, pero no conduce a ninguna conversión.
  3. Su formulario de búsqueda está recibiendo mucha acción, pero su servidor de alojamiento web está luchando para manejar las solicitudes (es decir, toma más de un par de segundos para cargar los resultados).
  4. Usted quiere escalar su sitio web sin tener que preocuparse de que la búsqueda le falle a usted (y a sus visitantes) en algún momento.
  5. La búsqueda básica no es suficiente. Necesita algo más avanzado y ágil para manejar el tipo de búsquedas que realizan sus usuarios.

¿Listo para sumergirse? Aquí hay 6 cosas cruciales que puedes hacer para mejorar la búsqueda en WordPress:

Sugerencia 1: Crear una Página de Búsqueda Personalizada

En lugar de dejar a sus visitantes con una simple barra de búsqueda para ayudarles a navegar por su sitio, ¿por qué no crear una página de búsqueda personalizada?

Ejemplo de búsqueda de "denim" en el menú de la página web
Ejemplo de búsqueda de «denim» en el menú de la página web

No es como si sus visitantes no estuvieran familiarizados con el uso de una búsqueda, pero la experiencia podría mejorarse con una página de búsqueda dedicada.

Para crear su página personalizada, necesitará acceso backend a su sitio web a través de FTP o de un administrador de archivos.

Una vez dentro de la base de datos de WordPress, vas a buscar la siguiente ruta de archivo:

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

page.php es un archivo que define la estructura básica de sus páginas web. En otras palabras, es una plantilla de página. Lo que queremos hacer ahora es crear una plantilla para su página de búsqueda.

Duplicar page.php y nombrar el nuevo archivo searchpage.php. Luego, ábralo para editarlo.

Ejemplo de código page.php copiado en un nuevo archivo
Ejemplo de código page.php copiado en un nuevo archivo

La mayor parte del código en este archivo necesita ser reemplazado ya que lo que hay aquí define una típica página web o entrada de blog. En lugar de ello, debe desmontarlo para que sólo contenga lo que necesita en su página de búsqueda. He aquí un ejemplo de cómo construí mi página de búsqueda:

<?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(); ?>

El Codex de WordPress proporciona un poco más de orientación sobre lo que se puede y no se puede hacer al crear una página de búsqueda personalizada. Sin embargo, si le gustan los resultados de lo que estoy a punto de mostrartl, lo único que necesita cambiar es el contenido que aparece entre ellos:

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

Y:

<?php get_search_form(); ?>

 

Una vez que haya guardado su plantilla searchpage.php, vuelva a WordPress. Ahora tenemos que crear una página llamada «Buscar».

Dé un título a la página y abra los «Atributos de página» en la barra lateral. Verá una plantilla para la «Página de búsqueda» que acaba de crear:

Plantilla de página de búsqueda creada
Plantilla de página de búsqueda creada

Seleccione la plantilla de búsqueda y publique la página. Ahora lo verás en la URL en vivo, que debería ser: https://yourdomainname.com/search/. Y, si usó algo similar al código anterior, resultará en una página que se ve algo como esto:

Ejemplo de una página de búsqueda personalizada en WordPress
Ejemplo de una página de búsqueda personalizada en WordPress

Con esta página creada y publicada, es suya para hacer lo que quiera. Puede agregarlo a su menú o enlazarlo a otro lugar. Sólo asegúrate de que el enlace esté en algún lugar donde tus visitantes puedan verlo.

Sugerencia 2: Haga que Su Búsqueda en WordPress Vaya más Allá de Sólo Páginas y Mensajes

Aunque el consejo anterior te da un nuevo lugar desde el que ejecutar las búsquedas de WordPress, no ayuda con el problema de qué tipo de contenido busca. Por suerte para nosotros, hay una serie de plugins que arreglarán esto.

Actualizar la Búsqueda Básica de WordPress con WP Extended Search

Si todo lo que quiere es poder revisar más contenido y metadatos en Su sitio web, una buena opción es la Búsqueda Extendida de WP.

Configuración de WP Extended Search en WordPress
Configuración de WP Extended Search en WordPress

Con este plugin, sus visitantes podrán recuperar los resultados de:

    • Puestos
    • Páginas
    • Archivos multimedia
    • Categorías
    • Etiquetas
    • Extractos
    • Metadatos (como el nombre del autor)

Se trata de un plugin ligero y fácil de configurar que mejora las capacidades básicas de búsqueda para sitios web y blogs de pequeñas empresas.

Actualizar la Búsqueda de WooCommerce con la Búsqueda Avanzada de Woo

Si usted tiene un sitio de ecommerce, puede usar el plugin de Búsqueda Avanzada Woo en su lugar.

Cuando está habilitado, puede colocar el formulario de búsqueda de WooCommerce donde quiera en el sitio. Si quiere que reemplace todos los formularios de búsqueda básicos de WordPress que ya están ahí, el plugin tiene una opción rápida de «Integración perfecta» que los cambia automáticamente por usted.

También puede añadir manualmente el formulario como un widget o un código abreviado. Depende de usted.

El formulario se va a parecer al formulario básico de WordPress:

Ejemplo de Búsqueda Woo Avanzada
Ejemplo de Búsqueda Woo Avanzada

Hay dos diferencias clave entre esta forma y la que tenía antes.

La primera es que el formulario busca el contenido y los metadatos de su producto WooCommerce, incluyendo el título, SKU, extracto, categoría, etiqueta e ID.

Esta es la segunda diferencia:

Búsqueda Woo avanzada: resultados de la búsqueda en vivo
Búsqueda Woo avanzada: resultados de la búsqueda en vivo

A medida que sus visitantes comienzan a escribir sus consultas de búsqueda, aparecen resultados coincidentes. Esto es lo que se conoce como búsqueda «en vivo» y, gracias al uso del plugin de AJAX, ocurre instantáneamente.

Si estas opciones parecen prometedoras, pero usted está buscando actualizaciones más robustas o más rápidas para sus formularios de búsqueda de WordPress, siga leyendo.

Sugerencia 3: Mejorar la Forma en que se Muestran los Resultados de la Búsqueda en WordPress

A continuación, hablemos de qué tipo de cosas puede hacer para mejorar la forma en que se muestran los resultados de búsqueda a sus visitantes.

He aquí por qué no puede permitirse saltarse esta propina:

Visualización por defecto de los resultados de la búsqueda
Visualización por defecto de los resultados de la búsqueda

Por defecto, la búsqueda en WordPress muestra resultados similares a los de esta página. En la parte superior de la página aparecerá el texto «Search Results for: [palabra clave]» y es seguido por cada página o mensaje que coincida. Si hay una imagen destacada (como los vaqueros de arriba), se mostrará en su totalidad.

Luego será seguido por un extracto:

Los resultados de la búsqueda muestran una imagen grande y un extracto
Los resultados de la búsqueda muestran una imagen grande y un extracto

Este es sólo un resultado coincidente. Imagínese lo difícil que sería pasar por esta página de resultados de búsqueda si hubiera algunas coincidencias de «denim», por no hablar de docenas o cientos de ellas.

Para solucionar este problema, vamos a buscar un plugin de WordPress que nos ayude.

Mejore el Aspecto de Su Formulario con Ivory Search

Al igual que los plugins mencionados anteriormente, Ivory Search le permite elegir de qué tipo de contenido y metadatos se extraen los resultados de la búsqueda. Con este, sin embargo, usted no tiene que hacer una elección entre la página básica y los datos del puesto o el comercio electrónico. Tienes que elegir entre la camada que hay aquí:

Configuración de la Ivory Search
Configuración de la Ivory Search

Otro consejo digno de mención sobre este plugin es que le permite personalizar su formulario de búsqueda junto con el resto de su sitio web:

Ivory Search: personalizar el diseño en el tema Personalizador
Ivory Search: personalizar el diseño en el tema Personalizador

Usted tiene control sobre todos los aspectos de su formulario de búsqueda:

      • Colores
      • Texto
      • Estilo
      • Animación de formularios
      • Imagen del cargador

Además de eso, también puede configurar cosas como la búsqueda AJAX en vivo y dar a sus visitantes la ventaja de ver sus partidos en tiempo real:

Resultados de búsqueda en vivo de la barra de búsqueda personalizada con Ivory Search
Resultados de búsqueda en vivo de la barra de búsqueda personalizada con Ivory Search

Piense en este plugin como el siguiente paso en la búsqueda de WordPress.

Personalizar el Aspecto de los Resultados de Búsqueda con Ajax Search

Ahora, no es sólo el aspecto de su formulario de búsqueda lo que va a dejar una marca en sus visitantes. Es lo que se hace con la visualización de resultados lo que también afecta a su experiencia.

Con los plugins de Ajax Search Lite y Pro, realmente los sorprenderá con una experiencia de búsqueda más inteligente y rápida.

Aquí hay algunos ejemplos de lo que usted puede hacer:

Ajax Search plugin: comportamientos de búsqueda
Ajax Search plugin: comportamientos de búsqueda

Los comportamientos hacen que la experiencia de búsqueda sea más eficiente para los visitantes, haciendo cosas como abrir inmediatamente el formulario de búsqueda cuando empiezan a escribir y redirigirlos a los resultados de la búsqueda, ya sea que presionen la tecla de retorno o el icono de la lupa.

Ajax Search plugin: autocompletar y sugerencias
Ajax Search plugin: autocompletar y sugerencias

Autocompletar y sugerencias utiliza las funciones de búsqueda de Google para acelerar las búsquedas de sus visitantes.

Ajax Search plugin: resaltado de palabras clave
Ajax Search plugin: resaltado de palabras clave

Resaltar palabras clave es otra característica útil que resalta las palabras clave de sus usuarios en los resultados de la comparación. Esto facilita la detección de resultados más relevantes.

He aquí un ejemplo de cómo podría aparecer:

Palabras clave destacadas en los resultados de búsqueda
Palabras clave destacadas en los resultados de búsqueda

Este plugin también le permite dictar cómo deben aparecer exactamente sus resultados: cómo se debe diseñar la página de resultados y qué elementos deben aparecer (como la imagen destacada + extracto + nombre del autor).

Además, puede decirle al motor de búsqueda que extraiga imágenes de un lugar determinado. Por ejemplo, si una imagen destacada no está disponible, puede solicitar que la primera imagen de la página se utilice en los resultados de búsqueda.

También puede decidir cómo debe recortarse cada imagen y a qué tamaño. De esta manera, puede hacer que sus páginas de resultados de búsqueda sean más manejables en tamaño y apariencia – algo que se convierte en algo extra importante a medida que la cantidad de contenido en su sitio crece.

Y una cosa más: este plugin no sólo le ayuda a hacer que sus resultados de búsqueda se vean mejor. También acelera la rapidez con la que se ponen delante de sus visitantes:

Ajax Search plugin: optimizaciones de rendimiento para una búsqueda más rápida
Ajax Search plugin: optimizaciones de rendimiento para una búsqueda más rápida

Hay tres optimizaciones de rendimiento que puede hacer dentro de este plugin:

      • Aplicar un manejador AJAX personalizado.
      • Desactivar el recorte de imágenes.
      • Cargar JavaScript en el pie de página.

Con estas tres configuraciones configuradas, puede ayudar a que su servidor web no se vea tan abrumado por las solicitudes de búsqueda continua.

Dicho esto, esto es sólo la punta del iceberg cuando se trata de optimizar la búsqueda de WordPress para la velocidad. Siga leyendo para obtener más información sobre Elasticsearch.

Sugerencia 4: Acelerar la Búsqueda en WordPress

Mientras que la apariencia y las capacidades de búsqueda de su formulario de búsqueda de WordPress son importantes, también lo es la rapidez con la que todo esto sucede.

Obtenga Capacidades de Búsqueda Superrápidas y Complejas con Elasticsearch

En cierto punto, los plugins de búsqueda de WordPress y su base de datos MySQL ya no lo cortarán. Cuando las consultas de búsqueda de su sitio web se disparan, la única forma de garantizar una experiencia de búsqueda óptima es utilizar Elasticsearch.

Elasticsearch es un motor de búsqueda y análisis de código abierto conocido por su velocidad, estabilidad y escalabilidad – es sólo una parte de la pila Elastic. Cuando se combina con Logstash (para el procesamiento de datos) y Kibana (para la visualización y gestión de datos), Elasticsearch potencia el motor de búsqueda de su sitio web de una forma que nunca antes había visto:

      • Consultar más tipos de contenido (como PDFs) y metadatos
      • Emparejamiento difuso para reducir el «No hay resultados».
      • Sugerencias de contenido relacionado
      • Recomendaciones de contenidos geoespecíficos
      • Búsqueda facetada (multifiltro)
      • Procesamiento de consultas más rápido
      • Acceso en tiempo real a los datos de la consulta de búsqueda

Aunque Elasticsearch es de código abierto y de uso gratuito, necesitará un hosting gestionado por Elasticsearch (que no es gratuito). Hay varias maneras de obtenerlo:

1. ElasticPress
El plugin ElasticPress le permite integrar sin problemas las capacidades de búsqueda de ElasticPress en su sitio de WordPress. Este plugin es una solución popular para integrarse con los hosts de WordPress que proporcionan soporte para Elasticsearch.

Ajustes de ElasticPress
Ajustes de ElasticPress

2. Elastic

Si quiere, puede ir directamente a la fuente: Elastic. También tiene un par de opciones para implementar su motor de búsqueda.

Puede obtener la pila completa y aprovechar sus avanzadas herramientas de procesamiento y gestión de datos. Esto es parte del proceso de instalación e incorporación:

Elastic: configuración completa de despliegue de la pila
Elastic: configuración completa de despliegue de la pila

Además, usted puede controlar cómo se va a optimizar su servidor Elasticsearch:

Elección de la optimización de la implementación en Elastic
Elección de la optimización de la implementación en Elastic

Las recomendaciones se basan en el tipo de consultas que su sitio web estará manejando, lo que hace que sea fácil decidir cuál es la mejor manera de acelerar y mejorar su motor de búsqueda.

Si desea simplificar la configuración, utilice en su lugar la herramienta de búsqueda de sitios de Elastic:

Tablero de búsqueda Elastic del sitio
Tablero de búsqueda elástico del sitio

A continuación, se le llevará a este panel de control donde, una vez que su sitio esté indexado, podrá hacerlo:

      • Instale su motor de búsqueda con un fragmento de JavaScript.
      • Personalice el funcionamiento de su motor de búsqueda con clasificaciones de resultados, ponderación y sinónimos.
      • Gestione el contenido que puede aparecer en los resultados de búsqueda.
      • Configure el seguimiento de conversiones.
      • Configurar las recomendaciones de búsqueda.
      • Revise los datos de la consulta de búsqueda.

No es una solución tan robusta como la Elastic Stack, pero esta es una gran opción si simplemente está buscando una búsqueda de gran potencia que sea fácil de implementar y administrar.

3. Amazon Elasticsearch

No es de extrañar que Amazon tenga su propio servicio de Elasticsearch. Si ya está utilizando los servicios de alojamiento e implementación de AWS, esta sería una gran opción para usted.

Similar a las opciones anteriores, es un servicio administrado que le permite crear un motor de búsqueda rápido con capacidades de consulta complejas para su sitio.

Consejo 5: Guarde en Caché la Página de Resultados de la Búsqueda

Otra forma de optimizar la velocidad de búsqueda de WordPress es almacenando en caché los resultados de la búsqueda. Al habilitar el almacenamiento en caché, su servidor no tendrá que procesar continuamente las mismas consultas una y otra vez. En su lugar, recuperará y mostrará una página de resultados de búsqueda estática, que proporciona a los visitantes resultados casi instantáneos.

Una forma de habilitar el almacenamiento en caché es con un plugin de almacenamiento en caché de WordPress.

Uno de los plugins mejor valorados, W3 Total Cache, llama la atención sobre el almacenamiento en caché de las páginas de resultados de búsqueda, así que empiece por ahí si está buscando una solución de almacenamiento en caché que priorice los tipos de optimizaciones de rendimiento que necesita.

O puede probar con WP Rocket. Aunque no almacena en caché las páginas de resultados de búsqueda de forma predeterminada, ha creado el complemento de ayuda de los resultados de búsqueda de la caché para ese propósito exacto.

Otra forma de habilitar esto es usando el plugin de Ajax Search Pro mencionado anteriormente. Ya he mostrado algunas formas en las que la versión Lite del plugin optimiza el rendimiento de la búsqueda. La versión Pro añade aún más optimizaciones, incluyendo el precaching de imágenes y el caching de frases de búsqueda.

Sugerencia 6: Activación del Seguimiento de Búsquedas en Google Analytics

Por último, pero no por ello menos importante, recuerde activar el seguimiento de búsquedas en Google Analytics. Lo encontrará en Admin > Todos los datos del sitio web > Ver configuración.

Activación del seguimiento de búsquedas en Google Analytics
Activación del seguimiento de búsquedas en Google Analytics

Para activar el seguimiento de búsqueda in situ, cambie la palanca a «ON». Esto revelará un nuevo campo llamado «Query parameter». Este es el elemento de su URL (y base de datos) que define una consulta de búsqueda y un resultado.

El parámetro de búsqueda para Google Analytics
El parámetro de búsqueda para Google Analytics

La letra «s», en este caso, es la que define la consulta de búsqueda en el sitio web. Si no está seguro de cuál es su propio parámetro de búsqueda, realice una búsqueda de prueba y localice la letra o palabra que sigue al signo de interrogación.

Si su búsqueda permite a los visitantes seleccionar categorías y filtros, también puede habilitar las categorías de búsqueda del sitio. Es posible que tenga que indicar varios parámetros aquí.

Una vez que haya configurado la búsqueda en Google Analytics, podrá encontrar todos sus datos en Comportamiento > Búsqueda del sitio.

Datos de búsqueda del sitio en Google Analytics
Datos de búsqueda del sitio en Google Analytics

Al igual que el resto de Google Analytics, estos datos le proporcionan una gran cantidad de oportunidades para descubrirlo:

Preste mucha atención a lo que sus visitantes están haciendo con la búsqueda y usted puede moldear de manera más efectiva el resto de la experiencia en el sitio para ellos.

Resumen

La búsqueda en WordPress puede parecer un asunto bastante simple – y lo es si todo lo que necesitas es una función de búsqueda básica para ayudar a los visitantes a navegar una docena de páginas o más.

Puede añadir una simple función de búsqueda de WordPress a una serie de áreas de su sitio web, como el encabezado, el menú, la barra lateral, el pie de página, e incluso en línea con su contenido. Hay varias maneras de añadir estos elementos de búsqueda:

      • La configuración del tema
      • Un widget de WordPress
      • Un plugin de constructor de páginas
      • Una plantilla temática prefabricada
      • Código

No olvide: cuanto más grande sea su sitio web y más compleja sea su navegación, más necesitará una solución que mejore sus capacidades de búsqueda de WordPress para proporcionar un mejor UX a sus visitantes. Y un mejor UX, la mayoría de las veces, resulta en mayores conversiones para usted.

Suzanne Scacca

Suzanne Scacca is a WordPress, web design, and SEO specialist. When she’s not testing WordPress tools or scouring the web for awesome design examples, she’s on Twitter sharing tips on how to make the web a better place.