{"id":1356,"date":"2019-12-16T09:52:51","date_gmt":"2019-12-16T09:52:51","guid":{"rendered":"http:\/\/kevinbk.com\/\/?p=1356"},"modified":"2019-12-16T10:43:18","modified_gmt":"2019-12-16T10:43:18","slug":"por-que-troquei-o-menu-por-uma-sidebar","status":"publish","type":"post","link":"https:\/\/kevinbk.com\/es\/por-que-cambie-el-menu-por-una-barra-lateral\/","title":{"rendered":"\u00bfPor qu\u00e9 cambi\u00e9 el men\u00fa a una barra lateral?"},"content":{"rendered":"

Debes haber notado que en mis 3 sitios cambi\u00e9 el men\u00fa que estaba en la parte superior fijado por un barra lateral<\/strong> (barra lateral) fijo. \u00bfPor que hice eso? \u00bfCu\u00e1les son las ventajas y las diferencias? En este art\u00edculo quiero describir este gran cambio. <\/p>\n\n\n\n

Espero que este art\u00edculo con mi opini\u00f3n te ayude a decidir si usar una barra lateral o un men\u00fa fijo en la parte superior. <\/p>\n\n\n\n– \n– \n– \n– <\/pre>\n\n\n\n

\u00bfPor qu\u00e9 utilic\u00e9 un men\u00fa fijo en la parte superior? <\/h2>\n\n\n\n

A lo largo de estos 5 a\u00f1os siempre me ha gustado un men\u00fa fijo en la parte superior del sitio. Si bien muchos dejaron un men\u00fa en la parte superior, pero no arreglado, insist\u00ed en dejarlo arreglado para que la gente lo usara siempre que fuera posible. <\/p>\n\n\n\n

Cre\u00eda que esto permit\u00eda a las personas navegar m\u00e1s por el sitio en diferentes p\u00e1ginas, pero en la pr\u00e1ctica nadie hace eso. Las visitas a las p\u00e1ginas de categor\u00edas son muy bajas, ni es una b\u00fasqueda para que la gente lo haga en el sitio. <\/p>\n\n\n\n

Esta es una de las consecuencias de tener visitas org\u00e1nicas, donde la gente simplemente entra, lee y sale del sitio. Por esta raz\u00f3n, es importante tener una redacci\u00f3n muy atractiva y original para que la persona sea un seguidor del sitio. <\/p>\n\n\n\n

Al igual que los men\u00fas, me di cuenta de que una barra lateral (barra lateral) no trae tantos resultados como formularios y enlaces dentro del art\u00edculo. Actualmente utilizo una captura de correo electr\u00f3nico justo debajo del t\u00edtulo del art\u00edculo del sitio web para generar clientes potenciales tanto en el escritorio como en el m\u00f3vil. <\/p>\n\n\n\n

\"POR<\/figure><\/div>\n\n\n\n

Mis problemas con la barra lateral<\/h2>\n\n\n\n

A lo largo de los a\u00f1os, intent\u00e9 capturar clientes potenciales, hacer que las personas interactuaran y navegar por el sitio a trav\u00e9s de la barra lateral. Con un tiempo me di cuenta de que las barras laterales dejaban el sitio muy feo, hasta que decid\u00ed usar solo una columna del art\u00edculo. <\/p>\n\n\n\n

Realmente me gust\u00f3 este estilo de dise\u00f1o, que requer\u00eda que aumentara el tama\u00f1o predeterminado de las im\u00e1genes que sub\u00ed al servidor. La p\u00e1gina, tanto en el m\u00f3vil como en el escritorio, mostraba solo el art\u00edculo sin distracciones en los laterales.<\/p>\n\n\n\n

Abandon\u00e9 el uso de widgets laterales de WordPress y puse solo 3 en el Pie de p\u00e1gina<\/strong> donde rara vez la atenci\u00f3n de nadie. Con el formulario de captura al principio del art\u00edculo, captur\u00e9 clientes potenciales de todos los dispositivos sin necesidad de ventanas emergentes y de forma discreta. <\/p>\n\n\n\n

Este formulario en el encabezado, similar a lo que vivdeblog<\/strong><\/em> usado, increment\u00f3 en gran medida mis conversiones, convirti\u00e9ndome en el afiliado m\u00e1s grande dentro del nicho principal que opero. No he dejado de usar widgets o una barra lateral durante a\u00f1os. <\/p>\n\n\n\n

\"POR<\/figure><\/div>\n\n\n\n

\u00bfPor qu\u00e9 y c\u00f3mo volv\u00ed a usar una barra lateral?<\/h2>\n\n\n\n

Atascado con la velocidad del sitio, hice todo lo posible para disminuir las solicitudes de p\u00e1gina, incluso usando un dise\u00f1o s\u00faper ultraligero llamado generar prensa<\/a><\/strong>. Al hacerlo, termin\u00e9 eligiendo reemplazar el men\u00fa fijo con una barra lateral. <\/p>\n\n\n\n

Por supuesto, esa no fue la \u00fanica raz\u00f3n, ni es una raz\u00f3n viable, ya que la puntuaci\u00f3n de PageSpeed \u200b\u200bse vio obstaculizada por los anuncios de Google que coloco en el sitio. Hab\u00eda querido colocar una barra lateral en el sitio durante un tiempo, pero quer\u00eda una alternativa a la barra lateral est\u00e1ndar. <\/p>\n\n\n\n

La barra lateral del tema est\u00e1ndar wordpress<\/strong> reduce el tama\u00f1o del cuadro que contiene el texto del art\u00edculo. Me molest\u00f3 mucho, porque me gust\u00f3 esa caja grande que da la impresi\u00f3n de un archivo de texto abierto en Word o Pages. <\/p>\n\n\n\n

Encontr\u00e9 que algunos temas usaban un encabezado y un men\u00fa en el lateral que permit\u00edan la colocaci\u00f3n de widgets, convirti\u00e9ndose en una barra lateral lateral real que no interfiere con el dise\u00f1o de mi sitio y presta atenci\u00f3n a su ubicaci\u00f3n a la izquierda. <\/p>\n\n\n\n

En la biblioteca del sitio de GeneratePress hab\u00eda 2 configuraciones que dejaron el sitio de esa manera. Despu\u00e9s de horas configurando todo en CSS, logr\u00e9 hacer el tema de mi sitio web de la manera que quer\u00eda. <\/p>\n\n\n\n

La mayor ventaja es que el men\u00fa m\u00f3vil muestra los widgets, que la mayor\u00eda de las veces se reproducen en la parte inferior de la p\u00e1gina en los dispositivos m\u00f3viles. Incluso si los widgets se colocan para mostrarse antes del art\u00edculo, ocupar\u00edan un espacio enorme. <\/p>\n\n\n\n

El men\u00fa expansivo para dispositivos m\u00f3viles me permite mostrar m\u00e1s informaci\u00f3n, anuncios, formularios, enlaces y men\u00fas antes de que se muestre el art\u00edculo, solo si la persona elige expandir el men\u00fa por curiosidad. Tambi\u00e9n sigo usando la captura de correo electr\u00f3nico en el t\u00edtulo del art\u00edculo.<\/p>\n\n\n\n

\"POR<\/figure><\/div>\n\n\n\n

Dificultades de una barra lateral fijada en el lateral <\/h2>\n\n\n\n

La mayor dificultad de este cambio es elegir colores y hacer una bella dise\u00f1adora. Al principio, los colores claros que eleg\u00ed hicieron que mi sitio web pareciera un sitio HTML de 2003. Despu\u00e9s de muchos cambios llegu\u00e9 a un resultado satisfactorio. <\/p>\n\n\n\n

Usando esta barra lateral pude eliminar 3 complementos del tema GeneratePress guardando mis procesos de WordPress. Otra cosa que me molest\u00f3 al principio fue la forma en que la p\u00e1gina se carga con un complemento de cach\u00e9, como puede notar. <\/p>\n\n\n\n

Me tom\u00f3 d\u00edas configurar el CSS para hacer que los selectores de categor\u00edas que usaba fueran hermosos. Tambi\u00e9n deje una barra de desplazamiento personalizada en la barra lateral para que el dise\u00f1ador se vea m\u00e1s moderno. Todav\u00eda no estoy del todo satisfecho, con el tiempo se har\u00e1n m\u00e1s cambios. <\/p>\n\n\n\n

El objetivo es simple y claro, presentar la mejor experiencia posible para el usuario, monetizar el sitio web de la mejor manera posible, aumentar la velocidad de la p\u00e1gina, aumentar el ranking del sitio web y captar m\u00e1s leads. <\/p>\n","protected":false},"excerpt":{"rendered":"

Debes haber notado que en mis 3 sitios cambi\u00e9 el men\u00fa que estaba en la parte superior fijado por un<\/p>","protected":false},"author":1,"featured_media":1368,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,2],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/kevinbk.com\/wp-content\/uploads\/2019\/12\/sidebar.jpg","_links":{"self":[{"href":"https:\/\/kevinbk.com\/es\/wp-json\/wp\/v2\/posts\/1356"}],"collection":[{"href":"https:\/\/kevinbk.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kevinbk.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/es\/wp-json\/wp\/v2\/comments?post=1356"}],"version-history":[{"count":0,"href":"https:\/\/kevinbk.com\/es\/wp-json\/wp\/v2\/posts\/1356\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/es\/wp-json\/wp\/v2\/media\/1368"}],"wp:attachment":[{"href":"https:\/\/kevinbk.com\/es\/wp-json\/wp\/v2\/media?parent=1356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kevinbk.com\/es\/wp-json\/wp\/v2\/categories?post=1356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}