Como crear plugins OpenSearch para nuestra web
Entre las nuevas funcionalidades que incorporan las últimas versiones de los dos navegadores más extendidos, Internet Explorer y Firefox, está la posibilidad de realizar búsquedas en Internet desde la propia interfaz del programa y con la posibilidad de personalizar la lista de los buscadores disponibles. Por una vez los desarrolladores se han puesto de acuerdo y los dos programas usan el mismo estándar para integrarse con los buscadores, OpenSearch.
El estándar propuesto por OpenSearch proporciona una serie de formatos que permiten:
- Identificar y describir motores de búsqueda
- Definir la sintaxís que debe usarse en las búsquedas
- Sindicar y agregar los resultados de búsquedas
La integración con los navegadores se realiza mediante plugins en forma de documentos XML en los que se describe la interfaz web del motor de búsqueda correspondiente.
xbi.xml » Fichero de descripción OpenSearch para el buscador de este blog
<?xml version="1.0" encoding="UTF-8" ?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
<ShortName>x.bonell.info</ShortName>
<Description>Buscar en x.bonell.info</Description>
<Tags>bonell internet tecnologia diseño musica libros personal</Tags>
<Image width="16" height="16">data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAAK%2FINwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURWZmZsz%2FAHhk7ewAAAAtSURBVHjaYmAgCzAyotJABiMSBWci8cEcFD5EhAGfALoWdEMxrMVwGIkAIMAAHLAANbeJkCwAAAAASUVORK5CYII%3D</Image>
<InputEncoding>UTF-8</InputEncoding>
<Url type="text/html" template="http://x.bonell.info/?s={searchTerms}" />
</OpenSearchDescription>
Para adaptar el código para otros buscadores sólo hay que modificar el ejemplo usando los valores adecuados para cada caso.
El nodo Image del documento corresponde al icono asociado al motor de búsqueda. En el ejemplo he usado una imagen en formato PNG de 16×16 píxels, la imagen debe estar codificada en formato Base-64. En esta página hay una herramienta online que permite codificar las imágenes en este formato.
Los sitios web que dispongan de plugins de búsqueda pueden anunciarlo de forma que los usuarios puedan descargarlos e instalarlos fácilmente en su navegador. Para ello sólo se debe añadir una linea en la seccion head de las páginas, en el caso de este blog:
<link rel="search" type="application/opensearchdescription+xml" title="Buscar en x.bonell.info" href="http://x.bonell.info/xbi.xml" />
Una vez hecho ésto, al entrar en la página web, si desplegamos la lista de los buscadores disponibles se nos ofrecerá la posibilidad de añadir el nuevo buscador (a continuación ejemplos de ésto para Firefox 2 e Internet Explorer 7).
Para más información
Los comentarios para esta entrada ya se han cerrado. Gracias por haber participado.