Cos’è WordPress Headless e dovreste usarlo (Pro e contro)

Spesso gli utenti ci chiedono che cos’è WordPress headless e se devono usarlo.

Headless WordPress separa l’area di amministrazione back-end di WordPress dal front-end che i visitatori vedono. Ciò consente agli sviluppatori di utilizzare tecnologie diverse per la parte front-end di un sito web, pur mantenendo la stabilità e la sicurezza di WordPress.

In questo articolo spiegheremo cos’è WordPress headless e se è opportuno utilizzarlo. Parleremo anche dei pro e dei contro di un sito WordPress headless.

Ecco una rapida panoramica degli argomenti trattati in questa guida:

Che cos’è WordPress senza testa?

Headless WordPress è un termine che indica un sito web che utilizza WordPress come software di back-end per gestire dati e contenuti, ma che utilizza tecnologie separate per visualizzare i dati sul front-end.

Il back-end è il termine usato per l’area di amministrazione di un sito web. È qui che si creano contenuti come post e pagine, si installano plugin, si gestiscono i commenti e altro ancora.

Ilfront-end è l’area visibile al pubblico del vostro sito web.

È ciò che gli utenti vedono quando visitano il vostro sito con il loro browser.

WordPress si occupa normalmente di entrambi i componenti in un unico e robusto software. Potete semplicemente utilizzare qualsiasi tema di WordPress per visualizzare il vostro sito web.

Tuttavia, alcuni sviluppatori e proprietari di siti web possono avere esigenze diverse, per cui 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.

Headless WordPress permette di utilizzare queste tecnologie, pur continuando a usare WordPress nel backend per facilitare la gestione dei contenuti.

Come funziona WordPress senza testa?

WordPress è dotato di un’area di amministrazione facile da usare, dove si creano i contenuti e si gestisce il sito web. Include anche un motore di template per visualizzare il front-end del sito utilizzando i temi.

Per maggiori dettagli, consultate il nostro articolo su come funziona WordPress dietro le quinte.

WordPress dispone anche di un’API chiamata WordPress REST API.

Questa API fornisce agli sviluppatori un’interfaccia di programmazione per accedere ai dati del sito WordPress in formato JSON.

Quando creano un sito web WordPress senza testa, gli sviluppatori utilizzano l’API REST per recuperare i dati da WordPress. Successivamente, possono utilizzarli nelle loro applicazioni o in altre tecnologie front-end come React.js, Angular.js, Faust.js e altre ancora per creare un sito web personalizzato.

Quali sono i vantaggi di utilizzare WordPress senza testa?

WordPress senza testa può essere vantaggioso in alcuni scenari specifici. Parleremo di alcuni dei vantaggi dell’utilizzo di WordPress senza testa in questi casi.

1. WordPress senza testa può essere più veloce di un normale sito web WordPress

Molti sviluppatori ritengono che WordPress senza testa 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 un codice più efficiente rispetto alla maggior parte dei temi WordPress.

Tuttavia, secondo la nostra esperienza, le tecniche di ottimizzazione delle prestazioni di WordPress più semplici funzionano altrettanto bene di WordPress headless per la maggior parte dei siti web e dei casi d’uso delle piccole imprese.

2. Integrare i dati di WordPress senza testa in altre applicazioni

Supponiamo che abbiate un’app per dispositivi mobili e che vogliate integrare il vostro blog o altre sezioni del vostro sito web WordPress in quell’app.

Headless WordPress può aiutarvi a portare i dati di WordPress in altre applicazioni e a utilizzare diverse tecnologie per creare un’esperienza utente senza soluzione di continuità.

Allo stesso modo, se avete un sito web statico e avete bisogno di una sezione dinamica solo per una sezione specifica come un blog, delle recensioni o un negozio online. Allora WordPress senza testa può integrare i dati di WordPress nel vostro sito web statico.

3. Pubblicare su più piattaforme tramite WordPress Headless

Headless WordPress rende i dati di WordPress portatili, in modo da poterli portare ovunque.

È possibile utilizzare i dati nelle campagne di marketing, pubblicarli sulle piattaforme di social media, utilizzarli su dispositivi IoT come gli altoparlanti intelligenti, alimentare uno strumento di intelligenza artificiale, collegarsi agli assistenti virtuali e altro ancora.

4. WordPress senza testa è molto più conveniente dei CMS proprietari senza testa.

WordPress senza testa è molto più conveniente e potente di soluzioni “enterprise CMS” proprietarie come Contentful, che vi costeranno facilmente decine di migliaia solo per l’hosting (senza contare i costi di sviluppo).

Quali sono gli svantaggi di un sito WordPress senza testa?

La creazione di un sito WordPress senza testa può anche comportare alcuni svantaggi per il vostro sito. Vediamone alcuni.

1. WordPress senza testa è più costoso rispetto ai siti WordPress tradizionali

Dovrete assumere uno sviluppatore per realizzare un front-end personalizzato per il vostro sito web. Questa spesa potrebbe facilmente aggirarsi intorno alle decine di migliaia di dollari.

