Democratizamos la tecnología de búsqueda al traerla a Webflow

Un vistazo a cómo —y por qué— creamos la búsqueda en el sitio con una de las mejores tecnologías de búsqueda disponibles.

Democratizamos la tecnología de búsqueda al traerla a Webflow

Cuando nos propusimos crear la búsqueda en el sitio para Webflow, sabíamos que tenía que ser algo más que "solo una búsqueda". En parte, eso significaba construirla sobre una base respaldada por la mejor tecnología disponible: Elasticsearch. Pero eso era solo el comienzo.

Dicho esto, determinamos que debíamos centrarnos en ofrecer tres cosas clave:

  1. Relevancia. El hecho de que una página incluya las palabras que buscas no significa que sea relevante para tu búsqueda. Por eso elegimos Elasticsearch, una tecnología de búsqueda de código abierto líder, mucho más capaz de gestionar la relevancia que una simple búsqueda en base de datos.
  2. Rendimiento. Nuestra plataforma de alojamiento, ya de por sí robusta, gestiona perfectamente el escalado tanto para consultas como para indexación, evitándote tener que configurar y escalar tu propio backend de búsqueda.
  3. Controles de indexación. Te ofrecemos controles detallados sobre qué se puede buscar, para que puedas omitir lo que no sea útil y ayudar a los usuarios a alcanzar su objetivo mucho más rápido.

Además de, por supuesto, el nivel de control de diseño visual que esperas de Webflow.

Cómo funciona la búsqueda

La búsqueda siempre ha sido un problema difícil en la web, y solo se vuelve más complicado a medida que crece la cantidad de contenido disponible. Desde un punto de vista computacional, ocurre mucho detrás de escena de una simple búsqueda del tipo "muéstrame todo el contenido relacionado con x".

Así es como se ve:

  1. Primero, el contenido que deseas indexar debe ser "analizado" y "reducido" a sus palabras raíz. Por ejemplo, "caminando" se analizaría y luego se reduciría a la palabra "caminar".
  2. A continuación, el motor de búsqueda debe almacenar estos datos de una manera que haga eficiente la recuperación de resultados (con estructuras de archivos complejas y formatos binarios optimizados para búsquedas).
  3. Luego, cuando se inicia una consulta, el motor de búsqueda tiene que escanear rápidamente todos los documentos indexados y determinar qué páginas o contenido se relacionan con el término de búsqueda.
  4. A partir de ahí, debe tomar esta masa de información y clasificarla según una variedad de puntuaciones de relevancia, como la posición del término de búsqueda, si los artículos ("el", "un") son útiles o no, e incluso la frecuencia del término en el corpus general de texto.

Este desafío algorítmico se ha abordado de muchas maneras diferentes a lo largo de los años, comenzando la búsqueda de texto completo como un proyecto de código abierto llamado Lucene en 1999.

A través de los años, se han lanzado muchas expansiones de esta tecnología básica (así como otros enfoques completamente diferentes), siendo Elasticsearch ahora la plataforma más extendida que utiliza Lucene, y sirviendo como base para nuestra implementación.

Elegir Elasticsearch

No es una postura muy controvertida afirmar que Elasticsearch ofrece una tecnología de relevancia líder en la industria para la búsqueda. Hay una razón por la que es la tecnología central detrás de algunas de las implementaciones de búsqueda más grandes de la web, incluyendo SoundCloud, The New York Times, Github y muchas más.

Además de su tecnología de relevancia central basada en Lucene, Elasticsearch también viene con muchas bibliotecas de procesamiento de lenguaje natural para manejar errores ortográficos comunes e inconsistencias lingüísticas. Esto hace que la búsqueda sea "amigable para los humanos" y tolerante a errores, tal como la gente espera.

Dicho todo esto, Elasticsearch es altamente complejo de instalar, mantener y escalar, pero sabíamos que al integrarlo con nuestra pila de alojamiento existente y nuestra experiencia en devops, podríamos hacerlo accesible para cada usuario de Webflow.

Diseña interacciones y animaciones sin escribir código

Crea interacciones y animaciones complejas sin tener que tocar ni una línea de código.

→
↗
►
↓
←
↑
Leer ahora

Escalado del rendimiento

