Ogni proprietario di sito web condivide un obiettivo comune: un sito incredibilmente veloce, sicuro e con un design veramente unico. L'utilizzo di una configurazione WordPress Headless è uno dei modi moderni per raggiungere questo obiettivo.
Questo metodo ti offre il meglio di entrambi i mondi. Il potente e familiare editor di contenuti di WordPress che usi oggi non va da nessuna parte.
Ciò che cambia è che i tuoi contenuti vengono distribuiti a un front-end completamente separato e personalizzato. Questo è ciò che conferisce al tuo sito la sua velocità e il suo aspetto unico.
Questa separazione può sbloccare un nuovo livello di prestazioni e libertà creativa per la tua presenza online. Aiuta il tuo sito web a distinguersi dalla massa.
Esploriamo insieme i pro e i contro. Il nostro obiettivo è aiutarti a sentirti sicuro riguardo al fatto che questo sia il percorso giusto per te.
Ecco una rapida panoramica degli argomenti che tratteremo in questa guida:
- Cos'è WordPress Headless?
- Come funziona WordPress Headless?
- Quali sono i vantaggi dell'utilizzo di WordPress Headless?
- Quali sono gli svantaggi di un sito web WordPress Headless?
- Dovresti usare un sito web WordPress Headless?
- Come creare un sito web WordPress Headless
- Domande frequenti su WordPress Headless
Cos'è WordPress Headless?
WordPress Headless è un termine per qualsiasi sito web che utilizza WordPress come software back-end per gestire dati e contenuti, ma utilizza tecnologie separate per visualizzare i dati sul front-end.
Il back-end è il termine usato per l'area amministrativa di un sito web. È qui che crei contenuti come post e pagine, installi plugin, gestisci commenti e altro ancora.
Il front-end è l'area pubblicamente visibile del tuo sito web.
Questo è ciò che gli utenti vedono quando visitano il tuo sito nei loro browser.
WordPress gestisce normalmente entrambi i componenti in un unico potente pacchetto software. Puoi semplicemente visualizzare il tuo sito web utilizzando qualsiasi tema WordPress.
Tuttavia, alcuni sviluppatori e proprietari di siti web potrebbero avere requisiti diversi e potrebbero aver bisogno di utilizzare altre tecnologie, come React.js, Angular.js, Faust.js e altre, per creare un front-end personalizzato per il loro sito web.
WordPress headless consente loro di utilizzare tali tecnologie pur continuando a utilizzare WordPress nel backend per una più facile gestione dei contenuti.
Come funziona WordPress Headless?
WordPress è dotato di un'area di amministrazione facile da usare dove crei contenuti e gestisci il tuo sito web. Include anche un motore di templating per visualizzare il front-end del tuo sito utilizzando i temi.
Per maggiori dettagli, consulta il nostro articolo su come funziona WordPress dietro le quinte.
WordPress include anche un'API chiamata WordPress REST API.
Questa API fornisce un'interfaccia di programmazione per gli sviluppatori per accedere ai dati del sito web WordPress in formato JSON.
Quando si crea un sito web WordPress headless, gli sviluppatori utilizzano la REST API per recuperare i dati da WordPress. Successivamente, possono utilizzarli nelle loro app o in altre tecnologie front-end come React.js, Angular.js, Faust.js e altro ancora per creare un sito web personalizzato.
Quali sono i vantaggi dell'utilizzo di WordPress Headless?
WordPress headless può essere vantaggioso in alcuni scenari specifici. Parleremo di alcuni dei vantaggi dell'utilizzo di WordPress headless in questi casi.
1. WordPress Headless Può Essere Più Veloce di un Sito Web WordPress Normale
Molti sviluppatori ritengono che WordPress headless possa essere utilizzato per creare un sito web WordPress molto più veloce.
Separando il front-end del sito utilizzando tecnologie come React.js, molti sviluppatori cercano di fornire codice più efficiente rispetto alla maggior parte dei temi WordPress.
Tuttavia, secondo la nostra esperienza, tecniche di ottimizzazione delle prestazioni di WordPress più semplici funzionano altrettanto bene quanto WordPress headless per la maggior parte dei siti web e casi d'uso di piccole imprese.
2. Integrare i dati di WordPress headless in altre app
Supponiamo che tu abbia un'app mobile e ora desideri integrare il tuo blog o un'altra sezione del tuo sito web WordPress in quell'app.
WordPress headless può aiutarti a portare i tuoi dati di WordPress in altre app e puoi utilizzare diverse tecnologie per creare un'esperienza utente senza interruzioni.
Allo stesso modo, se hai un sito web statico e hai bisogno di una sezione dinamica solo per una sezione specifica, come un blog, recensioni o un negozio online, WordPress headless può integrare i dati di WordPress nel tuo sito web statico.
3. Pubblicare su più piattaforme tramite WordPress headless
WordPress headless rende i tuoi dati di WordPress portatili in modo che tu possa portarli ovunque.
Puoi utilizzare i dati nelle tue campagne di marketing, pubblicare su piattaforme di social media, utilizzarli su dispositivi IoT come smart speaker, alimentare uno strumento di intelligenza artificiale, connetterti ad assistenti virtuali e altro ancora.
4. WordPress headless è molto più conveniente dei CMS headless proprietari
WordPress headless è molto più conveniente e potente delle soluzioni CMS proprietarie "enterprise" come Contentful, che ti costeranno facilmente decine di migliaia solo per l'hosting (senza contare i costi di sviluppo).
Quali sono gli svantaggi di un sito web WordPress Headless?
La creazione di un sito web WordPress headless potrebbe anche mettere il tuo sito web in determinati svantaggi. Diamo un'occhiata ad alcuni di essi.
1. WordPress headless è più costoso rispetto ai siti WordPress tradizionali
Dovrai assumere uno sviluppatore per creare un front-end personalizzato per il tuo sito web. Questo potrebbe facilmente costare decine di migliaia di dollari.
Se sei uno sviluppatore, spenderai tempo prezioso per creare un front-end personalizzato.
Anche se stai utilizzando un framework di sviluppo front-end, ci vorrà più tempo e impegno rispetto all'utilizzo di un tema WordPress pronto all'uso con una cache adeguata a livello di server/DNS.
2. Alcuni plugin di WordPress potrebbero non funzionare
I plugin sono come app per il tuo sito WordPress. Ti permettono di aggiungere nuove funzionalità ed estendere la funzionalità del tuo sito.
Un sito WordPress headless potrebbe non essere in grado di sfruttare alcuni dei plugin di WordPress.
Ad esempio, i dati di alcuni plugin di WordPress potrebbero non essere accessibili tramite la REST API, o le funzionalità dei plugin potrebbero richiedere un tema WordPress per funzionare correttamente.
Detto questo, i plugin WordPress popolari come AIOSEO hanno un'estensione REST API che ti consente di creare siti WordPress headless ottimizzati per la SEO.
3. Mal di testa per la manutenzione
In sostanza, utilizzerai piattaforme separate per il front-end e il back-end del tuo sito, e dovrai mantenerle entrambe separatamente.
Occasionalmente, le cose potrebbero rompersi da un lato o dall'altro. Dovrai fare affidamento sugli sviluppatori per risolvere questi problemi, o passerai il tuo prezioso tempo a risolverli.
La complessità aggiuntiva renderà le cose più difficili man mano che la tua attività cresce.
Dovresti usare un sito web WordPress Headless?
A nostro parere, la maggior parte degli utenti WordPress non ha bisogno di utilizzare un sito WordPress headless o altri tipi di framework headless.
È costoso, inutilmente complicato e non adatto alla stragrande maggioranza dei proprietari di siti web, blogger, piccole imprese o negozi online.
Ad esempio, se la velocità e le prestazioni sono le tue principali preoccupazioni, il tuo sito WordPress esistente può superare facilmente qualsiasi sito WordPress headless.
Tutti i migliori plugin di caching per WordPress includono cache di pagina, precaricamento della cache, cache di oggetti e funzionalità di compressione gzip.
L'attivazione di queste funzionalità può aumentare significativamente la velocità del tuo sito web senza dover assumere sviluppatori.
Combina questo con una potente CDN e un firewall per applicazioni web come Cloudflare o Sucuri, e il tuo sito web sarà ancora più veloce.
Vedi il case study di come abbiamo reso WPBeginner più veloce dei siti headless.
Per quanto riguarda le integrazioni, ci sono oltre 59.000 plugin WordPress che offrono integrazioni con quasi tutte le piattaforme di terze parti disponibili.
Esistono persino strumenti come Uncanny Automator che consentono integrazioni con siti WordPress e strumenti di terze parti tramite Zapier.
Se hai bisogno di un'integrazione non disponibile tramite un plugin WordPress esistente, allora dovresti forse assumere uno sviluppatore per scrivere un plugin personalizzato.
Questo costerà molto meno, e puoi persino guadagnare online vendendolo come download digitale ad altri utenti WordPress.
Chi dovrebbe usare WordPress Headless?
Riteniamo che WordPress headless debba essere utilizzato solo in scenari molto specifici.
Innanzitutto, devi valutare se esiste una reale necessità di un CMS headless.
Ad esempio, un'azienda che ha creato un sito web o un'app personalizzata. Potrebbero aver bisogno di WordPress per funzionalità di gestione dei contenuti più semplici, e in questo scenario ha senso utilizzare WordPress headless.
In secondo luogo, dovresti avere il budget per assumere e mantenere sviluppatori o possedere le competenze necessarie per mantenere un CMS headless.
Ricorda, un CMS WordPress headless viene utilizzato per creare una nuova app personalizzata, o una che utilizza WordPress per una più facile creazione e gestione dei contenuti.
Cosa guardare con attenzione con WordPress headless
Come proprietario di un'attività non tecnica, a volte è difficile sapere se hai veramente bisogno di WordPress headless.
Alcuni sviluppatori e agenzie WordPress cercheranno di proporti siti web headless, e devi sapere in cosa ti stai cacciando. Ricorda che il loro incentivo è farti pagare di più.
Se l'unica ragione per cui propongono WordPress headless è la velocità o la SEO, devi chiedere loro cosa hanno già fatto per ottimizzare la velocità del tuo sito web e quanto impatto potrebbe avere il passaggio a WordPress headless. Se non ottieni una risposta concreta, dovresti cercare una seconda opinione.
Ti sorprenderà scoprire che per la stragrande maggioranza dei siti web, i miglioramenti sono trascurabili, ma il costo per sviluppare e mantenere siti web WordPress headless è molto più elevato.
Qualunque cosa tu faccia, non lasciare che nessuno ti convinca a passare da WordPress a qualcosa come Contentful. Sarai molto deluso.
Abbiamo sentito numerosi proprietari di attività passare solo per rendersi conto dell'errore commesso e poi tornare a WordPress.
Detto questo, se sei convinto al 100% di aver bisogno di un sito web WordPress headless, allora di seguito trovi una rapida guida passo passo.
Come creare un sito web WordPress Headless
A seconda degli strumenti che vuoi utilizzare per il front-end, ci sono molti modi per creare un sito web WordPress headless.
Per questo tutorial, ti mostreremo come creare un sito web WordPress headless utilizzando solo le pagine statiche generate da WordPress. Questo NON è il modo più flessibile per creare un sito web WordPress headless, ma è il modo più semplice per i principianti.
Innanzitutto, devi creare un sito web WordPress che vuoi utilizzare come tuo CMS headless.
Questo deve essere un sito web live sul proprio nome di dominio e account di hosting web.
Consigliamo SiteGround. Sono una delle società di hosting WordPress più veloci e un provider ufficialmente raccomandato .
I server di SiteGround sono alimentati da Google Cloud, che dispone di molti strumenti di ottimizzazione delle prestazioni integrati.
In alternativa, se puoi dedicare un po' più di tempo, dai un'occhiata a WP Engine. Il loro piano Atlas è pensato per grandi siti web WordPress headless ed è rivolto agli sviluppatori.
Atlas include un account sandbox gratuito, contenuti personalizzabili modulari, blueprint preconfigurati per velocizzare il tuo flusso di lavoro e un'integrazione più profonda con il plugin WPGraphQL.
Puoi anche creare un sito web WordPress locale sul tuo computer.
Dopodiché, puoi iniziare a lavorare sul tuo sito web aggiungendo post e pagine. Puoi anche scegliere un tema WordPress e personalizzarlo.
Una volta che il tuo sito web è pronto, devi installare e attivare il plugin Simply Static. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin WordPress.
Dopo l'attivazione, devi visitare la pagina Simply Static » Impostazioni per configurare il plugin.
Da qui, puoi scegliere il percorso URL che desideri utilizzare nei tuoi file statici.
Ad esempio, se conosci l'URL o il nome di dominio dove ospiterai i tuoi file statici, puoi fornire quell'URL nel campo 'URL assoluti'.
Se non sei sicuro, puoi utilizzare l'opzione 'URL relativi'.
Successivamente, passa alla scheda 'Includi/Escludi'. Da qui, puoi aggiungere pagine aggiuntive da includere o escludere.
Puoi anche utilizzare espressioni regex per escludere URL che corrispondono a un modello specifico.
Non dimenticare di fare clic sul pulsante 'Salva Modifiche' per memorizzare le tue impostazioni.
Ora sei pronto per generare i file statici per il tuo sito web headless. Vai semplicemente alla pagina Simply Static » Genera e fai clic sul pulsante 'Genera file statici'.
Il plugin inizierà quindi a scansionare il tuo sito web e a memorizzare i file statici in una cartella temporanea. Potrebbe volerci un po' di tempo a seconda del numero di pagine del tuo sito web.
Una volta terminato, vedrai una notifica di successo con un link per scaricare i file sul tuo computer in formato archivio zip.
Dopo aver scaricato il file zip, dovrai estrarlo.
Ora sei pronto per caricare i file estratti sul tuo sito web o sul server dove desideri ospitare il tuo sito web headless.
Puoi connetterti al tuo sito web usando un client FTP o l'app file manager nel pannello di controllo dell'hosting.
Una volta connesso, carica i file statici estratti che hai scaricato in precedenza sul tuo sito web.
Dopodiché, puoi visitare il tuo sito web statico per vederlo in azione.
Nota: Per aggiornare il tuo sito web statico, dovrai creare nuovi contenuti nella tua installazione di WordPress e quindi ripetere l'intero processo per sostituire i file statici serviti ai tuoi utenti.
È importante notare che questo non è il modo più flessibile per creare un sito web WordPress statico.
Quando utilizzi una soluzione headless di WordPress come WP Engine Atlas, ottieni migliori strumenti per sviluppatori, modelli di siti starter, guide pratiche, soluzioni di distribuzione di produzione più intelligenti e altro ancora.
Per siti web più grandi e soluzioni enterprise, consigliamo di utilizzare WP Engine Atlas insieme a WPGraphQL per sbloccare la piena potenza del CMS headless di WordPress.
Detto questo, se sei un piccolo imprenditore e hai letto da qualche parte che hai bisogno di un sito WordPress headless per migliorare il tuo posizionamento SEO, si tratta semplicemente di un consiglio sbagliato. Puoi ottenere risultati simili migliorando le prestazioni del tuo sito web seguendo la nostra guida su come velocizzare WordPress.
Domande frequenti su WordPress Headless
Comprendiamo che il concetto di WordPress headless possa sollevare molte domande. Per aiutarti a farti un'idea più chiara, abbiamo raccolto le risposte ad alcune delle domande più frequenti che sentiamo dagli utenti proprio come te.
1. Qual è la differenza principale tra WordPress normale e WordPress headless?
La differenza principale sta nel modo in cui il tuo sito web viene visualizzato ai visitatori. WordPress normale gestisce tutto in un unico pacchetto: la gestione dei contenuti (il backend) e il design del sito web (il tema del front-end). WordPress headless separa queste due cose, utilizzando WordPress solo per la gestione dei contenuti del backend, mentre una tecnologia completamente diversa viene utilizzata per costruire un front-end personalizzato.
2. Un sito WordPress headless è più costoso da costruire e mantenere?
Sì, significativamente. La costruzione di un front-end personalizzato per un sito headless richiede l'assunzione di sviluppatori qualificati, il che può essere molto costoso. Hai anche due sistemi separati da mantenere (il backend WordPress e il front-end personalizzato), il che aggiunge complessità e potenziali costi futuri se qualcosa necessita di riparazioni o aggiornamenti.
3. WordPress headless è migliore per velocità e SEO?
Non necessariamente. Mentre un sito headless può essere molto veloce, il che è un bene per la SEO, puoi spesso ottenere prestazioni simili o addirittura migliori su un sito WordPress tradizionale. Utilizzando un buon hosting, un plugin di caching di qualità e una CDN, puoi rendere un sito standard incredibilmente veloce senza costi e complessità aggiuntivi. Inoltre, tieni presente che alcune funzionalità dei plugin SEO potrebbero non funzionare senza un tema tradizionale.
4. Posso ancora usare i miei plugin WordPress preferiti con una configurazione headless?
Dipende. Molti plugin, specialmente quelli che aggiungono funzionalità al front-end del tuo sito (come i costruttori di moduli o i page builder), potrebbero non funzionare correttamente perché si basano sul sistema di temi di WordPress. Mentre alcuni plugin popolari offrono supporto per la REST API per funzionare con l'headless, potresti perdere l'accesso a gran parte dell'ecosistema di plugin di WordPress che rende WordPress così potente.
5. Quindi, quando dovrei effettivamente considerare l'uso di WordPress headless?
Dovresti considerare WordPress headless solo per situazioni molto specifiche. Ad esempio, se hai un'app mobile esistente e vuoi integrare i contenuti del tuo blog, o se hai bisogno di inviare i tuoi contenuti WordPress a più piattaforme e dispositivi diversi contemporaneamente. Per la stragrande maggioranza delle piccole imprese, dei blog e dei negozi online, una configurazione WordPress tradizionale è più pratica, conveniente e facile da gestire.
Speriamo che questo articolo ti abbia aiutato a conoscere WordPress headless e se dovresti usarlo per il tuo sito web. Potresti anche voler consultare la nostra guida su come eseguire un test di velocità di WordPress o la nostra selezione di esperti dei hosting WordPress più veloci.
Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.
David Lim
Un altro argomento di cui non ho nemmeno sentito parlare nei notiziari. Ma ora che se ne parla, è come se avessi già visto siti web front-end auto-sviluppati. Penso che anche Moz sia così. Non è stato creato con un WordPress ordinario, ma con qualcosa sviluppato internamente.
Dennis Muthomi
Un punto che vorrei sottolineare è l'importanza di valutare attentamente le tue esigenze specifiche prima di passare a una configurazione headless.
Come hai suggerito, molti problemi di prestazioni e integrazione possono essere risolti con configurazioni WordPress tradizionali utilizzando plugin e tecniche di ottimizzazione.
Ad esempio, ho avuto grande successo utilizzando WP Rocket per la cache e Cloudflare come CDN per migliorare drasticamente la velocità del sito senza la necessità di un'architettura headless.
Oh, e grazie per l'avvertimento sulle agenzie che promuovono soluzioni headless inutilmente. È fondamentale che i proprietari di siti comprendano le implicazioni a lungo termine e i costi associati al mantenimento di una configurazione headless.
Il tuo articolo è una risorsa eccellente per prendere una decisione informata.
Kushal Phalak
Come designer e sviluppatore frontend, è molto interessante vedere questi cambiamenti. È fantastico poter usare WordPress come CMS e NextJS sul frontend, con i vantaggi di prestazioni e flessibilità migliorate. È un peccato che alcuni plugin non siano attualmente supportati, ma immagino che lo saranno in futuro. Anche se potrebbe non essere adatto a chi non capisce il codice.
Supporto WPBeginner
Non è una soluzione per tutti, quindi non c'è garanzia che ogni plugin aggiungerà il supporto in futuro.
Amministratore
Jiří Vaněk
Grazie per l'articolo. Non avevo idea che esistesse qualcosa come WordPress headless, e non mi era nemmeno venuto in mente che il backend non fosse necessariamente collegato al frontend. Ancora una volta, ho imparato qualcosa di nuovo. Fantastico.
Supporto WPBeginner
Glad we could share
Amministratore
James Winfield
WordPress headless è una soluzione interessante se sei un ingegnere/sviluppatore e vuoi imparare tecnologie come NextJS e GraphQL, che puoi utilizzare per creare siti web in stile React a caricamento rapido.
Non sono sicuro che ci sia un grande vantaggio in termini di prestazioni (anche se Lighthouse apprezza i due siti che ho realizzato tramite il template headless di NextJS), anche se puoi poi distribuirli tramite Vercel che è gratuito, almeno fino a un certo limite. Sto adorando questa tecnologia, ed è un ottimo modo per me di praticare le competenze più richieste di un ingegnere f/e.
Altrimenti concordo con i tuoi commenti, soprattutto se i non sviluppatori vengono spinti in questa direzione da agenzie/sviluppatori!
Supporto WPBeginner
Thanks for sharing your experience
Amministratore