Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo agregar la búsqueda de Google en un sitio de WordPress (La forma fácil)

¿Alguna vez te has preguntado por qué los visitantes pasan solo unos segundos en tu sitio de WordPress antes de presionar el botón de retroceso?

Una razón pasada por alto es la mala funcionalidad de búsqueda. Si los usuarios no pueden encontrar rápidamente lo que buscan, se irán, a menudo sin interactuar o convertir.

Por defecto, la búsqueda integrada de WordPress es bastante limitada. No reconoce errores tipográficos, sinónimos o contexto, lo que dificulta que las personas descubran tu mejor contenido.

Ahí es donde entra la Búsqueda de Google.

El potente motor de búsqueda de Google ofrece resultados rápidos y relevantes; del tipo al que tus visitantes están acostumbrados. Es lo suficientemente inteligente como para comprender la intención, corregir errores ortográficos y mostrar contenido que la búsqueda de WordPress podría pasar por alto por completo.

Después de probar varios métodos, hemos encontrado una forma rápida y confiable de configurarlo. En esta guía, te mostraremos cómo agregar la Búsqueda de Google a tu sitio de WordPress, sin una configuración complicada. 🧑‍💻

Agregar Búsqueda de Google en un sitio de WordPress

¿Por qué deberías usar la Búsqueda de Google en WordPress?

La función de búsqueda predeterminada de WordPress no es muy útil y a menudo no logra encontrar resultados relevantes para las consultas de los usuarios. Esto obliga a muchos propietarios de sitios a buscar alternativas.

Puedes usar un popular plugin de búsqueda de WordPress. Sin embargo, el problema es que aún tienes que administrar ese plugin y tendrá un impacto en los recursos de tu servidor.

Por otro lado, puedes usar la función de búsqueda confiable y potente de Google en su lugar. Es gratuita, te permite limitar la búsqueda solo a tus sitios y se puede ejecutar desde tu sitio de WordPress.

Además, la búsqueda de Google es rápida, los usuarios ya confían en la marca y no tendrás que mantenerla ni actualizarla. Incluso puedes permitir que los usuarios busquen en sitios web externos en Google si es necesario.

Dicho esto, te mostraremos cómo agregar fácilmente una búsqueda de sitio de Google a tu sitio de WordPress. Aquí tienes todo lo que compartiremos en esta guía:

Empecemos.

Cómo agregar búsqueda de Google a un sitio de WordPress

Puedes agregar fácilmente la Búsqueda de Google a tu sitio de WordPress visitando el sitio web del Motor de Búsqueda Programable de Google.

Desde aquí, haz clic en el botón 'Empezar'.

Haz clic en el botón "Empezar" en la página del Motor de Búsqueda Programable

Esto te dirigirá a la página 'Crear un nuevo motor de búsqueda', donde debes agregar un nombre para el formulario de búsqueda que estás a punto de crear.

A continuación, selecciona la opción 'Buscar sitios o páginas específicas' en la sección '¿Qué buscar?' y agrega la URL de tu sitio de WordPress.

Ahora, la Búsqueda de Sitio de Google solo indexará el contenido disponible en tu sitio web. Sin embargo, si deseas que Google muestre resultados de búsqueda de otros sitios web también, puedes elegir la opción 'Buscar en toda la web'.

Agrega la URL del sitio web para crear la búsqueda de Google para el sitio

A continuación, desplázate hacia abajo y activa la opción ‘Búsqueda de imágenes’ para permitir que tu formulario de Búsqueda de Google indexe imágenes en tu sitio web. Recomendamos esta opción si vendes fotos en línea, tienes un sitio web de fotografía o administras un blog de viajes.

Después de eso, también puedes activar el interruptor ‘Búsqueda Segura’ para que a los usuarios no se les muestren resultados inapropiados para sus consultas.

Una vez que hayas terminado, haz clic en el botón ‘Crear’.

Haz clic en "Crear" para generar un ID de motor de búsqueda de Google

Google ahora generará tu código de ID del motor de búsqueda.

Desde aquí, simplemente copia el código y pégalo en una aplicación de Bloc de notas o un editor de texto plano.

Copia el ID del motor de búsqueda de Google del sitio web

Ahora, debes visitar tu panel de WordPress y editar los archivos de tu tema para agregar la búsqueda al <body> de tu sitio. Sin embargo, esto puede ser arriesgado y el más mínimo error puede dañar tu sitio web.