Se siete uno sviluppatore, dovrete spendere tempo prezioso per creare un front-end personalizzato.

Anche se si utilizza un framework per lo sviluppo front-end, ci vorranno più tempo e sforzi rispetto all’utilizzo di un tema WordPress già pronto con una cache adeguata a livello di server / DNS.

2. Alcuni plugin di WordPress potrebbero non funzionare

Iplugin sono come applicazioni per il vostro sito WordPress e vi permettono di aggiungere nuove caratteristiche al vostro sito e di estenderne le funzionalità.

Un sito WordPress senza testa potrebbe non essere in grado di sfruttare alcuni dei plugin di WordPress.

Ad esempio, alcuni dati dei plugin di WordPress potrebbero non essere accessibili utilizzando l’API REST, oppure le funzioni dei plugin potrebbero richiedere un tema WordPress per funzionare correttamente.

Detto questo, i plugin WordPress più diffusi, come AIOSEO, hanno un’estensione API REST che consente di creare siti WordPress headless SEO friendly.

3. Mal di testa da manutenzione

In pratica, utilizzerete piattaforme separate per il front-end e il back-end del vostro sito e dovrete mantenerle entrambe separatamente.

Occasionalmente, le cose potrebbero rompersi da una parte o dall’altra. Dovrete affidarvi agli sviluppatori per risolvere questi problemi. Oppure dovrete spendere il vostro tempo prezioso per risolverli.

L’ulteriore complessità renderà più difficile la crescita dell’azienda.

Dovreste usare un sito WordPress senza testa?

A nostro avviso, la maggior parte degli utenti di WordPress non ha bisogno di utilizzare un sito WordPress headless o altri tipi di framework headless.

È costoso, inutilmente complicato e non è adatto alla maggior parte dei proprietari di siti web, blogger, piccole imprese o negozi online.

Ad esempio, se la velocità e le prestazioni sono la vostra preoccupazione principale, il vostro sito WordPress esistente può facilmente battere qualsiasi sito WordPress senza testa.

Tutti i migliori plugin per la cache di WordPress sono dotati di funzioni di caching della pagina, precaricamento della cache, caching degli oggetti e compressione gzip.

L’attivazione di queste funzioni può aumentare significativamente la velocità del vostro sito web senza dover assumere alcuno sviluppatore.

Se a questo si aggiunge un potente CDN e un firewall per applicazioni web come Cloudflare o Sucuri, il vostro sito web sarà ancora più veloce.

Guardate il caso di studio di come abbiamo reso WPBeginner più veloce dei siti web senza testa.

Per quanto riguarda le integrazioni, esistono oltre 59.000 plugin di WordPress che offrono integrazioni con quasi tutte le piattaforme di terze parti disponibili.

Esistono anche strumenti come Uncanny Automator che consentono integrazioni con siti web WordPress e strumenti di terze parti utilizzando Zapier.

Se avete bisogno di un’integrazione che non è disponibile tramite un plugin WordPress esistente, allora forse dovreste assumere uno sviluppatore per scrivere un plugin personalizzato.

Questo costerà molto meno e potrete anche guadagnare online vendendolo come download digitale ad altri utenti di WordPress.

Chi dovrebbe utilizzare WordPress senza testa?

Riteniamo che WordPress headless debba essere utilizzato solo in scenari molto specifici.

In primo luogo, è necessario valutare se esiste una reale necessità di un CMS headless.

Ad esempio, un’azienda che ha costruito un sito web personalizzato o un’applicazione. Potrebbe aver bisogno di WordPress per semplificare le funzioni di gestione dei contenuti, e in questo scenario ha senso utilizzare WordPress headless.

In secondo luogo, è necessario disporre del budget necessario per assumere e mantenere gli sviluppatori o avere le competenze necessarie per mantenere un CMS headless.

Ricordiamo che un CMS WordPress headless viene utilizzato per creare una nuova app personalizzata o che utilizza WordPress per facilitare la creazione e la gestione dei contenuti.

Cose importanti da tenere d’occhio con WordPress Headless

Per un imprenditore non esperto di tecnologia, a volte è difficile capire se avete davvero bisogno di WordPress senza testa.

Alcuni sviluppatori e agenzie WordPress cercheranno di spingervi a creare siti web senza testa e voi dovete sapere in cosa vi state cacciando. Ricordate che i loro incentivi sono quelli di farvi pagare di più.

Se l’unica ragione per cui vi propongono WordPress senza testa è la velocità o la SEO, allora dovete chiedere loro cosa hanno già fatto per ottimizzare la velocità del vostro sito web e quanto grande sarà l’impatto del passaggio a WordPress senza testa. Se non ottenete una risposta concreta, allora dovreste cercare un secondo parere.

Sarete sorpresi dal fatto che per la stragrande maggioranza dei siti web i miglioramenti sono trascurabili, ma i costi di sviluppo e manutenzione dei siti WordPress senza testa sono molto più elevati.

Qualunque cosa facciate, non lasciate assolutamente che qualcuno vi convinca a passare da WordPress a qualcosa come Contentful, perché rimarrete molto delusi.

