Pubblicato il 14/03/14e aggiornato il

Creare un blog con una pagina statica come Home in Blogger.

Come realizzare un blog su piattaforma Blogger che abbia come homepage una pagina statica e in cui i post siano visibili in un link del menù.
Una domanda in un commento ha suscitato la mia curiosità come spesso mi accade. Mi si chiedeva come creare un blog che avesse una pagina statica come homepage con dei suoi contenuti fissi che non mostrasse i post e con un collegamento nel menù a una voce in cui i lettori potessero visualizzare tutti gli articoli pubblicati. Questa impostazione può essere utile quando la home page voglia essere una sorta di Pagina di Benvenuto o comunque una presentazione di una attività commerciale o artistica.
La recente modifica della scheda Pagine in Blogger rende le cose anche più semplici. Come prima cosa pubblichiamo una pagina statica che diventerà l'homepage del nostro sito. È importante scegliere subito il link mentre i contenuti possono essere aggiunti in un secondo tempo. Come test per questa personalizzazione ho usato il sito prova-32.blogspot.com.

CREARE LA PAGINA STATICA

Si va su Pagine > Nuova Pagina, si apre l'Editor, si digita il titolo e si va su Pubblica

nuova-pagina
Bisogna ricordarsi che il titolo della pagina sarà anche la parte finale del suo URL. Nel mio test ho creato la pagina statica con l'indirizzo seguente

prova-32.blogspot.com/p/welcome.html 
Il titolo della pagina potrà poi essere cambiato a piacere andando su Modifica. Di default in questa pagina sarebbero possibili i commenti. Visto che vogliamo rimanga statica anche di fatto, prima della pubblicazione bisogna andare in Opzioni e mettere la flag a Non consentire commenti dei lettori
commenti-pagina-statica

FARE IL REDIRECT DELLA HOME ALLA PAGINA

Ora dobbiamo creare un redirect permanente 302 per reindirizzare la homepage a questa pagina. Prendendo sempre ad esempio questo test si va su Impostazioni > Preferenze di ricerca > Errori e reindirizzamenti > Reindirizzamenti personalizzati > Modifica  
reindirizzamento-blogger
In Da si mette solo la slash / mentre in A si incolla la parte finale dell'URL della pagina statica, in questo caso /p/welcome.html. Si va su Salva, si mette la spunta su Permanente e si clicca su Salva Modifiche. (N.B Nello screenshot si vede No ma si dovrebbe visualizzare.). In questo modo quando si cliccherà sul titolo del blog saremo reindirizzati a questa pagina statica.




CREAZIONE DEL MENU DELLE PAGINE

Si accede a Layout > Aggiungi un gadget > Pagine e si setta il widget
widget-pagine-statiche
Su pagine da mostrare si toglie la spunta a Home Page e si mette alla pagina statica che abbiamo creato, nel mio test è Welcome. Si termina andando su Salva. Ora sempre su Layout si posiziona il gadget sotto alla intestazione in modo da visualizzare un menù orizzontale per il momento formato dal solo elemento Welcome di cui ho modificato il titolo in Home Page ora che non c'è più possibilità di equivoci.

AGGIUNGERE IL LINK PER I POST AL MENU

Su Blogger i post non si visualizzano tutti solo prendo l'URL della homepage ma anche accedendo tramite il browser ad altri due indirizzi. Nel test che ho fatto si tratta di

prova-32.blogspot.com/search

prova-32.blogspot.com/index.html



Potete controllare con un qualsiasi sito su Blogger anche su questo che aggiungendo una delle due parti finali in rosso si visualizzeranno tutti i post. Possiamo quindi prendere uno di questi due link per mostrare ai lettori tutti gli articoli pubblicati. Personalmente preferisco il secondo perché esteticamente più valido. Si va quindi su Layout > Pagine > Modifica e si apre il gadget del menù delle pagine
aggiungere-link-menù
Si clicca su Aggiungi pagina con link e si compila il modulo seguente
aggiungere-link-pagina-menu
dove nel Titolo pagina mettiamo Blog e in Indirizzo web (URL) incolliamo l'URL del nostro sito con l'aggiunta di /index.html . Si va su Salva link quindi su Salva. In questi casi è meglio usare sempre il dominio canonico .com al posto di quello localizzato .it. Il menù avrà quindi questa forma
menù-pagine-statiche
dove cliccando in Home page si accederà alla pagina statica che abbiamo settato come Home a andando su Blog si visualizzeranno tutti gli articoli del sito che abbiamo pubblicato

