Personaliza la página de resultados de búsqueda de tu sitio con Divi

Es muy fácil personalizar la página de resultados de búsqueda en tu sitio Divi. De hecho, este tutorial sólo le llevará 5 minutos, pero le ayudará a ofrecer un sitio más "profesional".

Si no sabe qué es la página de resultados de búsqueda, es muy sencillo: son los resultados que se presentan cuando un usuario utiliza el icono de la "lupa " para buscar en su sitio. La página que se visualiza muestra entonces los resultados de su búsqueda para una determinada consulta. Se trata, por tanto, de una página dinámica cuyos resultados variarán en función del usuario.

Para probar esto Blog de consejos de DiviSi quieres buscar una palabra clave, no dudes en introducirla usando la lupa del menú principal (arriba a la derecha)... Verás entonces que mi página de búsqueda está personalizada y no se parece a la página básica que propone el tema Divi, como puedes ver en la siguiente imagen :

En la imagen anterior, se puede ver que la página de resultados de búsqueda básica (arriba) es mucho menos atractiva y está mucho menos optimizada que la página de resultados de búsqueda personalizada (abajo).

En este tutorial, te explico cómo hacerlo pero también te doy otros 2 consejos... ¡No te arrepentirás de pasar por él 😉 !

1 - ¿Por qué personalizar la página de resultados de búsqueda de su sitio?

Si miras la imagen de abajo, puedes ver que poco más del 1% de los visitantes del blog Divi Tips buscan a través del icono de la lupa...

En los últimos 30 días, 348 personas han buscado en mi blog respuestas a sus preguntas...

El 1% de las visitas es muy bajo, pero si no hubiera personalizado esta página en los resultados de búsqueda, 348 personas habrían visitado una página no optimizada y sin marca. Esto no refleja la imagen que me gustaría que tuviera mi blog.

Esta es una buena razón para personalizar esta página en los resultados de búsqueda: coincidirá con su imagen de marca y no destacará entre las demás páginas....

Lea también: Cómo añadir una búsqueda Ajax en tiempo real a su sitio Divi

2 - Composición del diseño de la página de resultados de búsqueda

Si miras mi página de resultados de búsqueda, está compuesta por 5 elementos:

• A - El título dinámico de la página
• B - Los resultados de la búsqueda del usuario en forma de miniaturas
• C - Una nueva sección con un título
• D - Posibilidad de reiniciar la búsqueda si la primera no tuvo éxito
• E - Otros elementos o llamadas a la acción, es decir, contenidos que le gustaría destacar en esta página...

Y si miras esta disposición en forma de cuadrícula, estos elementos podrían ser implementados usando estos módulos:

• A - El título dinámico de la página = Módulo de texto
• B - Los resultados de la búsqueda del usuario en forma de miniaturas = Módulo del blog
• C - Una nueva sección con un título = Módulo de texto (de nuevo)
• D - Posibilidad de reiniciar la búsqueda si la primera no tuvo éxito = Módulo de búsqueda
• E - Otros elementos o llamadas a la acción, es decir, contenidos que le gustaría poner en esta página... = ¡todos los módulos que quiera!

¿Sabías que puedes probar Divi gratis? Ir a esta página y haga clic en "PRUEBA GRATUITA

3 - Creación de la plantilla de la página de búsqueda con el Theme Builder

Sólo hay una forma de personalizar esta página dinámica: utilizar el constructor de temas Divi ¡! Así es como se hace:

1. Ir a la Divi > Constructor de temas
2. Haga clic en "Añadir una nueva plantilla
3. Asignar la plantilla a la misma " Resultados de la búsqueda
4. Validar haciendo clic en Haga clic en "Crear una plantilla".
5. Haga clic en "Construir un cuerpo personalizado

3.1 - Construcción del diseño de la página de resultados de la búsqueda

Una vez creada la plantilla, sólo hay que diseñar la página sin olvidar los módulos esenciales:

1. Dentro del diseño, inserte una nueva línea (también llamada "fila")
2. A continuación, inserte un módulo de texto
3. En la pestaña Contenido del módulo Texto, haga clic en el icono de la base de datos para utilizando contenidos dinámicos propuesto por Divi
4. Elija " Puesto / Título del archivo

5. Este título dinámico mostrará : "El título de su publicación dinámica se muestra aquí. No intente cambiar su texto.
6. Sin embargo, puede cambiar su apariencia desde la pestaña Estilo. Siéntase libre de cambiar su tamaño, color, fuente, etc. para adaptarlo a su gusto.

3.2 - Mostrando los resultados de la búsqueda

Cuando el usuario introduce una palabra clave utilizando la lupa, el sistema nativo de WordPress encontrará resultados para él. A continuación se explica cómo hacer que aparezcan en su página de resultados de búsqueda:

1. Añadir una nueva fila
2. Añade el Módulo del blog
3. En la configuración de este módulo, en la pestaña Contenidoseleccione SI para la opción "Mensaje para la página actual.
4. En la pestaña Contenido > Elementosse puede definir lo que se quiere mostrar.
5. Entonces, en el Estilo > Modelopuede elegir el modelo Grid que es mucho más bonito que el Plantilla a pantalla completa...
6. Por último, todavía de la pestaña Estilo, puede utilizar todas las opciones a su disposición para diseñar el aspecto de este módulo (color, tamaño, sombra, animación, etc.).

3.3 - Proponer la renovación de la investigación (opcional)

Imagina que tu lector no ha encontrado lo que buscaba en su primera búsqueda, puedes mejorar su experiencia ofreciéndole la opción de repetir esta acción sin tener que volver a pasar por el icono de la lupa. Esta parte es opcional, pero si lo deseas, aquí tienes cómo hacerlo:

1. Añadir una nueva sección
2. Insertar un Módulo de texto para explicar al usuario que puede renovar su búsqueda.
3. Por ejemplo, "Iniciar una nueva búsqueda".

4. A continuación, añada un Módulo de búsqueda
5. En la configuración de este módulo, desde el Contenidopodrá introducir el texto del marcador de posición (es decir, el texto por defecto de la barra de búsqueda). Por ejemplo: ¿Qué busca?
6. Desde la pestaña Contenido > Excepcioneseste módulo permite excluir determinados contenidos de los resultados, por ejemplo, páginas, artículos o determinadas categorías de artículos. Lamentablemente, no se pueden excluir URLs específicas, veremos más adelante en este artículo cómo hacerlo...
7. Entonces, en la pestaña Estilopuede definir el aspecto de la barra de búsqueda (color, etc.)
8. Ahora su barra de búsqueda está lista.

3.4 - Añadir llamadas a la acción (opcional)

Su página de resultados de búsqueda ya es funcional, pero nada le impide añadir varias llamadas a la acción para animar a los usuarios a visitar otras páginas o a descubrir los principales productos de su tienda.

Al fin y al cabo, esta página es tuya para que hagas lo que quieras.

9. Añade, por ejemplo, una fila con botones, o tus últimas 3 entradas del blog, o un formulario de contacto...
10. Guarda tu modelo.
11. Salga de la plantilla y asegúrese de guardar de nuevo en el tema del constructor...

4 - Configuración de la "Búsqueda en el sitio" de Google Analytics

Al principio de este artículo, te dije que 348 personas visitaron mi página de resultados de búsqueda el mes pasado... Si conozco este número, es porque activé una pequeña opción en mi cuenta Google Analytics.

Si también quieres recoger este tipo de estadísticas, debes activarlo...

Además de conocer el número de visitantes que utilizan su buscador interno, también conocerá las palabras clave que se han introducido en esta barra de búsqueda... Se trata, por tanto, de una información importante que puede indicarle cuáles son las necesidades de sus visitantes.

A continuación se explica cómo activar esta función:

1. Ir a la Administración de su cuenta de Google Analytics
2. Seleccione su cuenta
3. Seleccione su propiedad
4. Haga clic en Ver configuración
5. En la parte inferior de la página, active el botón Seguimiento de la búsqueda en el sitio
6. En el Parámetro campo de consulta, introduzca "s". Este es el parámetro utilizado en la URL por los sitios de WordPress cuando los usuarios hacen una búsqueda.
7. Grábalo.

Eso es todo, a partir de ahora, su cuenta de Google Analytics registrará las visitas y consultas a esta página (consulte la documentación oficial para configurar la búsqueda de sitios).

5 - Excluir ciertas páginas de la búsqueda

Por último, para perfeccionar esta página, puede excluir determinados resultados de búsqueda en función de cada caso. Por ejemplo, si su sitio tiene páginas privadas o páginas que no son de interés para el usuario (página del carrito de la compra, página de mi cuenta, etc.) podría decidir excluirlas de los resultados.

Para ello, puede utilizar la extensión gratuita Buscar Excluir.

Esta extensión es muy fácil de usar:

• Todo lo que tienes que hacer es instalarlo y activarlo...
• Ir a la lista de sus páginas o artículos
• Haga clic en Cambio rápido
• Marque la opción "Excluir de los resultados de la búsqueda si no quiere que esta publicación aparezca en la página de resultados de búsqueda de su sitio.

Si quiere excluir ciertas páginas sin usar un plugin, sólo tiene que añadir unas líneas de código, leer este artículo.

6 - En conclusión...

Ahora eres el orgulloso propietario de una gran página de resultados de búsqueda y sólo te ha llevado unos minutos.

También puede descargar una plantilla gratuita preconstruida para crear su página de resultados de búsqueda más rápidamente (disponible en el blog oficial).

¿Ya lo has personalizado? ¿Tiene alguna otra idea para mejorar esta página? Díganoslo en los comentarios.

¿Quieres personalizar Divi como un profesional? Consulta todos los tutoriales.