Reemplazar la búsqueda de WordPress con la búsqueda personalizada de Google

resultados de búsqueda personalizados de google

Seamos sinceros, WordPress La búsqueda es lenta y muy inexacta. Afortunadamente, Google es increíblemente rápido y preciso. Además, Google Google Custom Search ha evolucionado para integrarse en su propio blog (o sitio web).

Enlaces permanentes y búsqueda personalizada de Google

Sin embargo, para un sitio con enlaces permanentes como el mío, tuve que hacer una modificación adicional. Tuve que hacer la acción en la etiqueta de formulario relativa en lugar de proporcionar la URL completa con el dominio.

<form action="/query/"...

La búsqueda personalizada de Google tiene otra característica interesante ... extraerá la imagen destacada si su sitio los está utilizando y tiene encabezados optimizados usando microdatos de acuerdo con schema.org. Utilizo el Complemento de Yoast WordPress SEO para encargarme de eso, y mi sitio se actualiza con imágenes destacadas para cada publicación.

resultados de búsqueda personalizados de google

Crear una plantilla de página de resultados de búsqueda

En lugar de piratear su tema o jugar con Javascript incrustado en el contenido de su página, también recomendaría crear una plantilla para la página de resultados de búsqueda personalizada de Google. Para hacer esto, simplemente cree una página que esté estructurada como su página temática de una sola página. Destripa todos los fragmentos que no necesitas e inserta el código de Google. Agrega una página a tu plantilla y llámala algo como googlecse.php con el siguiente código dentro:

 Resultados de la búsqueda: [Inserte aquí el código de resultados de búsqueda personalizado de Google]

Ahora, cuando agregue una nueva página para sus resultados, seleccione esto como plantilla:
plantilla de página elegir

No dudaría en hacer esto en cualquier blog, no solo por la increíble mejora en la velocidad, sino también por los resultados relevantes. ¡Incluso puedes ganar un par de dólares aparte! ¡Échale un vistazo y dale una vuelta a mi nuevo formulario de búsqueda! ¡No te decepcionará!

Una nota: si está ejecutando un tema como el Veintiún tema, deberá actualizar el campo de búsqueda css con! important en cada uno de los estilos de campo de consulta para que mantenga la apariencia! También necesitará codificar el ancho de CSS del iframe en su hoja de estilo (opcionalmente, establecer el ancho dentro de JavaScript parece no tener ningún impacto).

Un comentario

  1. 1

¿Qué piensas?

Este sitio usa Akismet para reducir el correo no deseado. Descubra cómo se procesan los datos de sus comentarios.