Cómo añadir un buscador a tu web y presentar el cuadro mejorado de búsqueda del sitio en los resultados de Google.


Todos los sitios web y Blogs precisan de un componente que sirva para buscar información por todo su contenido.
Los usuarios normalmente precisan encontrar información dentro de un sitio web. Muchas veces, cuando han encontrado lo que quieren en un determinado lugar, prefieren buscar dentro de él para encontrar más datos dentro de la web que visitan.
Gracias al uso de un buscador, los usuarios que visitan un determinado sitio web, podrán pasar más tiempo en él, disminuyendo el porcentaje de rebote o de salida.
Sin lugar a dudas, se trata de un añadido imprescindible en cualquier sitio web o Blog donde se le desea dar acceso al usuario a toda la información almacenada en el mismo.
Además vamos a utilizar unos tipos de buscadores web que benefician especialmente la localización de información: los buscadores en los resultados de búsqueda de Google. No pierdas detalle de la guía paso a paso y escoge tu tipo de buscador preferido.

¿Qué es un buscador interno?

Se trata de un componente que realiza búsquedas de información dentro del sitio web donde reside. 

¿Qué beneficios tiene utilizar un buscador interno?


Los buscadores internos de una web son beneficiosos para el usuario y para el creador del sitio:
Para el usuario que visita la web es beneficioso porque facilita la posibilidad de localizar lo que busca sin salir del sitio que está visitando. 
Para el creador del sitio es beneficioso porque los usuarios pasan más tiempo en el sitio web visitado, realizando las búsquedas de aquello que les interesa.

¿Qué tipos de buscador interno puedo poner en una web?

Existen múltiples maneras de implementar un buscador interno en una web, pero hay algunos formatos especialmente enriquecedores porque añaden funcionalidad al buscador general de Google, veamos todos los tipos disponibles.
Buscador estándar: 

Es el clásico que puede añadirse automáticamente a cualquier sitio web, tanto en Blogger, como en WordPress, Joomla o cualquier sistema de publicación que utilices.


  • Buscador personalizado de Google: 
    Es con diferencia el tipo de buscador más potente que puedes incluir en una web. Dispone de múltiples funcionalidades especiales que te permiten configurar desde el ámbito de la búsqueda dentro de tu web como la personalización del aspecto que mejor encaje con tu sitio web.

    ¿Qué es el cuadro mejorado de búsqueda del sitio que aparece en los resultados de Google?


    Se trata de un cuadro de búsqueda especial que aparece en los resultados de búsqueda de Google en función de las decisiones que toma el algoritmo de búsqueda de Google con respecto a la búsqueda que introdujo el usuario y el sitio web que aparece listado en dichos resultados.


    Si se implementa un buscador en un sitio web, con un código específico que a continuación explicaré en la guía, Google puede mostrar en los resultados de búsqueda el cuadro de búsqueda del sitio.




    ¿Cómo tener la posibilidad de obtener un cuadro de búsqueda del sitio mejorado en los resultados de Google?




    El cuadro de búsqueda del sitio en los resultados de búsqueda de Google es ideal para que el usuario pueda directamente refinar la búsqueda de lo que desea al acceder al sitio. Google nos explica su implementación aquí.
    Normalmente, este tipo de cajas de búsqueda especiales sólo se activa en sitios web que cumplen con una serie de características especiales:
    Deben tener una implementación en código determinada que facilite a los robots rastreadores de Google su identificación y reaprovechamiento de los resultados de búsqueda.
    Su muestra o no en los resultados de búsqueda de un sitio web depende totalmente de los algoritmos de búsqueda de Google. Es decir, no basta con que se implemente el código del buscador de una determinada manera, además Google decidirá si aplica esta manera de mostrar los resultados de una web en su buscador o no.

    Normalmente, esta clase de buscadores especiales, se activan para sitios web con mucho tráfico de búsqueda y visitas, además no siempre, depende de los algoritmos del buscador de Google.

    ¿Cómo añado un buscador en mi web que pueda llegar a presentar un cuadro de búsqueda del sitio mejorado de Google?

    1) Selecciona el tipo de buscador que deseas utilizar:
    Lo primero, escoge el tipo de cuadro de búsqueda que vas a utilizar en tu web:
    A) Poner un Cuadro de búsqueda personalizada de Google:
     Es la opción más recomendable, por su potencia, facilidad de uso y versatilidad. Aquí tienes un ejemplo totalmente funcional para que lo pruebes.
    Si quieres aprender a utilizarlo realiza la siguiente guía paso a paso: Cómo poner un motor de búsqueda personalizada de Google en mi web 

    B) Poner Cuadro de búsqueda estándar:
    Es el cuadro de búsqueda típico en la mayoría de sitios web, mucho más limitado que el buscador personalizado de Google pero suficientemente versátil. Aquí te dejo un ejemplo totalmente interactivo para que lo pruebes.

    Simplemente debes añadir el siguiente código fuente al gadget, widget o componente HTML de tu sitio web para que te aparezca el buscador estándar:


    <form id="buscador" action="/search" method="get">
    <input id="caja_de_busqueda" name="q" placeholder="Introduce tu búsqueda..." />
    <input id="boton_de_buscar" value="Buscar" type="submit" /></form>


    Por ejemplo en Blogger, bastaría con añadir  un "gadget HTML/Javascript" y copiar y pegar el código fuente que te he puesto antes. 


    2) Añade el código de fuente para activar el cuadro de búsqueda mejorado de Google en los resultados de búsqueda:
    A continuación, añade el siguiente script a tu sitio web. Lo puedes poner en cualquier parte del <body> del código HTML:
    <script type="application/ld+json">
    {
       "@context": "http://schema.org",
       "@type": "WebSite",
       "url": "http://direccion_de_tu_web/",
       "potentialAction": {
         "@type": "SearchAction",
         "target": "http://direccion_de_tu_web/search?q={search_term_string}",
         "query-input": "required name=search_term_string"
       }
    }
    </script>
    3) Comprueba el uso de la URL canónica: 
    Puedes seguir en esta guía el punto 2) referente al uso de la URL canónica. En Blogger y la mayor parte de sistemas de publicación web, el marcado de URL canónica es automático.
    NOTA IMPORTANTE: No es instantánea la aparición del cuadro mejorado de búsqueda en los resultados de Google para tu web. Tarda un tiempo en aparecer y además está sujeto a la decisión de los algoritmos de Google.
    ¡Eso es todo!, cualquier duda me tienes en los comentarios.