Es por eso que recomendamos usar WPCode en su lugar. Es el mejor plugin de fragmentos de código de WordPress del mercado que hace que sea seguro y fácil agregar código personalizado.

Algunas de nuestras marcas asociadas utilizan WPCode para agregar y administrar fragmentos de código personalizados en sus sitios web. Les ha estado funcionando excepcionalmente bien, y puede encontrar más información al respecto en nuestra reseña detallada de WPCode.

Página de inicio de WPCode

💡 Nota: WPCode tiene un plan gratuito que puede usar para este tutorial. Sin embargo, actualizar a la versión pro le dará acceso a más funciones como lógica condicional inteligente, una biblioteca en la nube de fragmentos de código y más.

Primero, necesitas instalar y activar el plugin WPCode. Para obtener instrucciones detalladas, consulta nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.

Tras la activación, visite la página Fragmentos de código » + Agregar fragmento desde la barra lateral de administración de WordPress. Aquí, haga clic en el botón '+ Agregar fragmento personalizado' en la opción 'Agregar su código personalizado (Nuevo fragmento)'.

WPCode agrega fragmento de código personalizado

Esto lo llevará a la página 'Crear fragmento personalizado', donde puede escribir el nombre que desee para el fragmento. Luego, seleccione 'Fragmento universal' como tipo de código en el menú desplegable de la derecha.

Una vez que haga eso, simplemente pegue el ID del motor de búsqueda de Google en el cuadro 'Vista previa del código'.

Pega el ID del motor de búsqueda de Google en el cuadro de vista previa de WPCode

Luego, desplácese hacia abajo hasta la sección 'Inserción' y seleccione el modo 'Insertar automáticamente'. Tras la activación, el formulario de búsqueda de Google se agregará automáticamente a su sitio.

Después de eso, puede expandir el menú desplegable 'Ubicación' para elegir dónde desea mostrar su cuadro de búsqueda.

Por ejemplo, si desea mostrar el formulario de búsqueda en la parte superior de todas sus publicaciones y páginas, puede seleccionar la opción 'Insertar antes de la publicación'.

Elige la ubicación y la inserción para el ID del motor de búsqueda

A continuación, desplázate hacia arriba y cambia el interruptor de ‘Inactivo’ a ‘Activo’.

Finalmente, haz clic en el botón ‘Save Snippet’ para guardar tu configuración.

Guarda el fragmento del ID del motor de búsqueda de Google

Has agregado correctamente un formulario de búsqueda de Google Site manualmente.

Ahora puedes visitar tu blog de WordPress para verlo en acción.

Vista previa de la Búsqueda de Google

Alternativa: Usa SearchWP para crear un formulario de búsqueda increíble

Si te resulta difícil agregar la Búsqueda de Google Site a tu sitio web o buscas una alternativa, puedes usar SearchWP, el mejor plugin de búsqueda de WordPress del mercado.

Así es como funciona: Este plugin reemplaza automáticamente el formulario de búsqueda predeterminado y permite a los usuarios encontrar cualquier cosa que necesiten en tu sitio. Hemos probado exhaustivamente este plugin y puedes explorar sus características en nuestra detallada reseña de SearchWP.

El plugin de búsqueda SearchWP para WordPress

SearchWP te permite crear una escala de relevancia personalizada para ajustar el algoritmo de búsqueda.

También puedes hacer que cualquier parte de tu sitio sea buscable, incluyendo PDFs, tipos de publicaciones personalizadas, medios, página de archivos del blog, comentarios del blog, productos de WooCommerce y más.

Creando un formulario de búsqueda de WordPress para tipos de publicación personalizados

Si tienes un sitio multilingüe, también puedes crear una búsqueda multilingüe con el plugin.

Sin embargo, debes tener en cuenta que, a diferencia de la Búsqueda de Google, el plugin solo puede indexar y mostrar resultados del contenido disponible en tu sitio web. Para más detalles, puedes ver nuestro tutorial sobre cómo mejorar la búsqueda de WordPress con SearchWP.

Preguntas frecuentes: Cómo agregar búsqueda de Google a un sitio de WordPress

Si aún no estás seguro de si la Búsqueda de Google es la opción adecuada para tu sitio de WordPress, no te preocupes. Aquí tienes algunas de las preguntas más comunes que escuchamos de los usuarios:

¿Cuánto cuesta agregar la Búsqueda de Google a un sitio de WordPress?

