# 94: Configuración de búsqueda personalizada de Google - Trucos CSS

Tabla de contenido

El área de búsqueda en el encabezado “funciona” porque está diseñado y puede hacer clic en él para abrirlo y cerrarlo y todo eso. Pero todavía no realiza ninguna búsqueda. Eso es muy importante, ¿eh?

En este sitio utilizamos motores de búsqueda personalizados de Google para buscar el contenido. WordPress ha incorporado búsquedas, pero no es muy bueno. Simplemente coincide con cadenas y enumera lo que encuentra en orden. No hay ninguna de las cosas sofisticadas que ofrece Google: lógica de búsqueda, corregir errores ortográficos automáticamente, determinar la intención y, lo más importante, mostrar primero los resultados más relevantes.

Entonces, vamos a usar GCSE y tenemos que configurarlo. Entramos en su área de administración para crearlos y creamos uno desde cero. Usaremos la versión gratuita. No porque quiera anuncios en toda mi búsqueda (no los quiero) sino porque la versión de pago tiene un costo prohibitivo para un sitio de este tamaño. O pago miles al mes por búsquedas sin publicidad o gano unos cuantos dólares con anuncios en la búsqueda y obtengo la capacidad de búsqueda de forma gratuita. Una obviedad.

El primero que creamos es una búsqueda de sitio completo, por lo que buscamos "css-tricks.com".

Luego obtenemos el código que GCSE nos da para incluir en el sitio para que la búsqueda funcione. Tenemos que investigar un poco para encontrar la opción en la que solo muestra los resultados de la búsqueda y usted "trae su propio" formulario de búsqueda. Eso es definitivamente para nosotros, ya que ya hemos diseñado nuestro formulario de búsqueda y nos gusta tal como está.

Tenemos una plantilla de página especial solo para los resultados de búsqueda. Le damos forma a esta plantilla mostrando las cosas que queremos que muestre.

Luego nos dispusimos a crear más motores de búsqueda personalizados. Esta es una especie de forma pirata de lograr lo que queremos: poder buscar solo subsecciones del sitio a voluntad. Un segundo CSE que creamos es solo para buscar “css-tricks.com/forums/”. Luego, creamos una página de resultados de búsqueda diferente solo para la búsqueda de foros (/ search-results / forums /) pero usando la misma plantilla. En esta página, colocamos el código de CSE para este nuevo motor de búsqueda más limitado.

Solo tendremos que asegurarnos de que los usuarios lleguen al correcto de alguna manera ...

Articulos interesantes...