En nuestras publicaciones anteriores sobre Introducción a la Búsqueda en sitios Web y Diseño del Cuadro de búsqueda, subrayamos la importancia de la barra de búsqueda para mejorar la experiencia de usuario, la ubicación ideal para la barra & mucho más. Ahora que hemos establecido el por qué y el cómo diseñar, echemos un vistazo al cómo desarrollar en la tercera parte final de & de la serie de Cuadros de búsqueda. En este post, cubriremos:
- Uso de la búsqueda personalizada de Google
- Uso de motores de búsqueda de terceros
- Adición de un script de búsqueda
- Personalización de motores de búsqueda de terceros: Lucene
- Plataformas basadas en Lucene
1) Usando la búsqueda personalizada de Google
Una de las formas más fáciles de agregar un cuadro de búsqueda en su sitio web es agregar una «Búsqueda personalizada de Google». El motor de búsqueda realiza de manera eficiente la función de ayudar a sus visitantes a encontrar lo que buscan con resultados relevantes y de alta calidad. La búsqueda utiliza mejoras, promociones & autocompletadas para mejorar la experiencia de búsqueda.
Además, la búsqueda le da acceso a Google Analytics para ayudar a comprender el comportamiento del usuario.
Puedes encontrar el tutorial completo aquí. La herramienta es un archivo JavaScript cargado y ejecutado desde el sitio de Google. Puede aplicar sus propios estilos CSS al cuadro.
Ventajas de la búsqueda personalizada de Google:
- Es gratis
- La versión de búsqueda de pago (sin anuncios) también es bastante asequible
- Puede personalizar la experiencia de búsqueda
- Requiere una configuración mínima
- No requiere mantenimiento de archivos de fondo & plugins
- Puede analizar los resultados de Google Analytics para mejorar la búsqueda
Desventajas de la búsqueda personalizada de Google:
- No se mezcla con diseños de sitios web
- Google API doc. es complicado
2) El uso de motores de búsqueda de terceros
Búsqueda gratuita como Google Custom search ofrece cajas de búsqueda gratuitas con anuncios patrocinados. Una versión sin anuncios le costará 1 19 / año por un sitio de hasta 25,000 páginas. El HTML crea un formulario (diferente del archivo JavaScript que alimenta el cuadro de búsqueda de Google). Esto es fácil de configurar. Incluso puedes excluir algunas de tus páginas de los resultados de búsqueda o priorizar el orden de los resultados de búsqueda.
Aquí está el código para un cuadro de búsqueda de búsqueda gratuita:
<!-- start of freefind search box html → <table width="400" border=0 cellpadding=0 cellspacing=0 > <tr> <td style="font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt;"> <form id="ffresult_sbox0" style="margin:0px; margin-top:4px;" action="http://search.freefind.com/find.html" method="get" accept-charset="utf-8" onsubmit="ffresults.show(0);"> <input type="hidden" name="si" value="1870143"> <input type="hidden" name="pid" value="r"> <input type="hidden" name="n" value="0"> <input type="hidden" name="_charset_" value=""> <input type="hidden" name="bcd" value="÷"> <input type="hidden" name="sbv" value="j1"> <input type="text" name="query" size="32" placeholder = "enter search text here" required> <br> <input type="submit" value="search"> <input type="reset" name="Reset" id="button" value="Reset"> </form> </td> </tr> <tr> <td style="text-align:left; font-family: Arial, Helvetica, sans-serif;font-size: 7.5pt; padding-top:4px;"> <a style="text-decoration:none; color:gray;" href="http://www.freefind.com" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'" >site search by <span style="color: #606060;">freefind</span></a> <a id="ffresult_adv0" onclick="ffresults.show(0);" href="http://search.freefind.com/find.html?si=1870143&pid=a& sbv=j1">advanced</a> </td> </tr> </table>
Otros servicios de búsqueda alojados de terceros incluyen:
- Atmoz
- siteLevel
- Jrank
- Picosearch
- Zoom Search Engine
- FusioNBot
- Adobe Search&Promote
- SiteSearch Pro
- Bravenet Site Search
- SearchBlox
Ventajas de los scripts de terceros:
- Bastante fácil de configurar
- No se requieren conocimientos obligatorios para ejecutar scripts PHP & configuraciones
Desventajas de scripts de terceros:
- Puede tener anuncios de banner y enlaces a sitios de empresas de terceros
- Es posible que no tenga un control completo sobre la salida de su página de resultados de búsqueda de la manera que desea que se ajuste a su diseño web
- El motor de búsqueda
3) Agregar script al sitio web
Otra forma de agregar una barra de búsqueda a su sitio web es simplemente agregar un script en PHP o Perl. Al agregar un script, el código se aloja en el servidor y cuando se envían datos o información escritos en la barra, el motor del lado del servidor ejecuta el script para producir resultados.
Ciertas secuencias de comandos ejecutar un rastreo con todo su sitio web cada vez que la búsqueda es utilizado por el visitante o rastrear periódicamente su sitio web & crear un índice de búsqueda que se buscó luego cada vez que un usuario introduce una consulta de búsqueda.
Ventajas:
- Fácil de configurar
- Se mantiene actualizado con los últimos cambios en el sitio web
- El código no está disponible para nadie para acceder a directorios web, por lo que se mantiene la privacidad
- Sin anuncios de terceros
- Resultados de página personalizables
Desventajas de usar scripts:
- Puede llevar tiempo arrojar resultados si el sitio web es grande
- Los scripts basados en índices son difíciles de mantener en eso, tiene que rastrear periódicamente & actualizar el índice
- Podría pasar un tiempo antes de que aparezca nuevo contenido en la búsqueda basada en índices, dependiendo de la frecuencia con la que se debe ejecutar el rastreo & actualización del índice
Algunos scripts populares de PHP & Perl son:
- Sphider
- Lucy
- Guiones calientes
4) Personalización de motores de búsqueda de terceros
Lucene es un motor de búsqueda de terceros que está integrado con sitios web & totalmente personalizable a través de la API de Búsqueda de sitios públicos para admitir capacidades de búsqueda en sitios web.
Las búsquedas de colaboradores se ejecutan en un índice de búsqueda con tecnología de Lucene. Un índice de búsqueda se construye mediante un proceso automatizado llamado indexación que recopila, almacena & datos de acceso en un formato que se recupera fácilmente durante una consulta. Los resultados están disponibles en función de los datos disponibles en el índice en el momento de la búsqueda.
Una vez creado el índice, el motor de búsqueda ejecuta un evento cada 30 segundos que comprueba los cambios realizados en los activos del tipo seleccionado para indexar. Si se realizaron cambios, Lucene actualiza el índice automáticamente.
Los pasos para configurar Lucene son:
Paso 1: Habilitar el motor de búsqueda de Lucene en su sistema
Paso 2: Agregar tipos de activos al índice de búsqueda que indica a Lucene qué activos indexar
Paso 3: Especificar atributos para que el índice de tipo de activo pueda ser devuelto por la función de búsqueda en el sitio activo
Paso 4: Habilitar la indexación de archivos binarios configurando Lucene para convertir el contenido de esos archivos en texto mientras indexa activos
Para obtener información más detallada sobre la vista general, la configuración y el mantenimiento de los índices de búsqueda, haga clic aquí.
5) Plataformas basadas en Lucene
Algolia es una plataforma basada en Lucene que es ideal para integrar búsquedas en su sitio web. La API proporcionada por el motor de búsqueda proporciona a los desarrolladores recursos y herramientas para crear búsquedas relevantes & rápidas.
La extensa documentación, guías & la comunidad activa facilita el trabajo con Algolia. Puede encontrar la documentación aquí.
Ventajas de Algolia:
- Se encarga del complejo desarrollo detrás de escena que viene con la construcción de su propia búsqueda