El día de hoy hablaremos del tema de los sidebars (barras laterales) y widgets (los que tengan contenido relevante); y aún más importante, cómo ayudarle a reducir la tasa de rebote de su sitio y en su lugar, mejorar las oportunidades de una conversión. Les mostraremos como crear una barra lateral, junto con widgets para mostrarle a los visitantes exactamente lo que quieren basado en el tema o contenido de la página o publicación actual.
¿Qué Es la Tasa de Rebote?
Antes de enseñarle a reducir la tasa de rebote al mostrar barras laterales con contenido relevante, primero definamos qué es la tasa de rebote.
La tasa de rebote se refiere al porcentaje de visitantes del sitio que entran y salen en lugar de quedarse a explorar otras páginas dentro de su sitio web. Para reducir dicha tasa usted necesita incrementar la interacción, y esto dice mucho de la usabilidad de su sitio. Cuando un visitante encuentra útil su contenido, ellos se quedarán y estarán dispuestos a explorar el sitio para encontrar más contenido útil. Esto le da un mayor número de conversión. Entre más tiempo se queden sus visitantes en el sitio, mayores las probabilidades serán de conseguir más ventas, inscripciones e ingresos por publicidad.
Por supuesto, usted querrá que se queden por más tiempo, así que debe de tener algo que haga que reduzca las razones para irse tan pronto – contenido útil.
Usabilidad: La Llave para Reducir la Tasa de Rebote
Uno no alcanza usabilidad sólo brindando contenido útil a su sitio para todo visitante. También tiene que optimizar las herramientas que pone en cada una de sus páginas de tal forma que puedan interactuar con estas. Y más que nada, estas herramientas deberían ser relevantes al contenido que está siendo usado en cierta página.
Las herramientas a las que me refiero son la barra de navegación y las áreas con widgets en dicha página, incluyendo la barra lateral. Mientras que para muchos, la barra de navegación juega el papel más importante en asegurar una interacción, usted no puede subestimar el poder que ofrecen las áreas de widget. Esto es especialmente cierto cuando está al tanto de las muchas formas distintas que WordPress le brinda para que pueda tomar fácilmente el control de todas estas.
La barra lateral es el reemplazo principal del widget que puede hacer o deshacer la usabilidad de su sitio. ¿Cómo? – Porque es conveniente sólo poner cualquier widget que quiera en la barra lateral sin pensar si el widget es relevante o no para este contenido.
¿Qué Son las Barras Laterales Dinámicas (Contenido Relevante) de WordPress?
Una barra lateral de WordPress que es relevante al contenido principal se refiere a una que muestra los widgets elegidos cuidadosamente para aparecer junto a un contenido especifico en cierta página en términos de aplicabilidad. Por ejemplo, una barra lateral relevante a una publicación especifica contendría widgets como una newsletter u opt-ins relacionados a esa publicación.
Las imágenes de abajo muestran las diferencias entre las barras laterales en MarketingProfs.com.
Página de Podcast (Imagen A)
En este artículo de su blog, MarketingProfs está mostrando los siguientes widgets: sugerencias, enlaces de suscripción y los artículos más populares.
Página de Artículo (Imagen B)
En este artículo del blog, MarketingProfs está mostrando los siguientes widgets: opt-ins de suscripción, widgets de redes sociales, artículos más populares.
Cómo las Barras Laterales Dinámicas Ayudan a Reducir la Tasa de Rebote
Las barras laterales ayudan al visitante del sitio decidir que acción tomar después. Por ejemplo, desde una página de una publicación de un blog, ellos pueden decidir si se inscriben a la newsletter. Si tiene un número de categorías para las newsletters, usted puede mostrar un widget de suscripción para la categoría donde pertenece la publicación del blog. Cada widget lleva el nombre de una categoría en específico, para que los lectores sepan exactamente a que se están suscribiendo. Vea las imágenes tomadas del The Washington Post.
Las barras laterales con contenido relevante ayudan al marketing enfocado. Usted puede crear una barra lateral dedicada a usuarios del sitio que usted agrupó, basado en la información demográfica. Por ejemplo, puede hacer barras laterales para cada versión de su página en distintos idiomas, poner en estos enlaces de contacto dependiendo de la ubicación, o mostrar promociones de productos basados en sus intereses. O puede crear barras laterales distintas basadas en la categoría de las publicaciones de su blog.
El The Washington post tiene “Los que debe leer” como una de sus categorías para newsletters. El widget aparece en este artículo llamado “Pollo contaminado con salmonela mató a 1, enfermó a 17 en un brote en varios estados, dice la CDC” y además todos los artículos que pertenezcan a esta misma categoría.
Por otro lado, este artículo de tecnología, “Ejecutivos de Facebook y Twitter van a testificar ante el Congreso la próxima semana”, del The Washington Post tiene un widget que muestra “Noticias sobre tecnología en su email” en su barra lateral, enfocándose en lectores con temas relacionados a la tecnología.
Las barras laterales con widgets relevantes al contenido pueden ayudar a mejorar el SEO. Utilizando las etiquetas de encabezado completas o una porción de esta como títulos de widget puede crear pequeño pero importante impacto en la optimización del motor de búsqueda.
Agregar Widgets Relevantes a la Barra Lateral
El primer paso a crear barras laterales con contenido relevante es decidir qué es relevante y qué no lo es. Decidiendo que widgets deben aparecer en una página o publicación requiere de un entendimiento profundo del propósito y del porque creo esa página o publicación en primer lugar.
Por ejemplo, usted creó una página de producto no sólo para explicar las características, beneficios y precio del producto. También lo hizo para que lleve a los visitantes a comprarlo o considerar productos similares o relacionados. Además de esto, podría querer mostrar las calificaciones más altas y mejores reseñas de su producto, para ayudarle a la gente a decidir comprarlo. O, quizás quiera ayudarles a conectarse con un representante de ventas para resolverles sus dudas. La barra lateral es uno de los mejores lugares para poner estos botones de llamadas a tomar acción. Por eso, la barra lateral se convierte en una poderosa herramienta en mantener a sus visitantes ocupados mientras se encuentran en su página.
Kinsta, por ejemplo, utiliza distintos CTA (Llamadas a tomar acción o “Call to action”) en su blog, basado en la categoría de la publicación. Esto ayuda a asegurar que el mensaje tenga sentido y sea relevante al tema del artículo.
Filtrando los Widgets No Relacionados
Además de todo esto, decidir qué no poner en la barra lateral es tan importante como decidir qué sí poner. La densidad de la barra lateral y otras áreas de widgets en la página, contribuyen a su apariencia general. Filtrar los widgets irrelevantes o redundantes se encarga del mismo problema con la tasa de rebote. De hecho, para algunos sitios que no usan barra lateral es la mejor solución.
Quizás, uno pone un montón de widgets en su barra lateral porque cree que podrían ser de utilidad para sus visitantes. Sin embargo, una página repleta podría alejar a un cliente potencial. Si hay muchas cosas pasando al mismo tiempo en su página, los visitantes podrían perder enfoque y olvidar la razón por la que entraron en primer lugar. Con esto, me refiero a muchos widgets externos o muchos enlaces para ir a sus productos.
En pocas palabras, decidir qué contenido de barra lateral es relevante o no es crítico para incrementar el nivel de interacción del usuario.
Resalte Todo Widget Importante
Después de decidir que poner en la barra lateral, puede hacer que ciertos widgets sean más llamativos que el resto. Una forma de hacer esto es lograr que aparezcan en otras áreas de widget, como en el pie de página. Otra forma es lograr que se mantengan en un lugar fijo o floten sobre la página al momento de que el usuario pasa su mouse sobre esa área. Esto le permite a los usuarios interactuar directamente con estos sin tener que navegar a lo largo de toda la página.
Siguiente Paso: Elija los Mejores Métodos
Ya que hablamos de la importancia de que widgets usar, el siguiente paso es elegir un método para crear estas barras laterales con contenido relevante. Aquí hay dos formas:
Opción 1 – Controlar la Visibilidad del Widget con un Plugin de WordPress
Una de las formas más sencillas para controlar la visibilidad de un widget en su barra lateral es usando un plugin de WordPress. Un plugin como Widget Options le permite hacer esto con unos simples clics. Puede mostrar o esconder el contenido de una barra lateral por publicación o página con condiciones, incluyendo categorías, etiquetas, nombre de páginas, etc.
El plugin de Widget Options actualmente tiene más de 70,000 instalaciones activas con una impresionante calificación de 5 estrellas de 5. Puede descargarla del Repositorio de WordPress o buscar “opciones de widget” dentro del dashboard de WordPress bajo “Plugins -> Agregar Nuevo.” Luego dar clic en “Instalar Ahora” y activar el plugin.
Escondiendo Widgets de una Página en Específico
Una vez que tenga el plugin de Widget Options instalado y activado, puede fácilmente esconder el widget de una página en específico en tan sólo unos clics. Para ilustrar esto, aquí les dejamos una imagen de un widget de cupones. Bajo las opciones del widget, ahora habrá una opción de visibilidad: puede elegir entre esconder y mostrar este widget en páginas seleccionadas.
Restringiendo Widgets de Publicaciones en Específico
También puede esconder widgets de publicaciones utilizando etiquetas condicionales. Usando Widget Options, este proceso requiere un par de pasos adicionales que el de tan sólo esconder de las páginas. Antes que nada, necesita encontrar la ID de la publicación, ya que necesitaremos incluir en la etiqueta condicional en dónde quiere esconder la publicación.
Para encontrar la ID de la publicación, llegue a la publicación y ponga el mouse (no de clic) sobre la opción de “Editar Publicación” en su barra de herramientas de admin de WordPress. En la parte inferior izquierda de su navegador usted verá el # de ID de la publicación.
Una vez que tenga la ID de la publicación, puede usarla en las siguientes etiquetas condicionales.
Esconder un Widget de Varias Publicaciones:
!is_single(array('Post ID', 'Post ID'))Esconder un Widget de una Sola Publicación:
!is_single( 'Post ID' )En el widget que quiere esconder de la publicación, vaya a la pestaña de “Lógica” e ingrese la etiqueta que mostraremos a continuación.
Además de esto, usted necesitará usar un título de widget relevante a la página o etiquetas de encabezado de la publicación, puede poner las copias que quiera del widget si es necesario y poner un título único a cada uno.
Esconder Widgets en Dispositivos Móviles
También puede restringir la visibilidad de los widgets cuando una página o publicación es vista en tipos específicos de dispositivos.
Debido a las limitaciones de tamaño de pantalla, es fácil hacer que una página o publicación luzca muy atestada si se ve desde un dispositivo móvil, como un smartphone o una tableta. Queremos asegurarnos de que cada página no se vea tan tensa en las computadoras al igual que en dispositivos móviles. Sin embargo, también queremos tomar ventaja de la pantalla más grande de una computadora para mostrar widgets relevantes en todas las áreas posibles de widgets.
Por ejemplo, queremos que aparezca un email opt-in en la barra lateral y en el pie de página. Pero, por otro lado, cuando se vea en un dispositivo móvil, queremos eliminar widgets repetitivos. Widget Options le permite que pueda esconder widgets en las pantallas de dispositivos móviles.
Fijar los Widgets en la Barra Lateral
Otra forma para controlar la visibilidad de los widgets es dejarlos fijos, lo que quiere decir que seguirán a los usuarios mientras suben y bajan en la página o publicación. Si usted mantiene una barra limpia, o sólo aplica esto a uno o dos widgets, no deberá preocuparse y pensar que esto será muy molesto. Vea las imágenes de abajo. WPMU Dev tiene una excelente aplicación de esto en su blog.
Los widgets para compartir en redes sociales flotan sobre la página sin cubrir el contenido principal y fomenta a que los visitantes tomen acción en el momento que estén listo para hacerlo. Esto quiere decir que no tendrán que regresar hasta el inicio de la página para llegar al área de la barra para interactuar con estos widgets.
Widget Options brinda una opción donde usted puede hacer que cualquier widget quede fijo y que siga a los visitantes mientras navegan. Puede elegir que todos los widgets de barra lateral sean fijos o elegir uno o dos que crea que necesitan mayor exposición que el resto.
Opción 2 – Agregar Barras Lateral Personalizadas
Su segunda opción es la de crear barrar laterales personalizadas usando código. Esto es un poco más tedioso que simplemente usar un plugin que le permita crear barras dando unos clics. Sin embargo, debido a que WordPress brinda muchas opciones de código, puede elegir esto. De esta forma, puede crear exactamente lo que quiere.
Para empezar, necesita registrar un área con widgets. Luego, guardarlo y subirlo a su servidor para lograr que sea accesible desde el menú de widgets. Para hacer esto, usted necesitará ingresar el siguiente código al archivo functions.php de su tema child. O puede utilizar un plugin gratuito como Code Snippets.
Viene con algunos elementos que puede cambiar para adaptarse a sus necesidades. Vea el ejemplo de abajo:
<?php
/*
* Create Custom Widget Area for Pages Only
*/
function page_only_custom_sidebar() {
register_sidebar(
array (
'name' => __( 'For Pages Only', 'your-site' ),
'id' => 'page-only-custom-sidebar',
'description' => __( 'Contents to this widget area will be displayed on pages only.', 'your-site' ),
'before_widget' => '<section id="%1$s" class="widget %2$s">',
'after_widget' => "</section>",
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
)
);
}
add_action( 'widgets_init', 'page_only_custom_sidebar' );
?>El siguiente paso es hacer visible la barra lateral en algún lado del sitio web. Para que funcione, agréguelo a los archivos de las plantillas de los lugares donde quiera que sea visible. De un vistazo al código de abajo el cual su propósito es hacer que la barra lateral aparezca sólo en páginas.
Para hacer esto, lo colocamos dentro del archivo de page.php de nuestro tema. En el caso del tema Twenty Seventeen, esto quiere decir que lucirá así:
<?php if ( is_active_sidebar( 'page-only-custom-sidebar' ) && is_page() ) : ?>
<aside id="secondary" class="widget-area" role="complementary">
<?php dynamic_sidebar( 'page-only-custom-sidebar' ); ?>
</aside>
<?php endif; ?>Su Turno: ¿Cómo Reducir la Tasa de Rebote?
Lo que le mostré aquí es una pequeña fracción de algunas formas para reducir su tasa de rebote. Las barras laterales, uno de los sitios más descuidados en los sitios web, pueden ser unas poderosas herramientas para lograr que los visitantes exploren su sitio web, y así, incrementar las probabilidades de una conversión. Crear barras laterales con contenido relevante no tiene que ser algo muy complejo, especialmente con todos estos plugins tan sencillos de usar que podrá encontrar en el repositorio de WordPress.
Más que esto, ya que la interacción es una de las formas claves para reducir la tasa de rebote, para lograr esto, necesita verificar la usabilidad del sitio.
In order to achieve usability, bear in mind that content is king. You start off with useful contents and pair them with the right sub-contents (the widgets, the links, your content-relevant sidebars) that will encourage them to explore your sites.
— Jeffrey Carandang (@jeffreycarandng) November 1, 2018
Para alcanzar una buena usabilidad, ¡tenga en cuenta que el contenido es rey! Sus widgets, enlaces, barras laterales con contenido relevante deberían guiar a los usuarios a lo largo de su sitio – llevándolos a otro contenido que podrían considerar útil.
¿Ha usado alguna barra lateral o widget dinámico en su sitio de WordPress? Si es así, ¿Cuáles fueron los resultados?
Jeffrey creates and develops carefully cooked WordPress Plugins over at Phpbits. Just the right blend of creativity, user-friendliness, and functionality!
Deja una respuesta