Buscador WordPress + Guía Google Custom Search

Actualizado: julio 2018


Buscador WordPress + Guía Google Custom Search
4,7 (94,29%) 21 votes

Si estás leyendo esto, es posiblemente porque ya sabes que por defecto, el buscador de WordPress, no es tan eficiente y fantástico como el resto de este magnífico CMS, ya que tiene varias limitaciones que puede perjudicar a nuestro sitio web.

Entre otras cosas, a pesar de tener una función nativa para realizar búsquedas, por defecto, el buscador de WordPress no incluye taxonomías (categorías, etiquetas, ..) ni custom post types en sus resultados de búsqueda, además, si en tu web o blog hay muchos artículos, ya habrás notado que los resultados de búsqueda a veces no son nada relevantes ni están actualizados.

Todo esto significa que si estás usando el busacdor que WordPress trae por defecto, estás dificultando a tus usuarios el contenido que necesitan de tu web lo que genera una experiencia de usuario pobre y posiblemente dispare tu tasa de rebote, es decir la gente que abandona tu web al no encontrar lo que busca.

Por este motivo, si usas buscador para los artículos e imágenes de tu web o blog, o si requieres de una funcionalidad de búsqueda avanzada para productos y/o servicios, es necesario optimizar el sistema de búsquedas que WordPress trae por defecto reemplazándolo por sistemas mejorados que añaden alguna que otra función muy interesante.

Por suerte, como es habitual, hay una gran cantidad de opciones que podemos implementar directamente desde el wordpress plugin directory.

¡Vamos a verlo!

Para agradecerte tu visita a, al final del artículo además de poder descargar nuestro WordPress español tutorial, encontrarás también algunas funcionalidades de código para implementar en tu página de resultados de WordPress. ¡No te lo pierdas!

Mejores plugins para mejorar el buscador de WordPress para artículos e imágenes

Instant Search & Suggest para WordPress

Este plugin gratuito mejora el buscador de WordPress que viene instalado por defecto y le añade varios funcionalidades entre las que destaca la posibilidad de mostrar resultados de búsqueda en tiempo real según se van añadiendo términos, es decir, no es necesario que el usuario pinche o pulse enter nada para que las coincidencias con su búsqueda se muestren instantáneamente.

Una de las primeras cosas que nos llamará la atención tras instalar el plugin Instant Search & Suggest para WordPress es que podemos definir una clase o una “id”, que nos permitirá modificar los estilos de este Plugin por medio de CSS.

De modo que si tienes experiencia trabajando con códigos CSS, podrás modificar la apariencia del Plugin a tu gusto o como mejor quede en tu plantilla.

Otro punto clave de Instant Search & Suggest es que permite indicar los lugares de donde queremos que el plugin tome la información para mostrar en los resultados, esto es muy útil, por ejemplo si trabajamos con custom post types, ya que también podremos incluirlos en los resultados de las búsquedas.

Otro punto que se puede configurar a tu gusto son por ejemplo la cantidad de resultados para ser mostrados en los resultados de búsqueda y por supuesto, si queremos que el visitante vea los resultados de nuestro buscador en WordPress de forma automática o en una página específica para mostar resultados.

Cómo usar Instant Search & Suggest

Como ya hemos comentado, este plugin mejora las funcionalidades del buscador que trae WordPress por defecto, por lo que para usarlo, una vez instalado, debemos ir a Apariencia > Widgets y añadir el widget “Buscador” donde nos interese incluir la funcionalidad de buscador en tiempo real en nuestro WordPress.

Una vez todo esté implementado, nuestros usuarios no necesitarán presionar “enter” o dar clic en ningún botón para hacer búsquedas en nuestra web, ya que de forma automática se mostrarán los resultados sin que el visitante deba hacer alguna otra acción.

AVISO: Este plugin no se ha actualizado en los últimos 2 años, pero si te parece interesante, sigue funcionando y es compatible con las últimas versiones de WordPress.

Más información

Ajax Search Lite

Este plugin de WordPress es ideal si quieres hacer un buscador con opción de autocompletado para tus visitas.

Como siempre, debes dirigirte a tu panel de administración de WordPress, buscar el plugin en el repositorio oficial e instalarlo.

