Pasos sencillos para agregar una barra o cuadro de búsqueda de Google a tu sitio web. No necesita tener ningún conocimiento de codificación para seguir los pasos a continuación. Este método funciona con todos los CMS principales, como WordPress, Ghost, Drupal, Joomla, etc.
La búsqueda en el sitio en cualquier sitio web es una pieza tecnológica crucial, ya que permite a los usuarios buscar contenido dentro de su sitio web y ayuda a reorganizar su estrategia de contenido para que coincida con el contenido de sus productos o blogs con lo que la gente está buscando en su sitio web. La razón por la que la búsqueda de Google es tan popular es que es fácil de implementar y también es confiable. Hay otra razón por la que a la gente le puede gustar u odiar: los anuncios. Sí, la búsqueda de Google tiene anuncios. Podría ser útil para las personas que buscan monetizar sus sitios web. Para otros, podría ser un gran desvío. Si perteneces al segundo grupo, es posible que tengas que buscar motores de búsqueda personalizados alternativos como Expertrec.
Si está en WordPress, tiene una barra de búsqueda predeterminada que agrega funcionalidad de búsqueda básica. Pero carece de muchas funciones de búsqueda deseables, como autocompletar, tener más control sobre la interfaz de usuario de búsqueda y la ubicación del cuadro de búsqueda. Los usuarios de Word Press, pueden descargar nuestra extensión desde este enlace. Las instrucciones detalladas sobre cómo instalar la extensión de WordPress se encuentran al final de este blog.
Agregar la barra de búsqueda de Google a un sitio web mediante la búsqueda personalizada de Google
Crear una búsqueda personalizada de Google mediante (motor de búsqueda programable)
- Para crear un Motor de búsqueda Programable:
- Inicie sesión en el Panel de control con su cuenta de Google (obtenga una cuenta si no tiene una).
- El nombre de su motor de búsqueda se generará automáticamente en función de las URL que seleccione. Puede cambiar este nombre en cualquier momento.
- Seleccione el idioma de su motor de búsqueda. Esto define el idioma de los botones y otros elementos de diseño de su motor de búsqueda, pero no afecta a los resultados de búsqueda reales.
- Haga clic en Crear.
¡Su motor de búsqueda básico está listo para usar! Para ver más opciones de configuración, vaya al Panel de control. El Panel de control también tiene una ventana de vista previa que le permite probar y ajustar los resultados de búsqueda.
- Vaya a https://cse.google.co.in/cse/
- Inicie sesión en el Panel de control con su cuenta de Google (obtenga una cuenta si no tiene una).
- El nombre de su motor de búsqueda se generará automáticamente en función de las URL que seleccione. Puede cambiar este nombre en cualquier momento.
- En la sección Sitios para buscar, agregue las páginas que desea incluir en su motor de búsqueda. Puede incluir cualquier sitio que desee, no solo los sitios que posee. Puede incluir URL de sitios completos o URL de páginas individuales. También puedes usar patrones de URL.
Implementación de Google search box
Una vez que haya creado su Motor de búsqueda Programable, puede agregar el Elemento de Búsqueda Programable a su sitio. Para hacer esto, necesitarás copiar un código y pegarlo en el HTML de tu sitio donde quieres que aparezca tu motor de búsqueda.
- En el Panel de control, haga clic en el motor de búsqueda que desee utilizar.
- Haga clic en Configuración en la barra lateral y, a continuación, haga clic en la ficha Aspectos básicos.
- En la sección Detalles, haga clic en Obtener código. Copia el código y pégalo en el código fuente HTML de tu página, donde quieres que aparezca la barra de búsqueda de Google. Haga clic en recibir código.
- Agregar este código a su sitio web. Si está en Word Press, puede usar un complemento llamado Elementor o insertar encabezados y pies de página que lo hará por usted. Si desea una ubicación exacta, tendrá que editar su archivo de tema por Apariencia – > editor de temas. Si está en otro CMS, puede ponerse en contacto con su desarrollador y pedirle que lo agregue a todas las páginas que desea que se muestre esta barra de búsqueda.
- Una vez que agregue este código a su sitio web, verá la barra de búsqueda de Google en las páginas de su sitio web.
Editar el aspecto
En muchas ocasiones, tiene sentido que aparezca un cuadro de búsqueda independientemente de los resultados de búsqueda. Un diseño de dos columnas le permite representar un cuadro de búsqueda en un área de su página (por ejemplo, en la barra lateral) y mostrar los resultados en otra (por ejemplo, el área principal de la página).
Para cambiar el diseño de su motor, vaya a la sección Apariencia en el Panel de control y haga clic en la pestaña Diseño. Después de seleccionar y guardar el diseño de 2 columnas en el Panel de control, también debe cambiar el código HTML para el elemento de búsqueda.
Habilitar Autocompletar
Además de personalizar colores, fuentes o estilo de enlace en el Panel de control, es posible influir en el aspecto y el comportamiento del cuadro de búsqueda a través de atributos HTML personalizados.
Esto le permite anular algunos de los ajustes generales del Panel de control. Es especialmente útil cuando desea que un cuadro de búsqueda (por ejemplo, uno en la página de inicio) se comporte de manera diferente a otros en el sitio. Por ejemplo, puede habilitar o deshabilitar la función de autocompletar mediante atributos. De forma predeterminada, se establece en true si el autocompletado está habilitado en el Panel de control. Al cambiar el valor a false, puede controlar el comportamiento del elemento.
<div class="gcse-searchbox"></div><div class="gcse-searchresults" data-defaultToImageSearch="true"></div>Personalización de los resultados de búsqueda
De forma similar a la personalización del cuadro de búsqueda, puede agregar opciones adicionales al elemento resultados de búsqueda.
Por ejemplo, para cambiar nuestro motor de búsqueda de basado en resultados web a basado en imágenes, podemos utilizar el atributo defaultToImageSearch.
En primer lugar, debe habilitar la Búsqueda de imágenes en el Panel de control de su motor de búsqueda. En la sección Configuración, en la pestaña Conceptos básicos, haga clic en la opción de búsqueda de imágenes en la posición «on». Después de eso, agregue el atributo defaultToImageSearch al elemento <div class="gcse-searchresults"></div> en su sitio web.
Ventajas de agregar búsqueda personalizada de Google
- La búsqueda personalizada de Google es gratuita. Hay pocos motores de búsqueda personalizados que son gratuitos.
- Si habilitas anuncios dentro de la búsqueda personalizada de Google, puedes ganar dinero con AdSense.
Desventajas de usar la búsqueda personalizada de Google-
- Anuncios: Puedes perder visitantes de tu sitio web a la competencia.
- Sin control sobre lo que está indexado o cuándo
- Sin control de los resultados de búsqueda
- Sin soporte
- Opciones mínimas de personalización de la interfaz de usuario
- Se puede apagar o cambiar en cualquier momento. Google es conocido por matar productos sin piedad sin tener en cuenta la base de usuarios.
Aunque esto puede sonar genial para tener una búsqueda en Google en su sitio web, no hay almuerzo gratis. Google muestra anuncios para encubrir este servicio. Ahora, digamos que tu sitio se trata de zapatos de la marca X. cuando la gente busca en tu sitio un zapato que tienes, Google muestra un anuncio de tu marca de la competencia Y y lo coloca por encima de los resultados de tu sitio. Sus visitantes van a creer que de hecho está recomendando la marca Y usted mismo. Si vas a monetizar a tus visitantes, esto reducirá drásticamente tus ingresos.
En segundo lugar, a nadie le gustan los anuncios. En mi opinión, no hay nada como un anuncio «no intrusivo». Pero, los anuncios son Anuncios, y son malos. No me gustaría forzar a mis visitantes a ver anuncios mientras buscan en mi sitio web. El método 2 dará una solución alternativa pero pagada a este problema.
Barra de búsqueda de Google para su sitio web utilizando Expertrec
Expertrec agrega un cuadro de búsqueda similar a Google a su sitio web. Tiene un precio de 9 USD al mes. La mayor ventaja es que no contiene anuncios.
Antes de comenzar a hacer un motor de búsqueda personalizado usando Expertrec, asegúrese de que su sitio web esté en vivo y no detrás de un inicio de sesión (Si su sitio web está detrás de un inicio de sesión, siga los pasos en este blog). Ten a mano la URL de tu mapa del sitio. Además, asegúrate de tener acceso con código a tu sitio web. Siga los pasos a continuación.
- Vaya a https://cse.expertrec.com/?platform=cse.
- Inicia sesión con tu ID de Gmail.
- Introduzca la URL de su sitio web. (introduzca la URL de su sitio web en el formato https://www.yourwebsite.som).
- Ingrese la URL de su mapa del sitio. (si no tiene un mapa del sitio, también puede omitir este paso).
- Iniciar un rastreo de sitios web. (Ahora los rastreadores Expertrec comenzarán a rastrear su sitio web. Esto podría llevar algún tiempo dependiendo del tamaño y el número de páginas de su sitio web).
- Una vez que se complete el rastreo, puedes hacer cambios en el aspecto de tu motor de búsqueda y también en el algoritmo de clasificación del motor de búsqueda usando el panel de control. Hay funciones más avanzadas como pesos de búsqueda, promociones, sinónimos y más.
- Vaya a la sección de código y agréguelo a su sitio web. También puede enviar el código por correo electrónico a su desarrollador y pedirle que lo agregue a su sitio web.
- el código contiene dos partes (una dentro de < script> < / script> y otra pieza de código < ci-search> < / ci-search>).
- El script < > < / script> es solo el componente JavaScript y se puede agregar utilizando el administrador de etiquetas de Google o el editor de código.
- El código < ci-search> < / ci-search> agrega el cuadro de búsqueda a su sitio web. El lugar donde se agrega este código determina la ubicación del cuadro de búsqueda.
- Es aconsejable realizar los cambios de código en un modo de prueba o en un sitio web de desarrollo antes de grabar en vivo en su sitio de producción/ en vivo.
- Como paso final, elimina cualquier caché de sitio web que puedas tener.
- Ahora el motor de búsqueda de tu sitio está activo. Después de unos días de uso del motor de búsqueda, puedes consultar los análisis de búsqueda para ver qué están buscando los usuarios y reorganizar tu estrategia de contenido en consecuencia.
Ventajas de usar la barra de búsqueda Expertrec
- Sin anuncios. Nunca mostramos anuncios en nuestros resultados de búsqueda.
- Plan de precios asequibles. – Tenemos precios a partir de $9 por mes.
- Soporte en tiempo real para ayudarle a llevar en vivo su búsqueda en su sitio web: puede estar seguro de que los resultados de búsqueda no tienen control total sobre los resultados de búsqueda.
Feliz búsqueda. Aquí está el enlace de registro de nuevo https://cse.expertrec.com?platform=cse
Cuadro de búsqueda de Google usando un complemento para sitios web de WordPress
También puede usar el siguiente complemento para agregar un cuadro de búsqueda de Google a su sitio de WordPress.
Plugin de WordPress de búsqueda del sitio más rápido de WP
El plugin de búsqueda de WordPress Expertrec para wordpress reemplaza el widget de búsqueda de WordPress estándar y agrega funciones de autocompletado, corrección ortográfica, búsqueda de PDF, búsqueda de imágenes y búsqueda por voz a su sitio de WordPress. Para obtener más información, visite Expertrec.com
Este plugin de búsqueda personalizada es altamente personalizable y rápido como el rayo. También agrega filtros y páginas de resultados de búsqueda para una mejor experiencia de búsqueda para sus visitantes.
Puede crear y configurar su propia interfaz de usuario de búsqueda de WordPress sin codificación. Tenga en cuenta que este es un complemento de pago (los planes comienzan en 9$ por mes) y que puede probar una demostración gratuita durante 14 días. Sin embargo, puede continuar utilizando la función de búsqueda por voz de forma gratuita incluso después del período de prueba.
Este plugin reemplaza tu formulario de búsqueda predeterminado de WordPress. Sin embargo, para algunos temas, es posible que la integración predeterminada no funcione. Para tales casos, tendrá que agregar el código < ci-search> < / ci-search> en la ubicación deseada (por ejemplo, en su menú, encabezado o pie de página). También agrega capacidad de búsqueda por voz a su sitio de WordPress.
Características
- Superrápido. (Dado que nuestras búsquedas se cargan desde nuestros servidores súper rápidos con tecnología de almacenamiento en caché súper habilitada, puede esperar ofrecer una experiencia de búsqueda súper rápida a los visitantes de su sitio web).
- Búsqueda por voz gratuita. (Actualmente solo se admite en navegadores Chrome).
- Búsqueda de imágenes. (Las imágenes destacadas se capturan automáticamente de cada página y se muestran junto a los resultados de búsqueda).
- Búsqueda en PDF. (El contenido del PDF se indexa y se muestra dentro de los resultados de búsqueda. Los usuarios pueden seleccionar por separado solo los resultados PDF utilizando la opción de filtro)
- Resultados de búsqueda relevantes y mejores. (Nuestra búsqueda aprende a medida que los usuarios interactúan cada vez más con el motor de búsqueda, lo que conduce a una mejor clasificación ).
- Sin anuncios. (Prometemos nunca mostrar anuncios en nuestros resultados de búsqueda).
- Filtros de búsqueda y facetas. (Nuestro rastreador detecta automáticamente categorías de blogs y productos y crea un filtro para que los usuarios ajusten sus resultados de búsqueda).
- Reglas de motores de búsqueda personalizados. (Puede definir reglas de búsqueda personalizadas para promover o degradar los resultados de búsqueda).
- Sinónimos. ( Puede establecer sinónimos agregando en nuestra interfaz fácil de usar, por ejemplo, furniture = sofa, etc.)
- Control completo de la interfaz de usuario (no se requiere codificación).
- Configuración rápida y fácil. (no se requiere codificación).
- Sugerencias de búsqueda automáticas de tipo rápido por adelantado.
- Coincidencia de palabras avanzada y corrección de errores tipográficos.
- El algoritmo de búsqueda de autoaprendizaje mejora continuamente.
- Resaltado de término de búsqueda.
- Responsive: funciona en todos los dispositivos (móvil, tableta, escritorio, aplicación para Android).
Agrega una barra de búsqueda de Google a tu sitio por $9 al mes