Nel test non ho inserito contenuti ma mi sono limitato a pubblicare due articoli con titoli di test ma se ne può settare ugualmente il funzionamento andando su Home page e su Blog. Cliccando sul titolo del blog sarà come andare su Home Page. Questa pagina sarà statica e potrà essere editata con dei contenuti fissi di presentazione mentre nel link Blog si potrà accedere a tutti gli articoli pubblicati. Secondo dei test che sono stati effettuati non ci sono assolutamente problemi di indicizzazione. Per i post è naturale visto che mantengono la struttura del loro URL ma la stessa cosa accade anche per la Home del sito.

Aggiornamento: Per risolvere il loop di reindirizzamento che si crea quando si apra il blog con dispositivo mobile leggere il post che ho dedicato alla soluzione del redirect per Blogger Mobile




55 commenti :

  1. ciao Ernesto volevo chiederti una cosa che non riguarda questa tematica.. tutto ad un tratto non mi si vede niente sul deskop.... mi compare una schermata vuota ma se faccio il percorso da risorse del computer e poi clicco deskop mi compaiono tutti i documenti, ora mi chiedevo come è possibile questo?? quando apro il computer non mi compare niente è un virus o un impostazione regolata male, eventualmente posso ripristinare qualcosa senza toccare i documenti?? ho provato a ripristinare il sistema ma niente spero potrai aiutrmi.. graziee

    RispondiElimina
    Risposte
    1. Non sono particolarmente esperto di queste cose, mi spiace

      Elimina
  2. ma se io, ad esempio, metto sul mio biglietto da visita il nome del mio blog e lo do a un cliente, un fan....con l intenzione di farlo arrivare a vedere il mio negozio. la mia arte....non posso mettere ivabellimni.blogspot.it ma ivabellini.blogspot.it/p/welcome.html non mi sembra bello e ne comodo da ricordare!

    RispondiElimina
    Risposte
    1. Se mi fai questa domanda vuol dire che non mi sono spiegato bene. Relativamente al blog di test che ho creato, prova a incollare nel browser questi indirizzi
      http://prova-32.blogspot.it
      http://prova-32.blogspot.com
      e vedrai che le cose ti saranno più chiare
      @#

      Elimina
    2. adesso ho visto il reindirizzamento, ok! Non capivo perchè sono andato direttamente alla demo ;)
      molto utile allora....in futuro potrebbe tornami utile! Mi rifarò vivo per farti vedere il risultato allora!

      Elimina
  3. molto interessate; affronta e risolve la necessità di coloro che vogliono una pagina statica iniziale;
    grazie, Valter

    RispondiElimina
  4. Ciao Ernesto, era una vita che volevo fare una pagina statica di benvenuto nella mia home e tu finalmente hai soddisfatto la mia curiosità!
    Una sola domanda: sai dirmi se l'indicizzazione del blog cambia in questo modo?

    RispondiElimina
    Risposte
    1. L'indicizzazione dei post non cambia assolutamente né per i post né per la Homepage; l'unica differenza sarà che la home indicizzata sarà la pagina di benvenuto visto che c'è il redirect
      @#

      Elimina
  5. Io ti faccio una piccola domanda di grafica.. nel blog prova che hai creato ci sono i pallini grigi intorno alla scritta "home page" come hai fatto a metterli? grazie..

    RispondiElimina
    Risposte
    1. Pallini? Che browser stai usando? Comunque tutto quello che c'è è perché è nel template
      @#

      Elimina
  6. scusa Ernesto a cosa serve una pagina statica come benvenuto? non è uguale ad una pagine home?quali sono le differenze? grazie

    RispondiElimina
    Risposte
    1. La pagina di benvenuto è statica di nome e di fatto nel senso che rimane la stessa mentre con l'impostazione normale la home cambia di continuo mostrando gli ultimi post. Serve per chi abbia l'esigenza di mostrare sempre gli stessi contenuti di benvenuto a prescindere dai post che comunque possono essere visualizzati andando appunto sul link Blog
      @#

      Elimina
  7. Ho Capito. Oramai seguo il tuo blog da anni e non ti nascondo che nel mio sito c'è tanto di tuo, dopo 3 anni che lo curo potresti darmi un tuo parere? anche graficamente. grazie

    RispondiElimina
  8. Questo commento è stato eliminato dall'autore.

    RispondiElimina
  9. Ciao Ernesto complimeti come sempre sei molto chiaro ho già creato tutto ciò che hai spiegato con cura ed è andato tutto ok. Ma è possible adesso mettere i widget nella sezione blog che non appaiano anche nella pagina statica che io ho comunque chiamato home?Grazie Lisa

    RispondiElimina
    Risposte
    1. In ciascuna pagina puoi scegliere che widget visualizzare e quali non visualizzare. Leggiti questo post
      http://www.ideepercomputeredinternet.com/2013/03/tag-condizionali-blogger.html
      Ricordati di usare il dominio canonico .it e come URL usa quello della pagina di arrivo (landing page). L'uso dei tag condizionali per i widget è circa a metà pagina
      @#

      Elimina
    2. Grazie sei gentilissimo come sempre!

      Elimina
    3. Errata Corrige riguardo al commento 9.a. Il dominio da usare è quello canonico .com e non quello localizzato .it
      @#

      Elimina
    4. Ciao Erneto è andato tutto perfettamente ho deciso di far apparire i widget solo nel blog e in nessuna pagina statica. Un ultima cosa i widget sono non visibili in quelle pagine ma resta comunque il loro spazio occupato cioè se scrivo un testo o pubblico una foto in una pagina arriva fino al margine in cui dovrebbe partire il widget ed esteticamete non è il massimo. Esiste una magia per modificare la misura e riportare la pagina alla dimensione intera come se non ci fosse mai stato un widget?Grazie e Buon fine settima Lisa

      Elimina
    5. I tag condizionali talvolta provocano inestetismi. Seguimi i prossimi giorni, ci potrei scrivere un post che penso potrebbe interessare anche altri
      @#

      Elimina
  10. Ciao Ernesto,
    ho seguito il tuo consiglio ed è andato tutto bene in un primo momento. Poi mi sono andato su una cosa.
    Nel tablet (ipad) e nell'Iphone l'indirizzo originario non fa il redirect.
    Cioè appare una pagina bianca con scritto "Safari non può aprire la pagina perché ci sono troppi reindirizzamenti".
    PS: Preciso che nel primo reindirizzamento per sbaglio nelle impostazioni ho salvatoun altro indirizzo che subito dopo ho corretto e risalvato giusto.
    Dipende da questo mio errore? Sia in questo caso che nel caso più generale è un problema per quegli utenti del proprio blog che ti seguono in via "mobile". Ti prego ... rispondimi se puoi... ho paura di essermi rovinato il mio sito.
    PS2: Nel caso, posso ripristinare la situazione originaria o peggioro ulteriormente le cose?
    Grazie ancora in anticipo.

    RispondiElimina
  11. Non ho testato con Safari quindi non ti so dire però puoi tranquillamente ritornare alla configurazione iniziale eliminando i redirect
    @#

    RispondiElimina
    Risposte
    1. Grazie Ernesto. Però preciso che il problema non è Safari, perché con il Mac non ho problemi (dove uso sempre Safari).
      Il problema si ha con i DISPOSITIVI MOBILI.
      Nel mio caso Ipad e Iphone. Non ho provato sui Samsung.
      A meno che il problema non sia Ios (il sistema operativo Apple).
      In ogni caso è un problema per chi opera in mobilità.
      Grazie ancora.

      Elimina
    2. Può darsi che sia come dici
      @#

      Elimina
    3. Confermo. Non dipende neanche dal sistema operativo ma solo dal fatto che sia in mobilità o meno.
      Ho fatto la prova con un Galaxy Samsung S3 di un mio amico (sistema operativo Android) e manifesta lo stesso problema: non trova la pagina.
      Annullo il re-direct nelle impostazioni.
      Speriamo vada tutto bene.
      PS: ho provato anche con un altro mio sito meno importante: stesso risultato.
      Grazie ancora per i consigli.

      Elimina
    4. La cosa è più semplice di quanto possa sembrare. nel momento in cui si apre un sito di Blogger con un cellulare c'è un redirect automatico verso la sua versione mobile
      http://www.ideepercomputeredinternet.com/2013/10/blogger-versione-mobile-desktop-personalizzare-editor-html.html
      In sostanza un blog di URL
      nomeblog.blogspot.com viene rediretto a
      nomeblog.blogspot.com/?m=1
      e questo vale per tutte le pagine e i post.
      Il redirect imposto quindi non funziona. Sarà mia cura verificare come comportarsi in questi casi. A prima vista potrebbe bastare un altro redirect ma per essere sicuro dovrò verificare. A presto farò un nuovo post sul tema
      @#

      Elimina
  12. Scusa il ritardo. Grazie.
    Leggerò con grande interesse.

    RispondiElimina
  13. Ciao Ernesto scusami una domanda... ho creato questa pagina di benvenuto, ho tolto la sidebar di dx ma ora però vorrei capire come posso togliere o cambiare la copertina con l'immagine, ne ho creata proprio ieri una nuova per il blog ma qui vorrei eliminarla... si può fare? non sono riuscita a trovare un tuo post a riguardo se c'è me lo puoi citare? grazie ( http://lemedichessediclo.blogspot.it/p/benvenuti.html )

    RispondiElimina
  14. @# Incolla questo codice

    <b:if cond='data:blog.url == "http://lemedichessediclo.blogspot.it/p/benvenuti.html"'>
    <style>
    #header-inner {display:none !important}
    </style>
    </b:if>

    subito sopra alla riga </head>

    RispondiElimina
    Risposte
    1. niente, ho provato un paio di volte per sicurezza ma non la toglie :(

      Elimina
    2. Molto strano. Prova con questa sostituzione {display:none;} togliendo !important
      @#

      Elimina
    3. grazie ma niente da fare, nemmeno così

      Elimina
  15. forse dico una scemenza ma se provassi con il codice che hai messo su "nascondere elemento solo su pagine statiche"? http://www.ideepercomputeredinternet.com/2011/02/come-nascondere-un-widget-in-parti.html
    visto che l'immagine l'ho inserita nel widget che ha un ID Header1 combino guai se ci provo oppure
    è completamente inutile?

    RispondiElimina
    Risposte
    1. @# No no. Il sistema è proprio quello di escludere la visualizzazione con un tag condizionale. Non capisco perché non funzioni quello del mio commento precedente. Fai un ultima prova e sostituisci
      #header-inner {display:none !important}
      con
      #header-inner img {display:none !important;}
      Se non va prova escludendo tutto il widget come hai accennato

      Elimina
    2. ciao, dunque cerco di spiegare cosa ho fatto...le ho provate tutte e più volte, poi mi sono accorta che non avevo spuntato la casella nella lista delle pagine statiche, in quel modo usando il codice per nascondere l'header su tutte le pagine me lo ha fatto, per cui ho ritolto il codice, ripetuto gli altri che mi hai suggerito ma niente mi è tornato al punto di partenza (quindi togliendolo su tutte le pagine statiche lo fa, su una sola non me lo fa)

      Elimina
  16. Ciao Ernesto!
    Ho creato una pagina di benvenuto, che ovviamente mantiene la sidebar di destra del blog... è possibile, SOLO per la pagina di benvenuto, eliminare la sidebar?
    Grazie per la disponibilità.
    Stefania.

    RispondiElimina
    Risposte
    1. Sì. Si possono personalizzare tutte le pagine statiche togliendo sidebar e footer o anche solo una.
      http://www.ideepercomputeredinternet.com/2012/01/come-eliminare-le-sidebar-e.html
      http://www.ideepercomputeredinternet.com/2011/04/come-eliminare-le-sidebar-dalle-pagine.html
      @#

      Elimina
  17. Ciao, ho un piccolo problema: quando creo una nuova pagina statica con Blogger, e inserisco il titolo alla stessa, nel momento in cui poi la visualizzo noto che la parte finale dell'URL della pagina non corrisponde al titolo...esempio: il titolo della pagina è "prova"...la pagina viene creata con una parte finale dell'URL generica, tipo nomeblog.blogspot.it/p/blog-page oppure nomeblog.blogspot.it/p/blog-page_40 oppure nomeblog.blogspot.it/p/blog-page_69 , e così via.
    Sapresti dire da cosa deriva questa cosa? Grazie e complimenti per il sito

    RispondiElimina
    Risposte
    1. L'ho notato anche io. Si può provare a risolvere con questo sistema
      http://www.ideepercomputeredinternet.com/2013/03/personalizzare-url-pagine-blogger.html
      @#

      Elimina
  18. Ciao ho un problema, il tuo post è perfetto la miglior guida sul web,ho una domanda da farti,dopo che ho creato la pagina statica come faccio ad aggiungere gaget al interno della pagina statica tipo voglio inserire un menu categoria sulla destra con ultimi articoli contatto ecc.e sulla barra in alto la categoria vini e un uva che clikky e ti rimanda alla pagina con relativi post.grazie mille.

    RispondiElimina
    Risposte
    1. I gadget (widget) presenti nella sidebar, nel footer o in qualsiasi altro posto del layout sono comuni alla pagina statica e alla home del blog. Puoi decidere di mostrare un widget solo nella pagina statica o solo nella home utilizzando i tag condizionali. Leggi questo post
      http://www.ideepercomputeredinternet.com/2013/03/tag-condizionali-blogger.html
      specie nella sezione
      COME USARE I TAG CONDIZIONALI NEI WIDGET
      @#

      Elimina
  19. Ciao Ernesto... Volevo domandarti se, sia a livello seo che per professionalità' di un sito, sia meglio creare un pagina statica come home e il collegamento ai posts tramite index, o creare un dominio con sottodominio, es. miosito.it e blog.miosito.it.
    Non avendo blogger possibilità di creare sottocartelle, mi è stato detto che la seo ne risente... è vera questa cosa? Se così fosse sarebbe meglio creare una home statica... Ma io trovo che sia un po' 'antiestetica' e poco professionale (nonostante il redirect)... Tu che dici?
    È sempre un piacere leggerti!

    RispondiElimina
    Risposte
    1. Su Blogger si possono creare anche dei sottodomini (se si possiede un dominio personalizzato)
      http://www.ideepercomputeredinternet.com/2012/06/creare-dei-sottodomini-di-un-dominio.html
      http://www.ideepercomputeredinternet.com/2012/06/come-creare-un-network-di-blog-su.html
      Per quello che riguarda il SEO nessuno sa in realtà niente di certo. Ti posso però linkare un post in cui Matt Cutts uno degli ingegneri di punta di Google spiega come non ci siano differenze SEO tra sottocartelle e sottodomini (in Wordrpess e quindi ovunque)
      http://www.ideepercomputeredinternet.com/2015/04/wordpress-sottocartella-sottodominio-installare-tophost.html
      @#

      Elimina
    2. grazie mille per le dritte,ho una domanda da farti,ho seguito tutti i passaggi,ora vorrei aggiungere dei gaget che si vedono nella pagina blog,se eseguo la procedura normale mi appaiono nella pagina blog?,esempio voglio che nella mia pagina blog ci siano delle categorie tipo fondotinta,quest'ultimo mi appare in blog?insomma la pagina blog funzona come una ormale pagina?grazie mille

      Elimina
    3. Leggi il commento 18.a in cui c'è l'URL dei tag condizionali. Li puoi applicare anche alla pagina del blog ricordandoti che la pagina del blog ha come URL quello che hai impostato nel redirect per esempio
      nomeblog.blogspot.com/index.html
      e un discorso analogo vale per la pagina statica impostata come landing page
      @#

      Elimina
    4. ciaoscusa non sono pratica ti chiedo un favore,se per esempio scrivo un articolo e metto il codice tipo questo
      l'articolo viene visualizzato solo nella pagina blog e non statica??

      Elimina
    5. Ovvio. Comunque ti puoi togliere il dubbio pubblicando un post di test per poi toglierlo subito :)
      @#

      Elimina
    6. L'articolo viene visualizzato nella pagina del blog senza mettere nessun codice. I codici servono solo per i widget
      @#

      Elimina
    7. ok,quindi se metto il codice ricerca mi appare il widget ricerca?

      Elimina
    8. Non capisco che cosa intendi. Guarda la demo. Se metti un codice funzionante certo che ti appare
      @#

      Elimina
  20. Salve Ernesto, ho seguito tutte le istruzioni del post e sono finalmente riuscito con grande soddisfazione a crearmi una home page statica, aggiungendo inoltre la voce “Blog” al menù. Tutto fila liscio con il reindirizzamento alla Home di benvenuto, ma è un vero peccato che il banner dei cookie di google si riproponga nuovamente (ovviamente dopo aver dato l'ok la prima volta..) quando poi viene cliccata la voce “Blog”. È un problema risolvibile lasciando immutato il reindirizzamento alla home oppure mi toccherà riportare come home page la classica pagina del blog? Saluti da parte mia e buona serata. :)

    RispondiElimina
    Risposte
    1. No. Il banner dovrebbe sparire. Delle volte si ripropone anche in altri siti ma non dovrebbe dipendere da questa personalizzazione
      @#

      Elimina
    2. Ok, ho fatto altri tentativi ma niente da fare, in fondo è un piccolo inconveniente iniziale, ma comunque piuttosto fastidioso. La scelta è tra: lasciare le cose così, impostare il blog come normale pagina d'arrivo (ma volevo evitare questo) o come ultima ipotesi eliminare il link al blog (già provato, e non è male come ipotesi) e lasciare solo le pagine statiche. Nel mio caso forse potrebbe andare anche bene quest'ultima scelta. Grazie comunque per la disponibilità e buona serata :))

      Elimina
  21. sei un genio!!!! tra le decine di siti che ho consultato sei stato l'unico a farmi capire come risolvere quel piccolo dettaglio del mio blog! Grazie mille

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.