Agregar la Búsqueda de Google a tu sitio de WordPress es completamente gratis. Dicho esto, si deseas personalizaciones adicionales o funciones avanzadas, podría haber algunos costos dependiendo de las herramientas que elijas usar.

¿Necesito habilidades de codificación para agregar la Búsqueda de Google?

Realmente no. Puedes seguir los pasos de esta guía, ya que hemos proporcionado un fragmento de código funcional que puedes copiar y pegar en WPCode. Es una forma sencilla y amigable para principiantes de agregar la Búsqueda de Google sin editar los archivos de tu tema.

¿Puedo personalizar la apariencia de la Búsqueda de Google en mi sitio?

Sí, puedes darle estilo para que coincida con la marca de tu sitio. El Motor de Búsqueda Programable de Google te ofrece opciones para ajustar cómo se ven los resultados.

¿Qué pasa si quiero eliminar la Búsqueda de Google más tarde?

¡Es fácil! Puedes desactivar o eliminar el fragmento de código usando la configuración de tu plugin en cualquier momento.

Tutorial en video: Cómo agregar búsqueda de Google a un sitio de WordPress

¿No te gusta leer instrucciones? ¡No hay problema! Hemos creado un útil tutorial en video que te guiará a través del proceso:

Suscríbete a WPBeginner

Esperamos que este artículo te haya ayudado a aprender cómo agregar fácilmente la Búsqueda de Google a un sitio de WordPress. A continuación, también te pueden interesar nuestras guías para principiantes sobre:

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