Una vez activo, aparecerá una opción en el menú lateral de nuestro panel que nos mostrará todas las pestañas para configurar el plugin.

En la pestaña general, veremos que una de las partes más importantes que nos encontramos es la del “theme” o esquema de colores que usará nuestro buscador. Tiene varios diseños disponibles, gris, rojo, azul etc…

Como verás, si lo deseas,puedes pasarte un buen rato configurando este potente plugin si buscas algo más avanzado ya que incluso te permite elegir el diseño para cada apartado mediante condicionales y otras tantas opciones y funcionalidades posibles para llevar tu buscador de WordPress a otro nivel.

¿A qué esperas para probarlo? ¡Es gratis!

Ver detalles

Cómo insertar un buscador dinámico en Wordpress





Yoney Gallardo

Swiftype plugin, buscador avanzado para WordPress

Si los plugins que hemos visto para mejorar el buscador de WordPress no resuelven tus necesidades, es el momento de sacar la artillería pesada.

Swiftype es un plugin freemium que nos proporciona un buscador avanzado para WordPress que incluye:

  1. Autocompletado: Anticipándose a lo que el usuario quiere buscar y mostrando resultados desde el primer momento.
  2. Resultados en tiempo real: Muestra al instante los resultados de búsqueda sin tener que aceptar la búsqueda.
  3. Búsqueda con filtros: Filtra resultados por categoría, etiquetas, tipos de post …
  4. Corrector ortográfico: Incorporado durante la búsqueda para mostrar los resultados más relevantes.
  5. Ranking de resultados: El lector podrá ordenar de manera sencilla los resultados arrastrando y colocándolos en el orden que más le interesen mediante la funcionalidad drag & drop.
  6. Analítica de búsqueda en tiempo real: Toda la información de lo que tus lectores buscan en el admin panel de tu WordPress.
  7. 100% compatible: No importa el theme o plugins que utilices. Swiftype se encarga.
  8. Actualización constante: Tan pronto actualices tu contenido, este buscador para WordPress modificará sus resultados para estar a la última.
  9. Optimizado para móviles: Experiencia de usuario inmejorable en cualquier dispositivo.

Además de todo esto, el plugin buscador para WordPress de Swiftype tiene una ventaja adicional, y es que al funcionar en el servidor externo de esta plataforma, el funcionamiento de este plugin es súper rápido al no sobrecargar nuestro propio hosting con tanta búsqueda.

Cómo instalar y usar Swiftype

Para instalar el buscador de WordPress que ofrece este plugin, hay que primero darse de alta en swiftype.com e introducir los datos necesarios para hacer una cuenta.

Una vez dados de alta, recibiremos un email en el que tendremos que indicar la página con la que queremos trabajar para que le asignen una clave identificativa (API Key) que tendremos que incluir en el plugin Swiftype Search una vez instalado.

Una vez añadida la clave, hay que sincronizar nuestra web con el servicio pulsando el botón de “Synchronize With Swiftype”.

Una vez hecho esto, funciona perfectamente sin que tengamos que hacer nada más.

Buscador Swiftype para WordPress en acción

Aparte de ayudar y ponerle fáciles las cosas al usuario, lo cual está genial, Swiftype nos ofrece estadísticas en tiempo real sobre el número de búsquedas, términos más usados y los que tienen más conversión, cuántas veces se ha autocompletado.. y mucha más información valiosísima para conocer a tus lectores.

Pero eso no es todo, ya que si vamos al apartado Rankings e introducimos un término de búsqueda, nos mostrará todos los resultados de búsqueda que se ofrecerán al usuario y mediante un simple sistema de drag & drop (arrastrar y soltar) podemos ordenarlos de la forma que más nos convenga que aparezcan al realizar dicha búsqueda. ¿No es una padasa?

Probar ahora

Buscador personalizado Google Custom Search Engine para WordPress

¿No te convence ningún plugin?

¿Qué te parecería que el sea el Google, el buscador por excelencia, el que se encargue de las búsquedas de los usuarios en tu web?.

Para que los resultados de búsqueda en tu sitio ofrezcan mejores resultados que con el buscador WordPress instalado por defecto, puedes utilizar el sistema de búsqueda de Google llamado Google Custom Search Enggine (Google CSE).

