Come creare un sito Web di una pagina con qualsiasi tema WordPress

Riceviamo molte domande su come creare un sito Web di una pagina o se vendiamo temi WordPress di una pagina. Permettetemi di rispondere a entrambe queste domande proprio all'inizio. Ogni tema WordPress può essere un sito Web di una pagina e ti mostrerò quanto è semplice.

Che cos'è un sito Web di una pagina?

Il sito Web di una pagina non è altro che un sito Web con tutti i contenuti essenziali su un'unica pagina, di solito la home page.

Viene utilizzato principalmente dalle aziende che vogliono promuovere un singolo prodotto o servizio in modo chiaro e diretto . Alcuni esempi sono la presentazione di un portfolio ai tuoi clienti, l'organizzazione di un evento o l'avvio di una nuova attività.

Quando ci si trova su un sito Web a una pagina, un clic sui collegamenti di navigazione non ti invierà a una nuova pagina ma salterà o scorrerà verso il basso nella stessa pagina fino alla sezione del contenuto collegata al collegamento. Ciò può migliorare l'esperienza dell'utente e aumentare il coinvolgimento dell'utente.

Ci sono molti temi WordPress a una pagina disponibili online ma, come ho già detto, possiamo trasformare qualsiasi tema in un pager con solo un po' di lavoro.

Come creare un sito Web di una pagina con WordPress?

Collegamenti di ancoraggio

Per un sito Web di base di una pagina, tutto ciò di cui abbiamo bisogno è un menu , contenuto e collegamenti di ancoraggio . Credo che sappiate tutti cosa fanno i menu e i contenuti, quindi parliamo un po' dei link di ancoraggio. I collegamenti di ancoraggio sono costituiti da un collegamento normale, che punta all'ancora e all'ancora stessa. I collegamenti che puntano all'ancora sono collegamenti normali, che iniziano con il carattere # . E l'ancora stessa è un posto specifico da qualche parte nella tua pagina. Diamo un'occhiata a un semplice esempio.

Questo è il nostro link nel menu che punta all'ancora:

 <a href="#middle">Go to the middle</a>

E questo è il nostro contenuto con l'ancora stessa:

 <h1>Learning about anchor links</h1> <p> Some lorem ipsum content ….</p> <h2>Middle of the page</h2> <p> Some lorem ipsum content ….</p>

In questo caso, #middle è il nostro link di ancoraggio e id=”middle” è il nostro ancoraggio. Quando facciamo clic sul collegamento "Vai al centro" salteremo alla nostra ancora con il titolo "Mezzo pagina". Questo è tutto! Questo è il modo in cui possiamo creare il sito Web di una pagina più semplice. Puoi aggiungere tutte le ancore che vuoi sul tuo sito web. Prendiamo le nostre nuove conoscenze acquisite e usiamole su un sito WordPress.

Crea collegamenti di ancoraggio con il menu di WordPress

Proprio per questo scopo, ho già realizzato un semplice sito Web di una pagina con il nostro tema GrowthPress, che sarà il nostro esempio pratico. In primo luogo, ho creato una nuova pagina e aggiunto alcuni contenuti. Il contenuto è costituito solo da alcuni paragrafi e titoli. Possiamo aggiungere ancoraggi su quasi tutti gli elementi HTML, ma nel nostro caso lo aggiungeremo a tutti i titoli nel contenuto.

Puoi vedere dallo screenshot che per modificare l'HTML del contenuto, dovremo cambiare l'editor da Visual a Text. Ora possiamo vedere tutti i tag HTML nel nostro contenuto. Nel nostro caso, tutti i titoli usano il tag <h2> e li useremo per aggiungere ancoraggi. Proprio come nello screenshot sopra, dovrai aggiungere l'ID con l'ancora su quei tag. Ad esempio: <h2 id=”our-anchor”>Some Title</h2> . Nota che gli anchor vengono scritti senza # , ma tutti i link di ancoraggio devono iniziare con # . Una volta aggiunti tutti gli anchor nel nostro contenuto, possiamo collegarli con i link di ancoraggio.

Se hai familiarità con WordPress, saprai che possiamo cambiare i collegamenti ai menu in wp-admin -> Aspetto -> Menu ed è esattamente qui che creiamo i nostri collegamenti di ancoraggio.

Dallo screenshot, puoi vedere che ho selezionato collegamenti personalizzati e invece dell'URL classico, ho aggiunto il link di ancoraggio #about-us . Un clic su quel collegamento passerà ora al nostro anchor id=”about-us” nel contenuto. Una volta aggiunti tutti i link di ancoraggio, il nostro semplice sito Web di una pagina è terminato. Clicca sui link appena creati e guardalo tu stesso!

Scorrimento fluido