83 CommentsLeave a Reply

  1. Cuando inserto el ID del motor de Google, el plugin crea automáticamente una página donde se mostrarán los resultados de la búsqueda. Pero lo que necesito es cambiar el enlace de la página donde se mostrarán los resultados de la búsqueda. ¿Cómo puedo hacer eso?

  2. Estoy usando el plugin WP Google Search. Estaba tan frustrado porque no podía hacer que apareciera el icono de búsqueda. Tu consejo sobre cómo personalizar el cuadro de búsqueda a través del panel en Google Custom Search resolvió el problema.

  3. Buen artículo, pero lo que quería era tener el cuadro de búsqueda personalizado en el centro de una página en blanco, como si fuera una página de búsqueda de Google. Encontré el plugin Blank Slate que proporciona la página en blanco, pero no estoy seguro de cómo centrar y limitar el ancho del cuadro de búsqueda, ya sea por código o por shortcode. ¿Alguna idea??

  4. Thanks wpbeginner your articles have always helped me a lot. I wanted to do it manually because that way wherever I have search form it’ll be replace by custom google search and your article did work for me as always :)

    Cuando lo intenté por primera vez, no funcionó porque registré el sitio web como http(s) o no encerré el código dentro de un div, así que realmente me dio problemas. De todos modos, ¡¡muchas gracias por tu ayuda!!

    Thanks again :)

  5. Funciona exactamente como quiero, buscando en 2 sitios web diferentes, siempre y cuando esté conectado a WP Admin. Una vez que ya no estoy conectado a WP Admin, obtengo

    No encontrado
    Disculpe, pero la página que solicitó no se pudo encontrar. Quizás la búsqueda le ayude.

    ¿Qué paso me perdí?

    • No tengo mucha idea sobre diseño web y personalización adicional. Llevo 5 meses aprendiendo blogging en WordPress, y creo que puede deberse a un problema al publicar tu página de resultados de búsqueda. Hay una opción de visibilidad en el modo de edición de página. Si esa página es privada o está protegida con contraseña, puede surgir el problema que mencionaste. Si es así, hazla pública.

  6. El método del plugin me funciona bien. Pero estoy intentando reemplazar la funcionalidad de búsqueda de la barra de menú nativa del tema con CSE. Solo la búsqueda nativa de WordPress. Así que el método de edición manual de searchform.php debería funcionarme.
    Pero después de editar searchform.php, mi widget de búsqueda desaparece de la barra lateral. Estoy usando el tema Colormag de themegrill.
    Busco ayuda.

    También estoy interesado en ver lo mencionado en el comentario anterior, pero este sitio está fuera de línea ahora. Intenté recuperarlo de la máquina Wayback pero no pude encontrarlo en sus impresiones pasadas.

    • Me sucede lo mismo cuando pego ese código en searchform.php. No estoy seguro de que esto sea correcto, ya que searchform.php por defecto es un formulario HTML. El código copiado de Custom Google Search es una etiqueta JavaScript... ¿debería funcionar esto?

  7. Hola Wpbeginner,

    ¡Esto funcionó a la perfección! El método manual es tan impresionante como lo escribiste. ¡La búsqueda personalizada de Google ahora se muestra en mi sitio!

    Muchas gracias.

  8. ¿Solo puedes implementar la búsqueda personalizada cuando el sitio está en vivo y indexado por Google? Si está oculto o protegido con contraseña, ¿se puede agregar entonces?

  9. Estoy intentando agregar la Búsqueda de Google con el Plugin a mi sitio web. Llegué hasta el paso donde se supone que debo pegar el ID del motor de búsqueda en la página de configuración de WP Google Search. Mi página de configuración no parece tener ningún lugar donde pueda hacer esto. ¿Puedes decirme dónde se debe pegar el ID y cómo se llama?

    Gracias.

  10. la forma manual de hacer esto está mal descrita y es una pérdida total de tiempo. Si vas a hacer algo, hazlo bien o no lo hagas en absoluto.

    • Si tiene dificultades para usar el método manual, intente el primer método. Es más fácil agregar la Búsqueda de Google con la ayuda de un complemento. Si necesita hacerlo manualmente, háganos saber qué parte no está clara y trataremos de explicarla aquí.

      Administrador

      • Agregar la Búsqueda de Google manualmente no funciona (estoy usando el tema colormag), necesitas actualizar el artículo

  11. ¿Al usar este complemento de búsqueda podré ver un informe sobre qué palabras se escribieron en el cuadro para buscar?

    Quiero saber qué busca la gente, para poder crear contenido basado en sus búsquedas.

  12. Lo he actualizado a través del método del plugin. Solo el botón de búsqueda no se muestra correctamente. Por favor, sugiera (El texto “Buscar” se mueve hacia abajo, solo se ve la parte superior). Por favor, sugiera

  13. Otro tutorial increíble – ¡Ni siquiera sabía que era posible usar la Búsqueda de Google de esta manera! Ahora lo tengo funcionando en mi sitio web, ¡muchas gracias!

  14. Buena publicación, muy útil y fácil de entender. También he creado mi barra de búsqueda personalizada siguiendo tus pasos. Gracias por compartir esta gran publicación con nosotros.

  15. ¿Alguien puede decirme por qué esta búsqueda es más beneficiosa que usar el formulario de búsqueda estándar de WordPress? ¿Hay implicaciones de SEO? Simplemente no estoy seguro de por qué alguien usaría esto en lugar de la búsqueda estándar.

    • Generalmente encuentro que cada vez que busco un tema en un sitio web y utiliza la búsqueda predeterminada de WordPress, obtendré resultados MUY pobres.

      Carecerán de relevancia.

      Al usar la búsqueda personalizada de Google, no obtendrás ningún beneficio de SEO, pero a tus lectores les resultará más fácil encontrar lo que buscan.

  16. Hola, ¿puedes decirme por favor cómo eliminar esto? ¡Acabo de verlo aparecer en todas mis páginas y no lo quiero en absoluto!

    Muchas gracias

  17. Hola, y gracias por crear esta publicación y video. Realmente me resultó útil en términos de proporcionar mejores resultados de búsqueda para mi sitio WarCraft Press.

    Sin embargo, diría que deberías haber señalado al principio de la lección que hay 2 maneras de realizar esta tarea. Yo lo hice una vez sin el plugin y luego me di cuenta de que había un plugin para ello.

    Dicho esto, ¡gracias de nuevo por una gran lección y ciertamente espero con ansias futuras lecciones!

    Kombear
    WarCraft Press

  18. Hola,
    He visto que recomiendas editar archivos de wp y archivos de plantilla de temas de wp como lo has hecho en este artículo para el archivo searchform.php.

    Mi preocupación es que cuando hay una actualización de tema o una actualización de WordPress, ¿los cambios en searchform.php sugeridos aquí no se perderían después, por ejemplo, de una actualización de tema?

    Felices caminos, Mike

  19. ¿Puedo usar la caja de búsqueda personalizada de Google y la caja normal de WP juntas en mi sitio? o tendré que usar solo una caja de búsqueda entre estas dos cajas de búsqueda

  20. ¿Cómo hacer una barra de búsqueda que se una a Google? No solo una ventana pequeña como la Búsqueda personalizada de Google. Que funcione exactamente como la búsqueda de Google.
    Gracias.

  21. Hola ,

    Quiero agregar una barra de búsqueda de Google a cada publicación de mi sitio de WordPress o quiero agregar una barra de búsqueda de Google debajo del menú principal, ¿podrías ayudarme con esto?

  22. Well, I have done the same procedure. my theme does not contain searchform.php i created it but it contain searchresults.php i think its theme’s search. but after creating the searchform.php and pasting the code there. another search widget not appeared. Only sahifa search which is theme’s so please can you tell me what the problem. :(

  23. Hola, me gustaría saber si puedo usar la Búsqueda Personalizada de Google para mi portal de intranet. He configurado Wikipedia para uso interno y me gustaría integrar la Búsqueda Personalizada de Google para esto, sin embargo, no obtengo resultados cuando la integro.
    Entonces la pregunta es: ¿La Búsqueda Personalizada de Google está destinada solo a sitios web públicos?

  24. Hola, seguí estos pasos exactamente para mi sitio de WordPress, pero el cuadro de búsqueda no aparece en ninguna parte. No hay errores de .js en la consola. Puse un borde alrededor del div contenedor y el borde aparece, pero no hay nada dentro. Pegué el código que generé de Google dentro de searchform.php. Como prueba, también intenté pegar el código de Google en una página de prueba, pero aún así no tuve suerte.

    ¿Alguna idea para solucionar problemas?

  25. ¿Podrías guiarme sobre cómo podemos agregar Búsqueda Personalizada en un tema hijo de Genesis? He intentado muchos tutoriales pero ninguno funciona.

  26. Disculpen mi condición de novato, pero al pegar el código en el search.php de la página de búsqueda de mi tema, ¿reemplazo el código de la página con el código de Google? Soy un idiota cuando se trata de código PHP. Sé cómo se ve, cómo se ven las etiquetas de apertura/cierre, pero no tengo idea de a qué se refieren cuando dicen pegar el código en la página.

    ¿Dónde? ¿Lo reemplazo todo o entre las etiquetas de apertura/cierre o... ???

    El código actual se ve así:


    Entonces, ¿reemplazo todo el código de la página con la Búsqueda Personalizada de Google que he creado?
    Código de Google:


    Gracias por cualquier ayuda que puedan brindarme.

  27. Gracias por un artículo muy bien escrito. Es fácil de leer y seguir, incluso para un novato completo.

    Lo único que no entiendo es cómo hacer esto:

    "Si tu tema no tiene un archivo searchform.php, entonces necesitas crear uno usando un editor de texto como el Bloc de notas y subirlo a tu directorio de tema usando un cliente FTP."

    Recordando que soy un novato. Instalé mi sitio de WP en mi hosting compartido siguiendo instrucciones claras, usando FTP. Así que supongo que estoy diciendo, ¿cómo se crea el archivo searchform.php?

    Gracias de nuevo.

    • Abre tu cliente FTP y conéctate a tu sitio de hosting compartido. Navega al directorio /wp-content/themes/. Haz clic en el tema que estás usando. Por ejemplo, si estás usando el tema twentytwelve, verás un directorio twentytwelve allí, ábrelo. Una vez que hayas abierto tu directorio de tema en tu cliente FTP, haz clic derecho y selecciona 'Crear nuevo archivo'. Aparecerá un nuevo cuadro de diálogo, ingresa searchform.php como nombre de archivo. Eso es todo, has creado el archivo searchform.php.

      También puedes crear este archivo en tu computadora abriendo un editor de texto plano como el Bloc de notas y guardando el archivo como searchform.php, después de crear el archivo puedes subirlo a tu directorio de tema usando un cliente FTP.

      Puedes editar este archivo desde el área de administración de tu WordPress. Ve a Apariencia » Editor y haz clic en el archivo searchform.php de la lista de archivos a la derecha.

      Administrador

      • Intenté hacer justo eso, pero sucedió algo más. El cuadro de búsqueda desapareció y fue reemplazado por un anuncio. Los widgets debajo del área de widgets de búsqueda en mi barra lateral principal también desaparecieron. Lo resolveré pronto. Es una función bastante ingeniosa.

  28. Esto es muy simple y fácil de digerir. Pero, si alguien quiere usar la barra de búsqueda predeterminada de su tema y mostrar los resultados de la búsqueda, ¿cómo integrará Google CSE con la búsqueda de su tema? Encontré un método genial y simple, solo requiere editar el archivo search.php de tu tema, solo reemplaza la declaración de php que es responsable de mostrar los resultados de la búsqueda. Siéntete libre de leer la publicación completa en mi blog:

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.