¿Te interesa? Pues sigue leyendo que te cuento paso a paso cómo aplicar el buscador de google en tu WordPress.

¿Qué es el buscador personalizado de Google CSE?

Google CSE proporciona un sistema de búsqueda eficaz y proporciona una mejor experiencia para tus usuarios ayudándoles a encontrar el contenido más relevante de tu web para los términos de búsqueda empleados.

Para implementarlo en tu sitio web, una vez te registres, sólo tienes que seguir estas guías paso a paso con el método que prefieras:

  1. Instalar buscador personalizado Google en WordPress manualmente
  2. Instalar buscador personalizado Google con plugin Google Search WP

Por qué cambiar de la búsqueda predeterminada de WordPress a Google Custom Search Engine

Como ya hemos visto antes, los resultados de búsqueda que ofrece el buscador de artículos e imágenes que WordPress trae por defecto tiene algunas deficiencias.

Por el contrario, el buscador personalizado de Google Custom Search Engine tiene las siguientes ventajas:

  • Los resultados de búsqueda son más completos ya que a diferencia del buscador de WordPress, se tiene en cuenta todo el contenido de tu web (taxonomías, categorías, comentarios, custom post types…
  • 100% compatible con Google Analytics y Googlde Adsense (para redirigir el tráfico a publicidad PPC).
  • Si lo deseas, los resultados de búsqueda pueden mostrar información de otros sitios web para obtener resultados más completos.

Pero… ¿sabes lo más curioso de todo?

Incluso el sitio web oficial de WordPress.org utiliza el sistema de búsqueda Google Custom Search Engine en lugar del buscador básico de WordPress.

Creo que con esto último ya te habrás decidido así que vamos directamente a los pasos a seguir para implementar este buscador en tu web WordPress.

Registrar el sitio web en Google Custom Serach Engine

Para instalar Google SCE en WordPress, lo primero que debe hacer es registrarte en este servicio.

Pulsa el botón “Crear un motor de búsqueda personalizado” y rellena los datos necesarios:

  • Sitio para buscar: Nombre de dominio de la web donde quieres instalar el buscador.
  • Idioma: En el que se mostrarán los resultados.
  • Nombre del motor de búsqueda: Cualquiera fácil de recordar.
  • Opciones avanzadas: Para incluir microdatos de schema.org en los resultados de búsqueda.

¡Listo!

Acabas de darte de alta para usar el buscador personalizado de Google en tu WordPress.

Ya sólo queda implementarlo en tu web, y para ello tenemos 2 formas:

Instalar Google Custom Search Engine en WordPress manualmente

Si dispones de algo de tiempo, nuestra recomendación es que instales el buscador de Google de forma mnaual en tu WordPress, así evitarás sobrecargar la web con plugins para realizar algo tan sencillo.

Una vez creada la cuenta, llegarás a una nueva página en la que deberás pulsar “Obtener código” y copia la información proporcionada.

Después, inicia sesión como administrador en tu WordPress y dirígete a Apariencia > Editor.

AVISO:

Estás a punto de modificar la plantilla o tema de tu WordPress.

Cualquier cambio que realices en el tema principal se perderá si actualizas el mismo.

Para evitar perder los cambios, recuerda realizar cualquier modificación en un child theme (tema dependiente del principal).

Busca a la derecha el archivo que se encargue del buscador de tu WordPress, normalmente se llama “searchform.php”.

Si hay código en ese archivo, puedes borrar todo y a continuación pegar el código facilitado por la herramienta Google Custom Search Engine.

Una vez pegado, sólo queda guardar los cambios, añadir el widget del buscador como de costumbre y hacer alguna prueba con el nuevo buscador de tu WordPress.

¿Y si no encuentro el archivo search form php?

Algunos temas, no incluyen el archivo searchform.php.

Si este es tu caso, necesitarás crear el archivo y subirlo (con o sin el código del buscador) al directorio del tema a través de Cpanel o FTP.

Cómo se usa Google Custom Search Engine en WordPress

Para usar este servicio tan sólo tienes que ir a Apariencia > Widgets y arrastrar el widget buscador en la ubicación de tu web en la que deseas que se muestre.

¡Enhorabuena! ya puedes usar el buscador personalizado de Google en tu web de WordPress

Instalar Google Custom Serach en WordPress con el plugin Google Search WP

Si el código no es lo tuyo y prefieres la comodidad de un plugin, Google Search WP es lo que estás buscando.

Este plugin tiene más de 10.000 instalaciones activas en WordPress de todo el mundo, ha sido recientemente actualizado y su puntuación es altísima.

Cómo configurar el plugin Google Search WP

Empieza por copiar el ‘ID del motor de búsqueda’ que encontrarás en la web de Google CSE donde registraste el buscador para tu WordPress.

A continuaciíon, tras descargar, instalar y activar este plugin ves al apartado de configuración del plugin y copia este ID.

Una vez listo, sólo tienes que agregar el widget de Google Search WP (diferente al buscador WordPress original) o usar el shortcode [wp_google_searchbox] en cualquier parte de tu contenido.

Cómo personalizar el buscador de Google Custom Search Engine en WordPress

Este sistema de búsquedas también permite ajustar el color, tamaño, fuente y algún otro detalle para adaptarse al máximo a tu web.

Para modificar todos estos aspectos, tan sólo tienes que utilizar el personalizador incorporado en tu tema de WordPress y disponible en la barra superior de tu panel de administración.

También puedes modificar el aspecto del buscador en el apartado Look & feel de la configuración del servicio si pinchas en ‘Personalizar’.

Recuerda guardar los cambios si haces alguna modificación en tu buscador de WordPress y comprobar que todo funciona en tu sitio web.

BONUS 1: Mejora la página de resultados de búsqueda en WordPress

Como has hecho el esfuerzo de llegar hasta el final, te has ganado un pequeño premio en forma de snippet de código con el que optimizar tu página de resultados de búsqueda.

Para usarla sólo tienes que ir al editor de archivos del tema de tu panel de administración (Apariencia > Editor) y modificar el archivo encargado de mostrar las búsquedas (normalmente ‘search.php’).

Una vez allí, modifica el título de la página, que encontrarás entre etiquetas h1 y sustitúyelo por lo siguiente:

A partir de ahora tendrás un título dinámico que mostrará el número de coincidencias referentes a una búsqueda, dándole además un toque de color a la palabra buscada.

El código está comentado para que puedas modificar el color a tu gusto rápidamente.

Si tienes cualquier duda, te la resolveré encantado en la sección de comentarios.

BONUS 2: Añadir un formulario de búsqueda en cualquier post o página de WordPress

¿Quieres añadir un formulario para hacer búsquedas en WordPress en medio de algún post o página?

Si la respuesta es afirmativa, aquí te dejo este código que creará un shortcode para añadir un buscador en WorPress donde prefieras.

INSTRUCCIONES DE USO:

Pega el siguiente código en el archivo functions.php de tu tema o plugin de funcionalidades:

add_shortcode(‘buscadorwptutorial’, ‘get_search_form’);

Utiliza el shortcode [buscadorwptutorial] en el editor visual de cualquier página o post.

Comenta algo si lo vas a utilizar o si necesitas ayuda para saber si os resultan interesantes estos trucos de WordPress.

Conclusión. Entonces ¿qué buscador uso en WordPress?

¿Te imaginas tener toda la información que necesitan tus visitas pero no poder mostrársela cuando necesitan?

Eso es lo que está ocurriendo en tu sitio web mientras sigas utilizando el buscador de artículos que WordPress trae por defecto.

Al reemplazar el sistema de búsqueda de WordPress con algún plugin o Google CSE, mejorará la experiencia y la interacción de tus usuarios, así que no lo pienses más y ponte manos a la obra.

Para terminar, sólo me queda agradecerte la visita, invitarte a dejar un comentario con tu experiencia sobre el mundo del buscador de WordPress y si te animas, a compartir el contenido en tus redes sociales para poder llegar a más gente.

Mientras esperas, me ayudaría mucho si le das 5 estrellas al artículo por favor 🙂

¿Alguna pregunta?

Si tienes alguna duda, o si te ha gustado el post, te espero en Twitter: @TutorialWP_

¡Sigue leyendo!