Sì, sono totalmente d'accordo, il sito Web di una pagina che abbiamo realizzato fino ad ora è fantastico, ma quei salti istantanei non sono fantastici come lo scorrimento fluido, giusto? Per ottenere uno scorrimento fluido, dovremo aggiungere un po' di codice javascript al nostro sito web.

La maggior parte dei temi premium ha una sorta di campo per l'aggiunta di codice personalizzato. Ad esempio, nei nostri temi puoi andare su wp-admin -> Personalizzatore -> Opzioni tema -> Codice personalizzato, dove troverai i campi che puoi utilizzare per aggiungere del codice personalizzato come faremo ora.

Se il tuo tema non ha uno spazio per il codice personalizzato, puoi utilizzare un plug-in adatto. Consiglierei il plug-in Inserisci intestazioni e piè di pagina di WPBeginner. Una volta attivato il plugin, troverai i campi per aggiungere codice personalizzato in wp-admin -> Impostazioni -> Inserisci intestazioni e piè di pagina.

Incolla il codice qui sotto in uno dei campi (ti consigliamo di utilizzare gli script nell'impostazione del piè di pagina) e ora hai uno scorrimento fluido sui tuoi link di ancoraggio. Congratulazioni! Hai appena creato un sito Web di una pagina con qualsiasi tema WordPress!

 <script> ( function( $ ) { $(document).on('click', 'a[href*="#"]:not([href="#"])', function(e) { if (location.pathname.replace(/^\//,'') === this.pathname.replace(/^\//,'') && location.hostname === this.hostname) { var hashStr = this.hash.slice(1); var target = $(this.hash); target = target.length ? target : $('[name=' + hashStr +']'); if (target.length) { $('html, body').animate({ scrollTop: target.offset().top }, 1000); window.location.hash = hashStr; return false; e.preventDefault(); } } }); }(jQuery)); </script>

Il codice sopra animerà l'effetto di scorrimento quando si fa clic su un collegamento di ancoraggio e aggiornerà anche l'URL del browser corrente per riflettere il collegamento di ancoraggio cliccato. Controlla il nostro risultato finale sul sito Web di una pagina finito.

Come impostare l'offset per uno scorrimento uniforme?

Nel caso in cui tu abbia corretto il menu permanente, ti consiglio di impostare anche l'offset, quindi l'inizio del contenuto inizia sotto il tuo menu permanente. Per ottenere ciò dovrai modificare questa riga di codice:

 $('html, body').animate({ scrollTop: target.offset().top}, 1000);

L'unica cosa che dobbiamo fare qui è aggiungere un valore al nostro offset. Dovrebbe essere almeno grande quanto l'altezza del tuo menu fisso fisso.

 $('html, body').animate({ scrollTop: target.offset().top - 180 }, 1000);

Con ciò, eviteremo un problema in cui l'inizio del tuo contenuto si nasconde dietro il menu.

Pro dei siti Web di una pagina

Ora che sai come creare un sito Web di una pagina, esaminiamo i vantaggi dell'utilizzo di un sito Web di una pagina.

I siti Web di una pagina offrono una migliore esperienza utente mobile

I siti Web di una pagina sono costituiti da un'unica pagina a scorrimento lungo, perfetta per la visualizzazione su dispositivi mobili. Pensa a Facebook e al suo feed di notizie. Non puoi fare a meno di continuare a scorrere più in basso nella tana del coniglio. Un sito Web di una pagina è progettato proprio per questo e lo scorrimento continuo si presta perfettamente ai dispositivi mobili.

Data la quantità limitata di spazio sullo schermo sui dispositivi mobili, è molto più facile continuare a scorrere verso il basso piuttosto che capire dove si nasconde il menu e quindi fare clic sul collegamento corretto per accedere alla pagina successiva del tuo sito web. In altre parole, un sito Web di una pagina fornirà un'esperienza utente eccezionale a chiunque visiti il ​​tuo sito Web sul proprio dispositivo mobile.

I siti Web di una pagina richiedono meno testo

Un sito Web tradizionale a più pagine richiede molto testo in modo che non sembri troppo vuoto o, peggio, incompiuto. Confrontalo con i siti Web di una pagina che sembreranno disordinati e travolgenti se hai troppi contenuti. Pertanto, ti consigliamo di ridurre al minimo la tua copia e utilizzare frasi e paragrafi brevi per trasmettere le informazioni più importanti.

Un altro vantaggio di questo approccio è il fatto che scrivere una copia può essere una delle attività più scoraggianti associate all'avvio di un sito web. Un sito Web di una pagina potrebbe essere un'ottima scelta se non hai la copia del tuo sito Web completamente rimpolpata.

I siti Web di una pagina funzionano bene con le immagini

Le immagini possono fare miracoli per qualsiasi tipo di sito Web, inclusi i siti Web di una pagina. In effetti, quando utilizzi immagini abbinate all'effetto di parallasse, puoi produrre un effetto visivamente accattivante sul tuo sito web.

Anche se decidi di non utilizzare l'effetto di parallasse, puoi comunque utilizzare le immagini in modo efficace su un sito Web di una pagina. Puoi usarli per differenziare tra diverse sezioni, per non parlare della condivisione di gallerie fotografiche o immagini di portfolio.

Puoi anche sfruttare le immagini per migliorare la SEO del tuo sito web poiché le immagini tendono ad apparire nei risultati dei motori di ricerca se ottimizzate correttamente. Pertanto, assicurati di aggiungere un nome alle tue immagini utilizzando titoli descrittivi e aggiungere tag alt a ciascuna immagine che aggiungi al tuo sito.

I siti Web di una pagina possono aumentare il coinvolgimento e le conversioni degli utenti

Secondo uno studio, un sito Web di una pagina può portare a conversioni più elevate rispetto alla sua controparte multipagina. Il motivo è semplice: un sito Web di una pagina è solitamente molto mirato e progettato per indurre i visitatori ad agire.

Ha un messaggio più mirato ed è più facile capire per i tuoi visitatori cosa vuoi che facciano quando raggiungono la fine della pagina.

Quando hai solo una scelta, è facile fare clic su quel pulsante o un invito all'azione piuttosto che andare da una pagina all'altra chiedendoti cosa dovresti fare dopo.

I siti Web di una pagina sono più facili da navigare

Vale anche la pena ricordare che i siti Web di una pagina sono più facili da navigare. Dal momento che tutto è in una pagina, è molto difficile perdersi e ritrovare la strada per tornare all'inizio, soprattutto sui dispositivi mobili.

Sebbene tu possa utilizzare i link di ancoraggio per passare a diverse sezioni della pagina (come mostrato in questo articolo), è altrettanto facile scorrere indietro o in basso e trovare la sezione che desideri.

Inoltre, un sito Web di una pagina ben progettato guida il visitatore in un viaggio che racconta la storia della tua attività o del tuo marchio in modo logico.

I siti Web di una pagina semplificano il targeting di un pubblico specifico

Come accennato in precedenza, i siti Web a pagina singola sono progettati per indurre i visitatori ad agire. Puoi usarlo a tuo vantaggio e rivolgerti a un pubblico molto specifico pronto a fare il passo successivo. Guidandoli attraverso le diverse sezioni del tuo sito web, puoi presentare il tuo prodotto o servizio, mostrare loro come risolve il loro problema e offrire loro la soluzione sotto forma di un invito all'azione.

Questo approccio funziona alla grande quando stai prendendo di mira una parola chiave o un pubblico molto specifico che sa già di avere un problema particolare e sta cercando la soluzione.

Contro dell'utilizzo di un sito Web di una pagina

Con i professionisti fuori mano, diamo un'occhiata ad alcuni degli svantaggi dell'utilizzo di un sito Web di una pagina.

Sarà più difficile analizzare i dati di Google Analytics

Ormai, probabilmente sai che Google Analytics può darti un sacco di informazioni utili sui visitatori del tuo sito web. Una volta installato sul tuo sito, puoi vedere quali pagine sono popolari, quali post stanno portando nuovi visitatori e quali pagine devono essere ottimizzate per far sì che le persone rimangano più a lungo sul tuo sito.

Con un sito Web di una pagina, sei limitato a una sola pagina. I tuoi visitatori atterrano sulla stessa pagina e scendono sulla stessa pagina, il che rende più difficile sapere quali parti del tuo sito web devono essere migliorate. Se decidi di seguire il percorso del sito Web di una pagina, assicurati di iscriverti a uno strumento come Hotjar per ottenere una mappa di calore visiva di come le persone utilizzano il tuo sito Web.

Condividere il tuo sito web sui social media è più complicato

Con un sito Web di una pagina, hai solo un URL da condividere sui social media. Questo può diventare rapidamente ripetitivo, per non parlare del fatto che non offre molte opportunità per inviare persone in diverse parti del tuo sito Web per trovare risposte ai loro problemi. Dopo aver condiviso l'URL principale, l'intero sito Web viene condiviso anziché una pagina o una sezione particolare, come si può fare con un sito Web multipagina.

Una soluzione semplice sarebbe incorporare un blog nel tuo sito Web in cui puoi condividere contenuti utili e utili che attireranno il tuo pubblico. Ciò semplifica la condivisione del tuo sito Web sui social media pur mantenendo la maggior parte delle informazioni condensate in una pagina .

Il caricamento di una pagina del sito Web potrebbe richiedere più tempo

A seconda delle dimensioni del tuo sito Web di una pagina e del tipo di contenuto che condividi, tieni presente che il caricamento del tuo sito Web potrebbe richiedere più tempo.

In generale, i siti Web di una pagina tendono ad essere piuttosto leggeri, tuttavia se hai molte immagini che non sono ottimizzate per il Web, riscontrerai tempi di caricamento lenti. Lo stesso vale se hai molti contenuti video sul tuo sito.

Pertanto, è importante salvare le tue immagini nel formato appropriato e comprimerne le dimensioni prima di aggiungerle al tuo sito. Un'altra cosa da considerare è l'utilizzo del caricamento lento per immagini e video per caricarli quando l'utente scorre fino a quella particolare sezione del tuo sito invece di caricarli immediatamente.

Sei limitato con il targeting per parole chiave

Un sito Web di una pagina non ti fornirà molte opportunità per il targeting di più parole chiave. Con un sito web multipagina, puoi avere una pagina separata per ogni parola chiave che stai cercando di scegliere come target. Un sito Web di una pagina non funziona allo stesso modo.

I siti Web di una pagina, come menzionato nella sezione dei professionisti, sono progettati con uno scopo e un pubblico specifici in mente. Ciò di solito si traduce nel targeting di una parola chiave specifica e delle sue varianti, il che significa che è meglio creare un sito Web multipagina se è necessario scegliere come target parole chiave multiple e distinte.

Anche se non esiste una regola che dice che non puoi incorporare più di una parola chiave distinta per pagina, non sarai in grado di ottimizzare adeguatamente la tua pagina, soprattutto se prendi in considerazione che la copia leggera funziona meglio con i siti Web di una pagina.

Non puoi usare tattiche SEO avanzate

Parlando di SEO, un sito Web di una pagina non ti consente di utilizzare tattiche SEO avanzate note come siloing. Il siloing si riferisce alla pratica di strutturare il tuo sito Web in aree di interesse principali in modo da poter dimostrare la tua autorità in tali aree. In parole povere, è la pratica di creare categorie e sottocategorie per organizzare i tuoi contenuti.

Il principale vantaggio del siloing è che apre possibilità di posizionamento per una moltitudine di parole chiave e frasi chiave che coprono quasi tutte le domande che un visitatore interessato potrebbe avere, oltre a coprire tutte le possibili obiezioni.

Mentre i siti Web a più pagine eccellono in questo, i siti Web a una pagina diventerebbero rapidamente troppo opprimenti e disordinati, lasciando il tuo pubblico frustrato.

I siti Web di una pagina possono non fornire dettagli

Infine, a causa di testi e messaggi brevi e concisi, i siti Web di una pagina potrebbero non fornire ai visitatori tutti i dettagli necessari. Questo può quindi portare a un aumento del numero di e-mail che chiedono chiarimenti o lasciano confusi i tuoi visitatori.

Puoi superare questo problema aggiungendo un blog al tuo sito Web di una pagina e fornendo ai visitatori contenuti più approfonditi e rispondendo alle domande man mano che si presentano.

Dovresti utilizzare un sito Web di una pagina?

Come puoi vedere, ci sono sicuramente vantaggi e svantaggi nell'utilizzo di un sito Web di una pagina. Quindi, come fai a sapere se un sito Web di una pagina è la scelta giusta per la tua attività?

Se hai appena iniziato con la tua attività e generi molti affari attraverso il passaparola, un sito Web di una pagina ti consente di mettere la tua attività online senza dedicare troppo tempo alla progettazione e allo sviluppo.

Se, invece, desideri concentrarti sull'ottenere più traffico organico concentrandoti sulla SEO e se stai espandendo le tue operazioni commerciali, allora un sito web multipagina sarebbe più adatto a te.

Alla fine, è una questione di preferenze personali e dei tuoi obiettivi aziendali. Valuta a che punto sei con la tua attività e prendi nota di ciò che stai cercando di realizzare. Quindi, considera i pro e i contro sopra menzionati prima di prendere la decisione finale.

Conclusione

Riceviamo davvero molte domande, chiedendo se abbiamo una sorta di temi di una pagina e credo che la situazione sia la stessa con altri autori di temi. Questo articolo dovrebbe chiarire che tutti i temi WordPress possono essere utilizzati anche come siti Web di una pagina e, se lo desideri, puoi cambiare il tuo sito Web corrente in un cercapersone in pochissimo tempo. Abbiamo anche trattato i pro ei contro dei siti Web di una pagina e condiviso come decidere se questa è la scelta giusta per il tuo sito Web.

Fammi sapere se l'articolo ti ha aiutato a capire meglio i siti Web di una pagina e lasciami un commento se hai ulteriori domande .