La tasa de rebote se refiere al porcentaje de visitantes del sitio que entran y salen<\/strong> en lugar de quedarse a explorar otras p\u00e1ginas dentro de su sitio web. Para reducir dicha tasa usted necesita incrementar la interacci\u00f3n, y esto dice mucho de la usabilidad de su sitio. Cuando un visitante encuentra \u00fatil su contenido, ellos se quedar\u00e1n y estar\u00e1n dispuestos a explorar el sitio para encontrar m\u00e1s contenido \u00fatil. Esto le da un mayor n\u00famero de conversi\u00f3n. Entre m\u00e1s tiempo se queden sus visitantes en el sitio, mayores las probabilidades ser\u00e1n de conseguir m\u00e1s ventas, inscripciones e ingresos por publicidad.<\/p>\n Por supuesto, usted querr\u00e1 que se queden por m\u00e1s tiempo, as\u00ed que debe de tener algo que haga que reduzca las razones para irse tan pronto \u2013 contenido \u00fatil.<\/p>\n\n Uno no alcanza usabilidad s\u00f3lo brindando contenido \u00fatil a su sitio para todo visitante. Tambi\u00e9n tiene que optimizar las herramientas que pone en cada una de sus p\u00e1ginas de tal forma que puedan interactuar con estas. Y m\u00e1s que nada, estas herramientas deber\u00edan ser relevantes al contenido que est\u00e1 siendo usado en cierta p\u00e1gina.<\/p>\n Las herramientas a las que me refiero son la barra de navegaci\u00f3n y las \u00e1reas con widgets en dicha p\u00e1gina, incluyendo la barra lateral. Mientras que para muchos, la barra de navegaci\u00f3n juega el papel m\u00e1s importante en asegurar una interacci\u00f3n, usted no puede subestimar el poder que ofrecen las \u00e1reas de widget. Esto es especialmente cierto cuando est\u00e1 al tanto de las muchas formas distintas que WordPress le brinda para que pueda tomar f\u00e1cilmente el control de todas estas.<\/p>\n La barra lateral es el reemplazo principal del widget que puede hacer o deshacer la usabilidad de su sitio. \u00bfC\u00f3mo? \u2013 Porque es conveniente s\u00f3lo poner cualquier widget que quiera en la barra lateral sin pensar si el widget es relevante o no para este contenido.<\/p>\n Una barra lateral de WordPress<\/a> 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\u00e1gina en t\u00e9rminos de aplicabilidad. Por ejemplo, una barra lateral relevante a una publicaci\u00f3n especifica contendr\u00eda widgets como una newsletter u opt-ins relacionados a esa publicaci\u00f3n.<\/p>\n Las im\u00e1genes de abajo muestran las diferencias entre las barras laterales en MarketingProfs.com<\/a>.<\/p>\n En este art\u00edculo de su blog, MarketingProfs est\u00e1 mostrando los siguientes widgets: sugerencias, enlaces de suscripci\u00f3n y los art\u00edculos m\u00e1s populares.<\/p>\n En este art\u00edculo del blog, MarketingProfs est\u00e1 mostrando los siguientes widgets: opt-ins de suscripci\u00f3n, widgets de redes sociales, art\u00edculos m\u00e1s populares.<\/p>\n Las barras laterales ayudan al visitante del sitio decidir que acci\u00f3n tomar despu\u00e9s. Por ejemplo, desde una p\u00e1gina de una publicaci\u00f3n de un blog, ellos pueden decidir si se inscriben a la newsletter. Si tiene un n\u00famero de categor\u00edas para las newsletters, usted puede mostrar un widget de suscripci\u00f3n para la categor\u00eda donde pertenece la publicaci\u00f3n del blog. Cada widget lleva el nombre de una categor\u00eda en espec\u00edfico, para que los lectores sepan exactamente a que se est\u00e1n suscribiendo. Vea las im\u00e1genes tomadas del The Washington Post<\/a>.<\/p>\n Las barras laterales con contenido relevante ayudan al marketing enfocado.<\/strong> Usted puede crear una barra lateral dedicada a usuarios del sitio que usted agrup\u00f3, basado en la informaci\u00f3n demogr\u00e1fica. Por ejemplo, puede hacer barras laterales para cada versi\u00f3n de su p\u00e1gina en distintos idiomas, poner en estos enlaces de contacto dependiendo de la ubicaci\u00f3n, o mostrar promociones de productos basados en sus intereses. O puede crear barras laterales distintas basadas en la categor\u00eda de las publicaciones de su blog.<\/p>\n El The Washington post tiene \u201cLos que debe leer\u201d como una de sus categor\u00edas para newsletters. El widget aparece en este art\u00edculo llamado \u201cPollo contaminado con salmonela mat\u00f3 a 1, enferm\u00f3 a 17 en un brote en varios estados, dice la CDC\u201d y adem\u00e1s todos los art\u00edculos que pertenezcan a esta misma categor\u00eda.<\/p>\n Por otro lado, este art\u00edculo de tecnolog\u00eda, \u201cEjecutivos de Facebook y Twitter van a testificar ante el Congreso la pr\u00f3xima semana\u201d, del The Washington Post tiene un widget que muestra \u201cNoticias sobre tecnolog\u00eda en su email\u201d en su barra lateral, enfoc\u00e1ndose en lectores con temas relacionados a la tecnolog\u00eda.<\/p>\n Las barras laterales con widgets relevantes al contenido pueden ayudar a mejorar el SEO<\/a>. Utilizando las etiquetas de encabezado completas o una porci\u00f3n de esta como t\u00edtulos de widget puede crear peque\u00f1o pero importante impacto en la optimizaci\u00f3n del motor de b\u00fasqueda<\/a>.<\/p>\n El primer paso a crear barras laterales con contenido relevante es decidir qu\u00e9 es relevante y qu\u00e9 no lo es. Decidiendo que widgets deben aparecer en una p\u00e1gina o publicaci\u00f3n requiere de un entendimiento profundo del prop\u00f3sito y del porque creo esa p\u00e1gina o publicaci\u00f3n en primer lugar.<\/p>\n Por ejemplo, usted cre\u00f3 una p\u00e1gina de producto no s\u00f3lo para explicar las caracter\u00edsticas, beneficios y precio del producto. Tambi\u00e9n lo hizo para que lleve a los visitantes a comprarlo o considerar productos similares o relacionados. Adem\u00e1s de esto, podr\u00eda querer mostrar las calificaciones m\u00e1s altas y mejores rese\u00f1as de su producto, para ayudarle a la gente a decidir comprarlo. O, quiz\u00e1s 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\u00f3n. Por eso, la barra lateral se convierte en una poderosa herramienta en mantener a sus visitantes ocupados mientras se encuentran en su p\u00e1gina.<\/p>\n Kinsta, por ejemplo, utiliza distintos CTA (Llamadas a tomar acci\u00f3n o \u201cCall to action\u201d) en su blog, basado en la categor\u00eda de la publicaci\u00f3n. Esto ayuda a asegurar que el mensaje tenga sentido y sea relevante al tema del art\u00edculo.<\/p>\n Adem\u00e1s de todo esto, decidir qu\u00e9 no poner en la barra lateral es tan importante como decidir qu\u00e9 s\u00ed poner. La densidad de la barra lateral y otras \u00e1reas de widgets en la p\u00e1gina, 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\u00f3n.<\/p>\n Quiz\u00e1s, uno pone un mont\u00f3n de widgets en su barra lateral porque cree que podr\u00edan ser de utilidad para sus visitantes. Sin embargo, una p\u00e1gina repleta podr\u00eda alejar a un cliente potencial. Si hay muchas cosas pasando al mismo tiempo en su p\u00e1gina, los visitantes podr\u00edan perder enfoque y olvidar la raz\u00f3n por la que entraron en primer lugar. Con esto, me refiero a muchos widgets externos o muchos enlaces para ir a sus productos.<\/p>\n En pocas palabras, decidir qu\u00e9 contenido de barra lateral es relevante o no es cr\u00edtico para incrementar el nivel de interacci\u00f3n del usuario.<\/p>\n Despu\u00e9s de decidir que poner en la barra lateral, puede hacer que ciertos widgets sean m\u00e1s llamativos que el resto. Una forma de hacer esto es lograr que aparezcan en otras \u00e1reas de widget, como en el pie de p\u00e1gina. Otra forma es lograr que se mantengan en un lugar fijo o floten sobre la p\u00e1gina al momento de que el usuario pasa su mouse sobre esa \u00e1rea. Esto le permite a los usuarios interactuar directamente con estos sin tener que navegar a lo largo de toda la p\u00e1gina.<\/p>\n Ya que hablamos de la importancia de que widgets usar, el siguiente paso es elegir un m\u00e9todo para crear estas barras laterales con contenido relevante. Aqu\u00ed hay dos formas:<\/p>\n Una de las formas m\u00e1s sencillas para controlar la visibilidad de un widget en su barra lateral es usando un plugin de WordPress. Un plugin como Widget Options<\/a> le permite hacer esto con unos simples clics. Puede mostrar o esconder el contenido de una barra lateral por publicaci\u00f3n o p\u00e1gina con condiciones, incluyendo categor\u00edas, etiquetas, nombre de p\u00e1ginas, etc.<\/p>\n El plugin de Widget Options actualmente tiene m\u00e1s de 70,000 instalaciones activas con una impresionante calificaci\u00f3n de 5 estrellas de 5. Puede descargarla del Repositorio de WordPress<\/a> o buscar \u201copciones de widget\u201d dentro del dashboard de WordPress bajo \u201cPlugins -> Agregar Nuevo.\u201d Luego dar clic en \u201cInstalar Ahora\u201d y activar el plugin.<\/p>\n Una vez que tenga el plugin de Widget Options instalado y activado, puede f\u00e1cilmente esconder el widget de una p\u00e1gina en espec\u00edfico en tan s\u00f3lo unos clics. Para ilustrar esto, aqu\u00ed les dejamos una imagen de un widget de cupones. Bajo las opciones del widget, ahora habr\u00e1 una opci\u00f3n de visibilidad: puede elegir entre esconder y mostrar este widget en p\u00e1ginas seleccionadas.<\/p>\n Tambi\u00e9n puede esconder widgets de publicaciones utilizando etiquetas condicionales. Usando Widget Options, este proceso requiere un par de pasos adicionales que el de tan s\u00f3lo esconder de las p\u00e1ginas. Antes que nada, necesita encontrar la ID<\/a> de la publicaci\u00f3n, ya que necesitaremos incluir en la etiqueta condicional en d\u00f3nde quiere esconder la publicaci\u00f3n.<\/p>\n Para encontrar la ID de la publicaci\u00f3n, llegue a la publicaci\u00f3n y ponga el mouse (no de clic) sobre la opci\u00f3n de \u201cEditar Publicaci\u00f3n\u201d en su barra de herramientas de admin de WordPress. En la parte inferior izquierda de su navegador usted ver\u00e1 el # de ID de la publicaci\u00f3n.<\/p>\n Una vez que tenga la ID de la publicaci\u00f3n, puede usarla en las siguientes etiquetas condicionales.<\/p>\n Esconder un Widget de Varias Publicaciones:<\/strong><\/p>\n Esconder un Widget de una Sola Publicaci\u00f3n:<\/strong><\/p>\n En el widget que quiere esconder de la publicaci\u00f3n, vaya a la pesta\u00f1a de \u201cL\u00f3gica\u201d e ingrese la etiqueta que mostraremos a continuaci\u00f3n.<\/p>\n Adem\u00e1s de esto, usted necesitar\u00e1 usar un t\u00edtulo de widget relevante a la p\u00e1gina o etiquetas de encabezado de la publicaci\u00f3n, puede poner las copias que quiera del widget si es necesario y poner un t\u00edtulo \u00fanico a cada uno.<\/p>\n Tambi\u00e9n puede restringir la visibilidad de los widgets cuando una p\u00e1gina o publicaci\u00f3n es vista en tipos espec\u00edficos de dispositivos.<\/p>\n Debido a las limitaciones de tama\u00f1o de pantalla, es f\u00e1cil hacer que una p\u00e1gina o publicaci\u00f3n luzca muy atestada si se ve desde un dispositivo m\u00f3vil, como un smartphone o una tableta. Queremos asegurarnos de que cada p\u00e1gina no se vea tan tensa en las computadoras al igual que en dispositivos m\u00f3viles. Sin embargo, tambi\u00e9n queremos tomar ventaja de la pantalla m\u00e1s grande de una computadora para mostrar widgets relevantes en todas las \u00e1reas posibles de widgets.<\/p>\n Por ejemplo, queremos que aparezca un email opt-in en la barra lateral y en el pie de p\u00e1gina. Pero, por otro lado, cuando se vea en un dispositivo m\u00f3vil, queremos eliminar widgets repetitivos. Widget Options le permite que pueda esconder widgets en las pantallas de dispositivos m\u00f3viles.<\/p>\n Otra forma para controlar la visibilidad de los widgets es dejarlos fijos, lo que quiere decir que seguir\u00e1n a los usuarios mientras suben y bajan en la p\u00e1gina o publicaci\u00f3n. Si usted mantiene una barra limpia, o s\u00f3lo aplica esto a uno o dos widgets, no deber\u00e1 preocuparse y pensar que esto ser\u00e1 muy molesto. Vea las im\u00e1genes de abajo. WPMU Dev tiene una excelente aplicaci\u00f3n de esto en su blog.<\/p>\n Los widgets para compartir en redes sociales flotan sobre la p\u00e1gina sin cubrir el contenido principal y fomenta a que los visitantes tomen acci\u00f3n en el momento que est\u00e9n listo para hacerlo. Esto quiere decir que no tendr\u00e1n que regresar hasta el inicio de la p\u00e1gina para llegar al \u00e1rea de la barra para interactuar con estos widgets.<\/p>\n Widget Options brinda una opci\u00f3n 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\u00f3n que el resto.<\/p>\n Su segunda opci\u00f3n es la de crear barrar laterales personalizadas usando c\u00f3digo. Esto es un poco m\u00e1s 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\u00f3digo, puede elegir esto. De esta forma, puede crear exactamente lo que quiere.<\/p>\n Para empezar, necesita registrar un \u00e1rea con widgets. Luego, guardarlo y subirlo a su servidor para lograr que sea accesible desde el men\u00fa de widgets. Para hacer esto, usted necesitar\u00e1 ingresar el siguiente c\u00f3digo al archivo Viene con algunos elementos que puede cambiar para adaptarse a sus necesidades. Vea el ejemplo de abajo:<\/p>\n El siguiente paso es hacer visible la barra lateral en alg\u00fan lado del sitio web. Para que funcione, agr\u00e9guelo a los archivos de las plantillas de los lugares donde quiera que sea visible. De un vistazo al c\u00f3digo de abajo el cual su prop\u00f3sito es hacer que la barra lateral aparezca s\u00f3lo en p\u00e1ginas.<\/p>\n Para hacer esto, lo colocamos dentro del archivo de Lo que le mostr\u00e9 aqu\u00ed es una peque\u00f1a fracci\u00f3n de algunas formas para reducir su tasa de rebote. Las barras laterales, uno de los sitios m\u00e1s descuidados en los sitios web, pueden ser unas poderosas herramientas para lograr que los visitantes exploren su sitio web, y as\u00ed, incrementar las probabilidades de una conversi\u00f3n. Crear barras laterales con contenido relevante no tiene que ser algo muy complejo, especialmente con todos estos plugins tan sencillos de usar que podr\u00e1 encontrar en el repositorio de WordPress.<\/p>\n M\u00e1s que esto, ya que la interacci\u00f3n es una de las formas claves para reducir la tasa de rebote, para lograr esto, necesita verificar la usabilidad del sitio<\/a>.<\/p>\n 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.<\/p>\n — Jeffrey Carandang | #WCAsia (@jeffreycarandng) November 1, 2018<\/a><\/p><\/blockquote>\nUsabilidad: La Llave para Reducir la Tasa de Rebote<\/h2>\n
\u00bfQu\u00e9 Son las Barras Laterales Din\u00e1micas (Contenido Relevante) de WordPress?<\/h2>\n
P\u00e1gina de Podcast (Imagen A)<\/h3>\n
![\"Barra](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/12\/barra-lateral-dinamica.jpg\")
P\u00e1gina de Art\u00edculo (Imagen B)<\/h3>\n
![\"Barra](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/12\/barra-lateral-dinamica-b.jpg\")
C\u00f3mo las Barras Laterales Din\u00e1micas Ayudan a Reducir la Tasa de Rebote<\/h2>\n
![\"Widget](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/12\/widget-de-barra-lateral-dinamico.jpg\")
Agregar Widgets Relevantes a la Barra Lateral<\/h3>\n
![\"Widget](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/12\/widget-de-barra-lateral-de-cta.jpg\")
Filtrando los Widgets No Relacionados<\/h3>\n
Resalte Todo Widget Importante<\/h3>\n
Siguiente Paso: Elija los Mejores M\u00e9todos<\/h2>\n
Opci\u00f3n 1 \u2013 Controlar la Visibilidad del Widget con un Plugin de WordPress<\/h3>\n
![\"El](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/12\/plugin-de-widget-options-para-wordpress.png\")
<\/a>![\"Instalando](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/12\/instalando-plugin-de-widget-options.jpg\")
Escondiendo Widgets de una P\u00e1gina en Espec\u00edfico<\/h3>\n
![\"esconder-widget-paginas-especificas\"](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/12\/esconder-widget-paginas-especificas-1.jpg\")
Restringiendo Widgets de Publicaciones en Espec\u00edfico<\/h3>\n
![\"Encontrando](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/12\/encontrando-id-de-publicacion-wordpress.jpg\")
!is_single(array('Post ID', 'Post ID'))<\/code><\/pre>\n!is_single( 'Post ID' )<\/code><\/pre>\n![\"L\u00f3gica](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/12\/logica-del-widget-wordpress.png\")
Esconder Widgets en Dispositivos M\u00f3viles<\/h3>\n
![\"Esconder](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/12\/esconder-widget-dispositivos-moviles.png\")
Fijar los Widgets en la Barra Lateral<\/h3>\n
![\"Widget](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/12\/widget-barra-lateral-fija.png\")
![\"Widget](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/12\/widget-de-barra-lateral-fija.png\")
Opci\u00f3n 2 \u2013 Agregar Barras Lateral Personalizadas<\/h3>\n
functions.php<\/code> de su tema child<\/a>. O puede utilizar un plugin gratuito como Code Snippets<\/a>.<\/p>\n<?php\n\/*\n* Create Custom Widget Area for Pages Only\n*\/\nfunction page_only_custom_sidebar() {\nregister_sidebar(\narray (\n'name' => __( 'For Pages Only', 'your-site' ),\n'id' => 'page-only-custom-sidebar',\n'description' => __( 'Contents to this widget area will be displayed on pages only.', 'your-site' ),\n'before_widget' => '<section id=\"%1$s\" class=\"widget %2$s\">',\n'after_widget' => \"<\/section>\",\n'before_title' => '<h3 class=\"widget-title\">',\n'after_title' => '<\/h3>',\n)\n);\n}\nadd_action( 'widgets_init', 'page_only_custom_sidebar' );\n?><\/code><\/pre>\npage.php<\/code> de nuestro tema. En el caso del tema Twenty Seventeen, esto quiere decir que lucir\u00e1 as\u00ed:<\/p>\n<?php if ( is_active_sidebar( 'page-only-custom-sidebar' ) && is_page() ) : ?>\n<aside id=\"secondary\" class=\"widget-area\" role=\"complementary\">\n<?php dynamic_sidebar( 'page-only-custom-sidebar' ); ?>\n<\/aside>\n<?php endif; ?><\/code><\/pre>\nSu Turno: \u00bfC\u00f3mo Reducir la Tasa de Rebote?<\/h2>\n
\n