{"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\/it\/perche-ho-cambiato-il-menu-per-una-barra-laterale\/","title":{"rendered":"Perch\u00e9 ho cambiato il menu in una barra laterale?"},"content":{"rendered":"

Avrete notato che sui miei 3 siti ho modificato il menu che era in alto fissato da a barra laterale<\/strong> (barra laterale) fisso. Perch\u00e9 l'ho fatto? Quali sono i vantaggi e le differenze? In questo articolo voglio descrivere questo grande cambiamento. <\/p>\n\n\n\n

Spero che questo articolo con la mia opinione vi aiuti a decidere se utilizzare o meno una barra laterale o un menu sticky in alto. <\/p>\n\n\n\n– \n– \n– \n– <\/pre>\n\n\n\n

Perch\u00e9 ho usato un menu fisso in alto? <\/h2>\n\n\n\n

In questi 5 anni mi \u00e8 sempre piaciuto un menu fisso nella parte superiore del sito. Mentre molti hanno lasciato un menu in alto, ma non risolto, ho insistito per lasciarlo fisso affinch\u00e9 le persone potessero usarlo quando possibile. <\/p>\n\n\n\n

Credevo che questo permettesse alla persona di navigare di pi\u00f9 nel sito su pagine diverse, ma in pratica nessuno lo fa. Le visite alle pagine delle categorie sono molto basse, le persone non vogliono nemmeno cercare sul sito. <\/p>\n\n\n\n

Questa \u00e8 una delle conseguenze delle visite organiche, in cui le persone entrano, leggono ed escono dal sito. Per questo motivo \u00e8 importante avere una scrittura molto accattivante e originale per rendere la persona un seguace del sito. <\/p>\n\n\n\n

Come con i menu, mi sono reso conto che una barra laterale non porta tanti risultati come moduli e collegamenti all'interno dell'articolo. Oggi attualmente utilizzo un'acquisizione e-mail proprio sotto il titolo dell'articolo del sito Web per generare lead sia su desktop che su dispositivi mobili. <\/p>\n\n\n\n

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

I miei problemi con la barra laterale<\/h2>\n\n\n\n

Negli anni ho cercato di catturare lead, far interagire la persona e navigare nel sito attraverso le barre laterali. Dopo un po' mi sono reso conto che le barre laterali rendevano il sito molto brutto, finch\u00e9 non ho scelto di utilizzare solo una colonna dell'articolo. <\/p>\n\n\n\n

Mi \u00e8 piaciuto molto questo stile di layout, che mi ha richiesto di aumentare la dimensione predefinita delle immagini che ho caricato sul server. La pagina, sia su mobile che desktop, mostrava solo l'articolo senza distrazioni ai lati.<\/p>\n\n\n\n

Ho abbandonato l'uso dei widget laterali di WordPress e ne ho inseriti solo 3 pi\u00e8 di pagina<\/strong> dove raramente qualcuno presta attenzione. Con il modulo di acquisizione all'inizio dell'articolo, ho acquisito i lead da tutti i dispositivi senza popup e in modo discreto. <\/p>\n\n\n\n

Questo modulo nell'intestazione, simile a quello blog live<\/strong><\/em> utilizzato, ha aumentato molto le mie conversioni, rendendomi il pi\u00f9 grande affiliato all'interno della nicchia principale in cui lavoro. Con esso non ho mai perso l'utilizzo di widget o una barra laterale per anni. <\/p>\n\n\n\n

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

Perch\u00e9 e come sono tornato a utilizzare una barra laterale?<\/h2>\n\n\n\n

Preoccupato per la velocit\u00e0 del sito, ho fatto del mio meglio per ridurre le richieste di pagine, anche utilizzando un layout super ultraleggero chiamato generapress<\/a><\/strong>. Cos\u00ec facendo ho finito per scegliere di sostituire il menu fisso con una barra laterale. <\/p>\n\n\n\n

Ovviamente, quella non era l'unica ragione, n\u00e9 una ragione praticabile, poich\u00e9 il punteggio di PageSpeed \u00e8 stato danneggiato dagli annunci di Google che inserisco sul sito. \u00c8 passato un po' di tempo da quando volevo mettere una barra laterale sul sito, ma volevo un'alternativa alla barra laterale standard. <\/p>\n\n\n\n

La barra laterale dei temi predefinita wordpress<\/strong> rimpicciolisce la casella contenente il testo dell'articolo. Questo mi ha infastidito molto, perch\u00e9 mi piaceva quella grande scatola che d\u00e0 l'impressione di un file di testo aperto in Word o Pages. <\/p>\n\n\n\n

Ho scoperto che alcuni temi utilizzavano un'intestazione e un menu laterale che permetteva il posizionamento dei widget, diventando una vera barra laterale che non interferisce con il layout del mio sito e attira l'attenzione per la sua posizione a sinistra. <\/p>\n\n\n\n

In GeneratePress Site Library c'erano 2 impostazioni che lasciavano il sito in quel modo. Dopo ore trascorse a configurare tutto correttamente in CSS, sono riuscito a rendere il tema del mio sito come volevo. <\/p>\n\n\n\n

Il pi\u00f9 grande vantaggio \u00e8 che il menu mobile mostra i widget, che la maggior parte delle volte vengono lanciati in fondo alla pagina sui dispositivi mobili. Anche se metti i Widget da visualizzare prima dell'articolo, occuperebbero un'enorme quantit\u00e0 di spazio. <\/p>\n\n\n\n

L'ampio menu mobile mi consente di presentare pi\u00f9 informazioni, annunci, moduli, collegamenti e menu prima che l'articolo venga visualizzato, solo se la persona sceglie di espandere il menu per curiosit\u00e0. Continuo anche a utilizzare l'acquisizione e-mail nel titolo dell'articolo.<\/p>\n\n\n\n

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

Difficolt\u00e0 di una barra laterale fissata sul lato <\/h2>\n\n\n\n

La difficolt\u00e0 pi\u00f9 grande di questo cambiamento \u00e8 la scelta dei colori e la creazione di un bellissimo designer. All'inizio i colori chiari che ho scelto facevano sembrare il mio sito come un sito HTML del 2003. Dopo molti cambiamenti sono arrivato ad un risultato soddisfacente. <\/p>\n\n\n\n

Usando questa barra laterale sono stato in grado di eliminare 3 componenti aggiuntivi dal tema GeneratePress salvando i miei processi WordPress. Un'altra cosa che all'inizio mi ha infastidito \u00e8 stato il modo in cui la pagina viene caricata con il plug-in della cache, forse noterai. <\/p>\n\n\n\n

Mi ci sono voluti giorni per configurare il CSS per rendere belli i selettori di categoria che ho usato. Lascia anche una barra di scorrimento personalizzata sulla barra laterale per rendere il designer pi\u00f9 moderno. Non sono ancora del tutto soddisfatto, con il tempo verranno apportate ulteriori modifiche. <\/p>\n\n\n\n

L'obiettivo \u00e8 semplice e chiaro, presentare la migliore esperienza utente possibile, monetizzare il sito nel miglior modo possibile, aumentare la velocit\u00e0 della pagina, aumentare il ranking del sito e acquisire pi\u00f9 lead. <\/p>\n","protected":false},"excerpt":{"rendered":"

Avrete notato che sui miei 3 siti ho modificato il menu che era in alto fissato da a<\/p>","protected":false},"author":1,"featured_media":1368,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"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\/it\/wp-json\/wp\/v2\/posts\/1356"}],"collection":[{"href":"https:\/\/kevinbk.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kevinbk.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/it\/wp-json\/wp\/v2\/comments?post=1356"}],"version-history":[{"count":0,"href":"https:\/\/kevinbk.com\/it\/wp-json\/wp\/v2\/posts\/1356\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/it\/wp-json\/wp\/v2\/media\/1368"}],"wp:attachment":[{"href":"https:\/\/kevinbk.com\/it\/wp-json\/wp\/v2\/media?parent=1356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kevinbk.com\/it\/wp-json\/wp\/v2\/categories?post=1356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}