Como la búsqueda requiere mucha potencia de cálculo, la construimos sobre AWS —al igual que el resto de nuestra infraestructura de alojamiento— y gestionamos todo mediante Elastic Cloud, los creadores de Elasticsearch.

Al igual que gestionamos las visitas a las páginas y la distribución de contenido en nuestro alojamiento actual, esta base garantiza que la búsqueda sea rápida y eficiente, incluso si tu sitio recibe mucho tráfico.

Ofrecemos controles de indexación precisos

También quisimos diferenciar nuestra búsqueda dando a los usuarios de Webflow controles detallados sobre el contenido de sus motores de búsqueda. Para ponerlo en contexto, la mayoría de las «búsquedas integradas» dan por sentado cómo quieres usar la búsqueda y te obligan a utilizarla de una sola manera.

Para romper con este enfoque y dejar que crees tu propio motor de búsqueda personalizado, introdujimos controles en Webflow que te permiten:

  • Excluir páginas específicas
  • Excluir colecciones específicas
  • Excluir elementos específicos

Este nivel de control te permite crear la experiencia de búsqueda que tu sitio necesita, en lugar de obligarte a lidiar con limitaciones y suposiciones preestablecidas.

Comparativa de la búsqueda de Webflow con el mercado

Todo esto distingue a la búsqueda de sitios de Webflow de las opciones de búsqueda de base de datos estándar en plataformas como WordPress y Drupal, que no ofrecen el nivel de tecnología de relevancia refinada que obtenemos de Elasticsearch.

Nuestra tecnología de búsqueda de sitios también cubre la mayoría de las necesidades que suelen requerir herramientas de terceros. Por ejemplo, Swiftype, que es propiedad de Elasticsearch y está construida sobre ella, ofrece controles de panel para personalizar los resultados y la relevancia, pero requiere horas de integración por parte de desarrolladores y tiene un coste inicial muy superior al del alojamiento de Webflow.

Aún más técnica es Algolia, que aunque es amigable para los desarrolladores, sigue requiriendo un nivel de conocimientos técnicos que la hace inaccesible para muchos (o demasiado cara).

Ofrecemos relevancia, rendimiento, control de indexación y diseño visual

Además de todo eso, la búsqueda de sitios de Webflow te brinda un nivel de control sobre la experiencia de búsqueda que no tiene comparación con ninguna otra opción disponible.  

¿Qué te parece? ¡Nos encantaría conocer tu opinión en los comentarios!


Última actualización
January 11, 2018

Artículos relacionados

La IA generativa reducirá la visibilidad de tu marca: así es como debes reaccionar
La IA generativa reducirá la visibilidad de tu marca: así es como debes reaccionar

La IA generativa reducirá la visibilidad de tu marca: así es como debes reaccionar

La IA generativa reducirá la visibilidad de tu marca: así es como debes reaccionar

Estrategia
Por
Sara Gates
,
,
Leer artículo
Cómo la IA está transformando —que no matando— las búsquedas en 2025
Cómo la IA está transformando —que no matando— las búsquedas en 2025

Cómo la IA está transformando —que no matando— las búsquedas en 2025

Cómo la IA está transformando —que no matando— las búsquedas en 2025

Estrategia
Por
Sara Gates
,
,
Leer artículo
Nueva función: Búsqueda en el sitio
Nueva función: Búsqueda en el sitio

Nueva función: Búsqueda en el sitio

Nueva función: Búsqueda en el sitio

Dentro de Webflow
Por
Barrett Johnson
,
,
Leer artículo
Marketing en buscadores: beneficios y diferencias con el SEO
Marketing en buscadores: beneficios y diferencias con el SEO

Marketing en buscadores: beneficios y diferencias con el SEO

Marketing en buscadores: beneficios y diferencias con el SEO

Estrategia
Por
Equipo de Webflow
,
,
Leer artículo
Buenas prácticas para el diseño de búsquedas en sitios web
Buenas prácticas para el diseño de búsquedas en sitios web

Buenas prácticas para el diseño de búsquedas en sitios web

Buenas prácticas para el diseño de búsquedas en sitios web

Diseño
Por
John Moore Williams
,
,
Leer artículo
Ser auténtico en la era de la IA
Ser auténtico en la era de la IA

Ser auténtico en la era de la IA

Ser auténtico en la era de la IA

Estrategia
Por
Sara Gates
,
,
Leer artículo

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.