Blog de SearchWP

Tutoriales, consejos y recursos de WordPress para ayudarte a hacer crecer tu negocio

Cómo mostrar extractos en la página de resultados de WordPress

Cada propietario de sitio web conoce la frustración de una búsqueda básica de WordPress que tiene capacidades limitadas y falta de control a la hora de mostrar los resultados de búsqueda. 

Para mejorar la experiencia de búsqueda, añadir extractos a los resultados de búsqueda de WordPress transforma la forma en que los usuarios interactúan con la función de búsqueda de tu sitio.

En lugar de ver solo títulos y unas pocas líneas de la introducción, los visitantes obtienen texto de vista previa que les ayuda a decidir si un resultado coincide con lo que buscan.

En este artículo, te mostraremos cómo mostrar extractos en la página de resultados de búsqueda de WordPress.

¿Por qué añadir extractos a los resultados de búsqueda de WordPress?

Dependiendo del tema de tu sitio web, la búsqueda predeterminada de WordPress muestra las primeras líneas de tu contenido en los resultados de búsqueda. Esto significa que incluso si alguien busca un término que aparece en medio de tu publicación, solo verá el texto inicial que podría no incluir la información clave que está buscando.

Los resultados de búsqueda con extractos ofrecen a los usuarios una vista previa del contenido antes de hacer clic. Esto les ahorra tiempo y les ayuda a tomar mejores decisiones sobre qué resultados explorar.

Piensa en los extractos de búsqueda como tráileres de películas. Al igual que un buen tráiler muestra las escenas más relevantes para atraer a los espectadores, un buen extracto de búsqueda debe mostrar las partes más relevantes de tu contenido que coinciden con lo que la gente está buscando.

Añadir extractos a los resultados de búsqueda también ayuda a evitar la frustrante experiencia de hacer clic de un lado a otro entre los resultados. Los usuarios pueden escanear los extractos para encontrar exactamente lo que necesitan sin cargar varias páginas.

Dicho esto, veamos cómo puedes mostrar fácilmente extractos en la página de resultados de búsqueda de tu sitio.

Añadir extractos a la página de resultados de búsqueda de WordPress

Una de las formas de mostrar extractos debajo de los resultados de búsqueda es personalizando el tema de tu sitio web de WordPress.

Sin embargo, este método puede ser complicado para los usuarios, ya que puede implicar la contratación de un desarrollador.

Una forma más fácil de mostrar extractos para cada resultado de búsqueda es usando SearchWP.

SearchWP

Es el mejor plugin de búsqueda para WordPress, fácil de usar para principiantes y ayuda a transformar la búsqueda predeterminada de WordPress.

SearchWP viene con plantillas preconstruidas para la página de resultados de búsqueda. Puedes personalizarla para mostrar descripciones de tus productos o extractos de publicaciones de blog, y más.

El plugin también te permite conectar la página de resultados con formularios de búsqueda personalizados, para que tengas control total sobre cómo funciona la búsqueda en tu sitio.

Otro beneficio de usar SearchWP es que puedes incluir campos personalizados, categorías, etiquetas, detalles del producto, documentos, PDFs y otra información adicional en el proceso de búsqueda.

Con eso, veamos cómo puedes mostrar extractos en los resultados de búsqueda.

Paso 1: Instalar y activar el plugin SearchWP

Primero, deberás visitar el sitio web de SearchWP y registrarte para obtener una nueva cuenta.

Una vez hecho esto, simplemente navega a tu cuenta de SearchWP y ve a la pestaña Descargas.

Descargar el plugin SearchWP desde el área de cuenta

A continuación, puedes presionar el botón Descargar SearchWP y guardar el archivo ZIP del plugin en tu ordenador.

Después de eso, también deberías copiar tu clave de licencia, ya que la necesitarás más adelante para activar el plugin.

Cuando termines de descargar, el siguiente paso es subir el archivo ZIP del plugin SearchWP a tu sitio.

Si necesitas ayuda con esto, consulta la gua paso a paso sobre cmo instalar un plugin de WordPress.

Tras la activación, verás la pantalla de bienvenida de SearchWP. Haz clic en el botón 'Iniciar el asistente de configuración' y sigue los pasos del asistente.

Asistente de incorporación SearchWP

Ahora que SearchWP est configurado en tu sitio, el siguiente paso es crear una plantilla de pina de resultados.

Paso 2: Personalizar la plantilla de la pina de resultados

Para empezar, debers ir a SearchWP  Plantillas desde el panel de WordPress.

Aqu, puedes editar la pina de resultados predeterminada que aparecer en tu sitio web o crear una nueva haciendo clic en el botn 'Aadir nuevo'.

Editar página de plantillas en SearchWP

Para este tutorial, vamos a aadir una nueva plantilla de pina de resultados.

A continuaci, puedes empezar editando el nombre en la parte superior y luego eligiendo un tema de dise para tu pina de resultados.

Elige una plantilla de resultados de búsqueda

SearchWP ofrece 6 temas preconstruidos, cada uno con dises diferentes. Puedes elegir un tema mnimo con ttulo y extracto o uno que muestre la imagen destacada.

La mejor parte es que tambin puedes ver una vista previa de la pina, para que puedas seleccionar fcilmente el dise que te guste.