Abbiamo sentito numerosi proprietari di aziende che hanno cambiato sistema per poi rendersi conto dell’errore commesso e tornare a WordPress.

Detto questo, se siete convinti al 100% di aver bisogno di un sito WordPress senza testa, ecco una rapida guida passo passo.

Come creare un sito web WordPress senza testa?

Ci sono molti modi per creare un sito WordPress senza testa, a seconda degli strumenti che si desidera utilizzare per il front-end.

Per il bene di questo tutorial, vi mostreremo come creare un sito web WordPress senza testa utilizzando solo le pagine statiche generate da WordPress. Questo NON è il modo più flessibile per creare un sito WordPress senza testa, ma è il modo più semplice per i principianti.

Innanzitutto, è necessario creare un sito web WordPress che si desidera utilizzare come CMS headless.

Deve trattarsi di un sito web attivo con un proprio nome di dominio e un proprio account di web hosting.

Consigliamo di utilizzare SiteGround. Si tratta di una delle aziende di hosting WordPress più veloci e di un provider di hosting WordPress ufficialmente raccomandato.

I server di SiteGround sono alimentati da Google Cloud e dispongono di numerosi strumenti di ottimizzazione delle prestazioni.

In alternativa, se potete spendere un po’ di più, date un’occhiata a WP Engine. Il loro piano Atlas è pensato per siti WordPress headless di grandi dimensioni ed è rivolto agli sviluppatori.

Atlas viene fornito con un account sandbox gratuito, contenuti modulari personalizzati, blueprint preconfigurati per accelerare il flusso di lavoro e un’integrazione più profonda con il plugin WPGraphQL.

È anche possibile creare un sito web WordPress locale sul proprio computer.

Dopodiché, potete iniziare a lavorare sul vostro sito web aggiungendo post e pagine. Potete anche scegliere un tema WordPress per il vostro sito web e progettarlo.

Una volta che il sito web è pronto, è necessario installare e attivare il plugin Simply Static. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.

Dopo l’attivazione, è necessario visitare la pagina “Impostazioni ” di Simply Static per configurare il plugin.

Da qui è possibile scegliere il percorso dell’URL da utilizzare per i file statici.

Ad esempio, se si conosce l’URL o il nome del dominio in cui ospitare i file statici, è possibile indicare tale URL nel campo “URL assoluti”.

Se non si è sicuri, si può utilizzare l’opzione “URL relativi”.

Passare quindi alla scheda “Includi/Escludi”. Da qui è possibile aggiungere altre pagine da includere o da escludere.

È inoltre possibile utilizzare le espressioni regex per escludere gli URL che corrispondono a un modello specifico.

Non dimenticate di fare clic sul pulsante “Salva modifiche” per memorizzare le impostazioni.

Ora siete pronti a generare i file statici per il vostro sito web headless. Basta andare alla pagina Simply Static ” Generate e fare clic sul pulsante ‘Generate Static Files’.

Il plugin inizierà quindi a eseguire il crawling del 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 sito.

Al termine, verrà visualizzata una notifica di successo con un link per scaricare i file sul computer in un formato di archivio zip.

Dopo aver scaricato il file zip, è necessario estrarlo.

Ora siete pronti a caricare i file estratti sul vostro sito web o sul server dove volete ospitare il vostro sito web headless.

È sufficiente collegarsi al proprio sito web utilizzando un client FTP o utilizzare l’applicazione di gestione dei file nel pannello di controllo dell’hosting.

Una volta collegati, caricare i file statici estratti scaricati in precedenza sul proprio sito web.

Dopodiché, è possibile visitare il sito web statico per vederlo in azione.

Nota: per aggiornare il vostro sito web statico, dovrete creare nuovi contenuti nella vostra installazione di WordPress e poi ripetere l’intero processo per sostituire i file statici serviti agli utenti.

È importante notare che questo non è il modo più flessibile per creare un sito web statico in WordPress.

Quando si utilizza una soluzione WordPress headless come WP Engine Atlas, viene fornita una migliore strumentazione per gli sviluppatori, blueprint di siti di partenza, guide alle procedure, soluzioni più intelligenti per la distribuzione in produzione e altro ancora.

Per i siti web più grandi e le soluzioni aziendali, consigliamo di utilizzare WP Engine Atlas insieme a WPGraphQL per sbloccare tutta la potenza del CMS WordPress headless.

Detto questo, se siete proprietari di una piccola impresa e avete letto da qualche parte che avete bisogno di un sito WordPress senza testa per migliorare le vostre classifiche SEO, si tratta di un consiglio sbagliato. Potete ottenere risultati simili semplicemente migliorando le prestazioni del vostro sito web seguendo la nostra guida su come velocizzare WordPress.

Speriamo che questo articolo vi abbia aiutato a capire cos’è WordPress senza testa e se dovreste usarlo per il vostro sito web. Potreste anche voler consultare la nostra guida su come creare un tema personalizzato per WordPress senza codifica, o vedere il nostro confronto dei migliori servizi smtp per migliorare la deliverability delle e-mail.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.