Ver vista previa de la plantilla de la página de resultados

A continuaci, puedes desplazarte hacia abajo hasta la secci de 'Estilo personalizado' y personalizar asearch form.

Cuando cambies el estilo de dise uevo, aseg uevo que la opci uevon Descripci uevon est uevo habilitada para mostrar extractos. Adem uevos, tambi uevon puedes editar el estilo del t uevo0tulo, cambiar el estilo del bot uevon y m uevos.

Cambiar opciones de estilo personalizadas

Cuando hayas terminado de personalizar el tema, despl uevozate hacia arriba y haz clic en el bot uevon "Guardar" para almacenar tus cambios.

Desde aqu uevo, deber uevos hacer clic en el bot uevon Incrustar.

Guardar e incrustar tu página de resultados

Despu uevos de eso, deber uevoas ver una ventana emergente. Aqu uevo, deber uevos elegir c uevomo incrustar la plantilla de resultados (bloque Gutenberg, shortcode o c uevodigo PHP) y d uevonde te gustar uevoa incrustarla.

Por ejemplo, seleccionaremos la opci uevon "Bloque Gutenberg" y la incrustaremos creando una nueva p uevogina.

Elegir cómo incrustar la página de resultados

A continuaci uevon, deber uevos introducir un nombre para la nueva p uevogina.

Una vez hecho esto, simplemente haz clic en el botón ¡Vamos!.

Introduce el nombre de la nueva página de plantilla de resultados

Despu uevos de eso, ver uevoas la plantilla de resultados en el editor de contenido.

Ten en cuenta que no ver uevoas la vista previa de los resultados de b uevosqueda de inmediato. Primero deber uevoas conectarla a un formulario de b uevosqueda.

Ver vista previa y publicar página

Ve a Publicar tu p uevoacute;gina.

Paso 3: Apuntar un Formulario de B uevosqueda a la P uevogina de Plantilla de Resultados

El siguiente paso es asegurarte de que tu formulario de b uevosqueda apunte a la nueva p uevogina de resultados de b uevosqueda que acabas de crear.

La mejor parte de usar SearchWP es que puedes crear formularios de b uevosqueda ilimitados, conectarlos a motores de b uevosqueda personalizados y apuntarlos a una p uevogina de resultados de b uevosqueda personalizada.

Para empezar, simplemente dir uevogete a la p uevogina SearchWP » Formularios de B uevosqueda desde el panel de administraci uevon. Aqu uevo, puedes seleccionar un formulario de b uevosqueda existente o a uevoadir uno nuevo.

Añadir un nuevo formulario de búsqueda

En la siguiente pantalla, deber uevoas seleccionar el tema de dise uevoo para tu formulario de b uevosqueda.

SearchWP ofrece plantillas preconstruidas, que puedes personalizar fcilmente.

Seleccionar diseño del formulario de búsqueda

Después de eso, deberás desplazarte hacia abajo hasta la sección Estilo Personalizado.

Aquí, asegúrate de configurar la Página de resultados en SearchWP, la Página de destino en la página de resultados que creaste anteriormente (Página de resultados de extractos en nuestro ejemplo) y la Plantilla en la plantilla de resultados que agregaste en el paso anterior.

Cambiar la plantilla y las opciones de la página de resultados

Cuando hayas terminado, simplemente haz clic en el botón Guardar en la parte superior.

Desde aquí, puedes continuar e incrustar el formulario en tu sitio web.

Guardar e incrustar formulario de categoría

Si deseas obtener más información, consulta nuestra guía sobre cómo crear un formulario de búsqueda personalizado en WordPress.

Paso 4: Prueba y comprueba si los extractos aparecen en la página de resultados de búsqueda

Una vez que hayas agregado el nuevo formulario de búsqueda a tu sitio, lo siguiente que debes hacer es probar si está funcionando correctamente.

Para ello, simplemente visita tu sitio web y busca una entrada de blog que tenga un extracto.

Nota: Si no estás seguro de dónde agregar un extracto en el contenido, es posible que desees consultar esta guía sobre cómo agregar fácilmente extractos de entradas a tu tema de WordPress.

Por ejemplo, cuando buscamos una entrada de blog que tenía un extracto usando el formulario de búsqueda en nuestro sitio de prueba, la página de resultados mostró el título de la entrada junto con el extracto debajo.

Buscar entradas con extracto

¡Eso es todo! Ahora has agregado con éxito extractos en la página de resultados de búsqueda.

Esperamos que este artículo te haya ayudado a aprender cómo mostrar extractos en la página de resultados de búsqueda de WordPress. También puedes consultar nuestra guía sobre cómo solucionar problemas de búsqueda de tipos de entrada personalizados que no funcionan y cómo personalizar tu página de resultados de búsqueda de WordPress.

Si estás listo para tener control total sobre cómo funciona la búsqueda en tu sitio de WordPress, entonces puedes comenzar con SearchWP hoy mismo.

Cree hoy mismo una mejor experiencia de búsqueda en WordPress

No vuelva a perder visitantes por resultados de búsqueda inútiles. SearchWP facilita la creación de su propia búsqueda inteligente en WordPress.

Obtén SearchWP Ahora
Icono de múltiples motores de búsqueda