Avete sentito parlare degli Instant Articles di Facebook e volete aggiungerli al vostro sito WordPress?
Gli Instant Articles sono eccellenti per fornire rapidamente contenuti agli utenti di Facebook. Si caricano 10 volte più velocemente e utilizzano un formato mobile. Ciò contribuisce a fornire un’esperienza utente eccezionale e ad aumentare i vostri follower.
In questo articolo vi mostreremo come configurare facilmente Facebook Instant Articles per WordPress.
Cosa sono gli Instant Articles di Facebook?
Instant Articles è una funzione di Facebook che consente di caricare i contenuti 10 volte più velocemente utilizzando un formato mobile personalizzato. Si basa sulla stessa tecnologia utilizzata nelle app di Facebook per i dispositivi mobili.
Gli Instant Articles si caricano fino a 10 volte più velocemente di una normale pagina web. Questo incredibile aumento di velocità offre una migliore esperienza agli utenti mobili.
Molti siti di media popolari come BuzzFeed, TechCrunch, Mashable e innumerevoli altri lo utilizzano sui loro siti web. È possibile individuare facilmente gli articoli istantanei nel proprio feed di Facebook grazie all’icona del fulmine.
Pro e contro degli articoli istantanei di Facebook
Come ogni cosa, anche l’utilizzo di articoli istantanei sul vostro sito web presenta vantaggi e svantaggi.
I vantaggi dell’utilizzo degli articoli istantanei di Facebook
- Untempo di caricamento più rapido significa un miglioramento significativo dell’esperienza dell’utente.
- Grazie alla velocità, gli utenti sono più propensi a condividere i vostri contenuti.
- Accesso alle opzioni di monetizzazione attraverso Facebook Audience Network.
- Aumento della portata della pagina Facebook.
- L’enorme base di utenti di Facebook può portare una nuova ondata di traffico al vostro sito.
Contro dell’utilizzo degli articoli istantanei di Facebook
- Gli utenti non vedranno il layout completo del sito WordPress, comprese le barre laterali. Nasconderanno i widget utili, i moduli per l’elenco di e-mail e tutto ciò che non fa parte dell’articolo.
- Potreste subire un calo delle entrate pubblicitarie, poiché gli articoli istantanei di Facebook limitano gli inserzionisti e il numero di annunci che potete mostrare in un articolo.
- È possibile utilizzare immagini e video nell’articolo, ma gli articoli istantanei di Facebook limiteranno anche questo.
- La maggior parte dei codici brevi, dei campi personalizzati e delle altre funzioni del blog WordPress non saranno visualizzati negli articoli.
Considerando i pro e i contro dell’utilizzo degli Instant Articles di Facebook, si tratta di un mix per gli editori. Dipende infatti dal tipo di contenuti che producete e dai vostri obiettivi commerciali.
Se siete un sito di notizie, allora ha senso aggiungerlo. Se invece si tratta di un sito web aziendale, potrebbe non essere una differenza sostanziale.
Di cosa avete bisogno per abilitare gli Instant Articles di Facebook in WordPress?
Ci sono alcuni requisiti per impostare Facebook Instant Articles sul vostro sito WordPress. È necessario un:
- Pagina Facebook per il vostro sito web WordPress.
- Almeno 10 o più articoli sul vostro sito web.
- Plugin Instant Articles for WP (vi mostreremo come configurarlo più avanti in questo articolo).
Detto questo, iniziamo a fare domanda per Facebook Instant Articles.
Iscriversi a Facebook Instant Articles
Innanzitutto, è necessario visitare il sito web di Facebook Instant Articles e fare clic sul pulsante “Inizia a guadagnare” per iniziare.
Quindi, accedete al vostro account Facebook o createne uno nuovo se non ne avete uno.
Dopo aver effettuato l’accesso, vedrete il Creator Studio. Facebook vi chiederà ora di selezionare una pagina nella scheda “Monetizzazione”.
Selezionate la pagina Facebook per il vostro sito web e fate clic sul pulsante “Imposta”.
Dopodiché, dovrete completare le operazioni di configurazione e inviare la vostra pagina per la revisione.
Innanzitutto, dovrete accettare i termini e le condizioni.
Quindi, fare clic sul pulsante “Inizia” per aggiungere 10 articoli di produzione da esaminare.
Facendo clic sul pulsante, appariranno altre opzioni.
Dovete dimostrare la proprietà del vostro sito web rivendicando il vostro URL. Cliccate sul pulsante “Claim” (Rivendica) davanti all’opzione Claim domain (Rivendica dominio).
Facebook vi mostrerà uno snippet di codice che dovrete aggiungere al vostro sito web WordPress.
È possibile aggiungere fino a 10 siti web per gli Instant Articles di Facebook.
È necessario copiare il codice e inserirlo nella sezione <head> del sito WordPress.
È possibile aggiungere questo codice al proprio sito web in due modi.
È possibile modificare il file header.php nel tema figlio e incollare il codice subito prima del tag <head>.
Tuttavia, se non si utilizza un tema figlio, è possibile utilizzare il plugin Insert Headers and Footers. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.
Dopo aver attivato il plugin, andare alla pagina Impostazioni ” Inserisci intestazioni e piè di pagina dalla dashboard di WordPress e incollare il codice nella sezione dell’intestazione.
Fare clic sul pulsante Salva per memorizzare le modifiche.
Una volta aggiunto il codice al sito web, è necessario tornare alla scheda Creator Studio e fare clic sul pulsante “Claim URL”.
Verrà visualizzata una finestra popup.
È sufficiente inserire il dominio e fare clic sul pulsante “Claim”. Se il vostro sito è ancora in fase di sviluppo, potete attivare l’opzione “Questo è un URL di sviluppo”.
Successivamente, vedrete il vostro dominio nel campo “URL di dominio approvati” una volta approvato.
Fare clic sul pulsante “Conferma”.
Il passo successivo è aggiungere un feed RSS di Instant Articles per il vostro sito web.
Per farlo, scorrere fino a “Aggiungi articoli di produzione” e fare semplicemente clic sul pulsante “Aggiungi”.
Nella schermata successiva, viene visualizzato un menu a discesa in cui è possibile selezionare la modalità di aggiunta degli articoli di produzione.
Fare clic sul menu a discesa “Aggiungi articoli” e selezionare l’opzione “Aggiungi con feed RSS”.
Verrà visualizzata una finestra popup con le informazioni sul feed RSS di produzione.
Qui è necessario inserire l’URL del feed RSS.
Per creare un URL di feed RSS, potete tornare alla dashboard del vostro sito WordPress e generare un feed Instant Article.
Innanzitutto, installate e attivate il plugin Instant Articles for WP. Se avete bisogno di aiuto, consultate la nostra guida su come installare un plugin di WordPress.
Dopo l’attivazione, è possibile accedere a Instant Articles dal pannello di amministrazione di WordPress e inserire l’ID della pagina Facebook. L’ID della pagina si trova nella sezione Claim domain di Creator Studio.
Dopo aver inserito l’ID della pagina, non dimenticate di salvare le impostazioni.
Il plugin genera un feed istantaneo di articoli per il vostro sito WordPress.
Potete trovare il feed aggiungendo /feed/instant-articles dopo l’URL del vostro sito, in questo modo:
https://www.example.com/feed/instant-articles
Copiate l’URL del feed degli articoli istantanei e tornate alla scheda Facebook Creator Studio. Inserite quindi l’URL del feed RSS e fate clic sul pulsante “Salva”.
Facebook vi mostrerà un messaggio di successo che indica che il vostro feed è stato aggiunto.
Impostazione dello stile e del marchio per gli articoli istantanei
Successivamente, è possibile modificare lo stile degli Instant Articles di Facebook.
Basta andare all’opzione “Configura stili di articolo” in Aggiungi 10 articoli di produzione per la revisione e fare clic sul pulsante “Configura”.
Successivamente, è possibile modificare l’aspetto dei propri articoli.
Fare clic sul pulsante “Aggiungi stile”.
Si aprirà una finestra di dialogo in cui è possibile personalizzare lo stile predefinito di Instant Articles.
È possibile caricare il logo del sito e modificare lo stile del titolo, del testo del corpo, del byline, del sottotitolo e altro ancora.
La cosa migliore è che si può vedere un’anteprima in tempo reale della modifica apportata nella finestra alla propria destra.
Dopo aver apportato le modifiche, non dimenticate di cliccare su Salva e poi su Fine.
Invia il tuo feed di articoli istantanei per la revisione
Prima di inviare il vostro feed di Instant Articles per la revisione, dovete assicurarvi di avere almeno 10 articoli nel vostro feed di Instant Articles.
Se avete già pubblicato più di 10 articoli sul vostro sito web, ma il feed non li mostra tutti, dovete modificare gli ultimi 10 articoli e cliccare semplicemente sul pulsante di aggiornamento.
Una volta che siete sicuri di avere 10 articoli nel vostro feed Instant Articles, siete pronti a inviarli a Facebook per la revisione.
Se non ci sono errori nel vostro feed Instant Articles e avete completato tutte le operazioni richieste, vedrete un pulsante “Invia per la revisione”. Fate clic su questo pulsante per inviare il vostro feed per la revisione.
Tutto qui: gli Instant Articles saranno disponibili per il vostro sito web una volta che il team di Facebook avrà esaminato e approvato il vostro feed.
Bonus: tracciare gli articoli istantanei di Facebook in Google Analytics
Ora che avete configurato con successo gli Instant Articles di Facebook in WordPress, dovreste anche vedere come si comportano.
Tracciando le loro prestazioni in Google Analytics, potete vedere quali articoli ottengono il maggior traffico e come gli utenti interagiscono con i vostri contenuti.
Il modo più semplice per tracciare gli Instant Articles di Facebook è attraverso MonsterInsights. È la migliore soluzione analitica per WordPress e consente di impostare Google Analytics senza modificare il codice.
Si noti che è necessaria la versione Pro di MonsterInsights perché include l’addon Facebook Instant Articles e altre funzioni di monitoraggio avanzate. Esiste anche una versione Lite di MonsterInsights che può essere utilizzata gratuitamente.
Innanzitutto, installate e attivate il plugin MonsterInsights. Per maggiori dettagli, consultare la nostra guida su come installare un plugin di WordPress.
Dopo l’attivazione, vedrete la schermata di benvenuto di MonsterInsights nella vostra dashboard di WordPress. Fate clic sul pulsante “Avvia la procedura guidata” per collegare il vostro sito WordPress a Google Analytics.
Per maggiori informazioni, potete seguire la nostra guida passo passo su come installare Google Analytics in WordPress.
Dopodiché, andate su Insights ” Addons dalla vostra dashboard di WordPress e navigate fino all’addon “Facebook Instant Article”.
Quindi, fare clic sul pulsante “Installa” e l’addon si attiverà automaticamente.
Tutto qui, non c’è bisogno di ulteriori configurazioni. MonsterInsights inizierà a tracciare i vostri Facebook Instant Articles in Google Analytics.
Suggerimenti per la risoluzione dei problemi degli articoli istantanei di Facebook
Facebook richiede che il feed di Instant Articles corrisponda alle specifiche descritte sul sito web degli sviluppatori. Il plugin Instant Articles for WP gestisce questa parte per voi.
Tuttavia, a seconda del tema o dei plugin utilizzati sul sito, potrebbero essere visualizzati alcuni errori o avvisi. Un modo più semplice per risolvere questi errori è quello di modificare un post e scorrere verso il basso fino al meta box di Facebook Instant Articles sotto l’editor del post.
La maggior parte degli errori è causata da plugin o temi che aggiungono contenuti ai post che non sono supportati dalle regole di trasformazione utilizzate dal plugin Instant Articles for WP.
È possibile creare regole di trasformazione personalizzate. Per sapere come aggiungere regole di trasformazione personalizzate, consultare la documentazione del plugin.
Tuttavia, riteniamo che per la maggior parte dei principianti sia difficile farlo da soli, quindi potrebbe essere necessario uno sviluppatore. Si può provare a configurare gli altri plugin e temi e impedire loro di aggiungere blocchi di contenuto ai post.
URL non corretti
Se quando si invia il feed di Instant Articles si riceve continuamente un errore di Empty Feed, controllare l’URL che si sta cercando di aggiungere.
http://www.example.com/feed/instant-articles
http://example.com/feed/instant-articles
Si tratta di due URL diversi e, a seconda della configurazione di WordPress, l’inserimento di un URL errato potrebbe causare un errore 404.
Se l’errore di feed vuoto persiste, provate ad aggiornare gli ultimi dieci post del vostro sito. Questo cambierà la loro ora modificata e li aggiungerà al feed.
Speriamo che questo articolo vi abbia aiutato a configurare Facebook Instant Articles per WordPress. Potreste anche voler consultare il nostro elenco di 40 strumenti utili per gestire e far crescere il vostro blog WordPress e come avviare un negozio online.
Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.
tengkuputeh
how to install instant articles for wordpress.com not self-hosting?
Eduardo Pimentel
Hi!
First of all, thanks for this article!
But, I’m with a problem when you say:
Simply install and activate the Instant Articles for WP plugin. Upon activation, the plugin will generate an instant articles feed for your WordPress site.
In my case, my RSS url doesn’t work:
Do you know why?
Thanks a lot, dude!
WPBeginner Support
Hey Eduardo,
Try updating your permalink structure. Simply visit Settings » Permalinks and then click on the save changes button without changing anything.
Admin
Lori
I did that and one more thing…
I went to my Facebook Page > Publishing Tools > Published Posts at the top of the sidebar.
From there, I located my most recently shared blog post and clicked on it to open the Post Details box.
Then under the little down arrow that is your normal edit button on a post, I clicked on ‘Refresh Share Attachment’
That was the thing that made it all work.
vimesh
i have a problem with facebook page selection process in wordpress
Dexx
Hi Admin. Thanks for nice step-by-step tutorial. I just want to ask, how to add related articles at the bottom of instant articles. it is automatically show only for visitor or need some code to make them appear?. Thanks.
Izzat
Thanks for this great post. I followed your steps and i managed to set it up on my fb page. But I have a problem.
I have customize the styles in with facebook style editor and everything was okay when I review it with fb pages apps. But the problem is, when i share the articles, the published post used ‘default’ style instead of the other one. Please help me.
Pallav Juneja
In my WordPress account under every post its written that your article is being submitted with 0 warning but at facebook publishing tools I still can’t press the submit button it says
We have automatically detected one or more common errors that need to be fixed before you can submit for review.
Missing Logo
All articles must include a logo, which you can upload in the Style Editor.
Examples
and list of my posts
Hope You Could Help me out
Eduardo
Fantastic Article. Could not have made without you. Thank you.
sitepu
why my images not loading on my instant article ?
please help me
Marv
No matter what changes I make, I cannot submit articles.There has to be a better plugin than this one. It;s always buggy or not compatible with “this version of WordPress” I got it right the first time with a client;s site, but after I cannot publish any other new articles. Tried to set up my site, I can’t submit articles at all.
My head hurts.
Marv
I am replying to my own comment (weird) because I fixed the problem I was facing. Missing logo. My articles were fine, but no matter how many style editors I created, I couldn’t fix the ‘missing logo’ error. What I did was go back to the ‘default’ or ‘preset’ style editor and customized it. Voila! Articles were submitted. Problem solve. I am still looking into it though. Maybe it’s me, but I find this plugin a wee bit buggy
Pallav Juneja
can you tell me in detail i am facing same issue
Nis
Hi, I am running multiple lingual website. I want to run the instant article both of the above domains. How is it possible? Do I need to merge two rss feeds. Need your suggestion.
G. P. Gautam
Hello, WB Team.
Great and detailed guide on Facebook InstantArticle.
Sir, I am also using this tool for my website. My posts have been submitted to InstantArticle with some errors. I fixed some of those. But, I can’t find solution for this,
“no rules defined for in the context of InstantArticle”.
Sir how to fix this problem. Please help me.
habelse
Hi, very helful guide but my blog begins with https not http. after i insert the code given by facebook in header, i could be claimed the url but when i tried tu insert the url begin with http it’s fine
i accessed my url http://example.com/feed/instant-articles but it said that the url was not found because my blog automatically direct http to https
how to solve this, thanks
Chhunleang Say
my URL for Rss Feed is 404 Not Found How to fix???
Rob Nugen
What is the URL of your Instant Articles RSS feed?
Prashant
All the links that I share are being converted into instant articles. I want only selective articles to be published as instant articles. I use affilate links in some posts which dont wirk in instant articles. Please help!
rohit mahadev
Next, log into your Facebook account
Log in with Facebook to finish connecting the Instant Articles Plugin to your account.
Login with Facebook
after This, it is not logging in just it reloads nothing happens
sir can You Guide me Please regarding this problem
Ryan Hanley
This is by far the most useful resource I’ve found for adding FB Instant Articles.
One question, do you have a tutorial for excluding certain post categories from your Instant Articles feed?
Thanks!
Geri
HI. I’m using wordpress.com. How do I setup FB instant articles?
WPBeginner Support
Hi Geri, please see our guide on the difference between self hosted WordPress.org vs free WordPress.com blog.
Admin
Sumair Mangi
on this step “The plugin’s settings page will now show you a login with Facebook button.” when i click on login with facebook the page reloads and nothing happens please help me asap
kalibbala
hello team,
great material, thks. I hv created everythg and it all seems well however on the post page this error:
*This post will not be submitted to Instant Articles due to a rule created in your site.*
How can i go over this thks.
Princewill Ejiogu
hi thanks for this article but the instant article cant recognize short code because i use it to embed my videos is there a way around this pls
Ejiogu Princewill
hi i have done all the processes but i keep getting this error at the final stage : Permissions error pls how can i fix this
Ashwin
You can check what causes this issue if you look at Instant Articles settings on Facebook. For me, the page logo was missing. Once I uploaded that, the Permissions Error went away.
Garland Smith
I’ve just been approved for Facebook Instant Articles. I’m using the “Instant Articles for FB” Plugin to publish my Instant Articles. I just published blog Post and it shows up as Live in Instant Articles. How do I get the Instant Articles link? I don’t see it anywhere and I don’t have any idea how to access it. Any help you can provide would be appreciated.
Thank you,
Garland Smith
ilayaraja
i like instant article which is more similar to GOOGLE AMP pages.
Henry
Mine does not move beyond the facebook login ..what do i do
Dipak Kumar
You just saved my day. Indeed a great help. Thank you so much.
Sampsa Daavitsainen
Hi and thanks for the post. I keep on getting doubles to my production feed? Any idea how to prevent this?
Sampsa Daavitsainen
Aaand I just figured it out. It was due to the URL-structure change we did for the site. A lot of work deleting the duplicates after…. Take notice
Jahir Avdyli
Hi there! I have some problems with this plugin. How can I log out the app form this plugin because this plugin can’t connect with facebook anymore. When I first installed it, I couldn’t select my fb page because it wasn’t showing them at all so it just redirected to the first step. I tried deactivating, deleting the plugin and I installed it again but it is stuck again at that that state. I also tried deleting the app, but it just doesn’t work! Anybody had these problems?
Cheing
I have the same issue, do you solve your problem yet?
Hannachi
Great tutorial, i want to ask you how can i fix Facebook comments and related articles in instants articles. Thank you for your feed back
Lyssie
Thanks for this article! It was super helpful with the step by step instructions. I’m about halfway through and the plugin won’t show the settings page in wordpress. When I click Instant Articles on the left sidebar, it’s just a blank screen. When I try other ways to get to the settings page, it remains a blank screen. It says it’s compatible with WP 4.6.1 which is what I have…any ideas why I can’t get to the settings page in WP?
Shivankar wadhwa
I had created an app Id using different email id now As he is not there so I want to transfer all things through my id…I have created a new app Id but m getting an error to submit the articles as “articles cannot created using this page please create and update it from the original page’
Please help me on this
Amit Bajaj
Hi
Thats one helluva post…Thanks a ton for doing this one. However, I am facing one issue – I have added the fb tag to my site’s header, but under tools, it is just not allowing me to add my URL (that part remains non-highlighted). What could be going wrong?
aravindan
I have installed the instant articles plugin in my blog. but when I try to open the instant article rss feed link I am getting an error message “ERROR: This is not a valid feed template.”. Any suggestions on what I have done wrong?
Karan
Hello Team,
Thank you for the detailed guide on FB instant article. Everything is fine but I would like to ask one question:
We all know this renders the page and boost loading speed by making some adjustments in the site design and structure, like you mentioned in the cons.
So I just want to know will it render the articles for people visiting from FB only or for everyone visiting my site via an source (organic or direct)?
Thank You,
Karan
Angela Tempest
Hi thanks for this helpful guide. I think I have followed the instructions but when I try to Login to Facebook from the Wordpress plugin I get the following messaege:
Can’t Load URL: The domain of this URL isn’t included in the app’s domains. To be able to load this URL, add all domains and subdomains of your app to the App Domains field in your app settings.
Any idea what I have done wrong?
WPBeginner Support
Please check your app settings and URL field. It should match your WordPress site’s domain.
Admin
Calvin Courter
I had the same issue. Here is what worked. Add the URL with and without the “www.” to the App Domains in the App settings in facebook developer.
Bani Naveen
Why my url not claiming. it shows this kind error
“The fb:pages tag on the url doesn’t contain this page’s id. The url has fb:pages tag but they don’t have this page’s id. Please work with your developers / webmaster to add this tag to your website.”
swarna shanmugalingam
Thankyou for being helpful.
Thomas Hubert
Hey ! I’m having issues with my photos on Instant Articles. They are pixelised. However, they have a high resolution on my wordpress and look good on my website. What am I supposed to do ?
Mauricio
Hi, about using AMP and Instant Articles in the same time, any problem?? They can be used together without problems, especially in SEO??
Richard Brown
Great article. But I am stuck. The feed seems to work fine but no articles ever get submitted.
They all say: This post was not yet submitted to Instant Articles.
I am really stuck and need help.
UNKOWN
Try update one of your articles, and the Facebook should receive a update about that!
Cheers
anah
Hi!
Great article, but I’ve got a doubt. Doing that will decrease the pageviews on my website? Or everytime someone sees the article will count as a pageview on google analytics?
thanks
Beshir
What about free wordpress blogs? Any chance for this miracle?
WPBeginner Support
Please see our guide on the difference between self hosted WordPress.org vs free WordPress.com blog.
Admin
Mantas Rubsta
Really helpful article, thanks a lot.
zion
i have done everything but my production article and development article are showing blank.
Bob
This primer is great….but stops right where I needed help. Is there a follow up on how to set up Facebook ads on these Instant Stories?
WPBeginner Support
We will try to cover that soon.
Admin
Michael
Any chance you can also cover a bit of more advanced features? I set this up and it works well, but I would like it to automatically set up images for Facebook likes and comments. I believe this can be done with the Transform options somehow. I would also like it to pull in related posts, which it seems to skip.
WPBeginner Support
Our audience is mostly beginner level WordPress users so we tried to keep it as simple as possible. We will try to cover the topics you mentioned in separate articles soon.
Arpan Shah
Hi BoB,
You can setup from Audience network from tool section in setting and follow the setups. I have written detailed guide on this and it quite simple.
Jamie
Thanks so much for this.
I was wondering, once you have IA set up – if you post a link to a blog post in Facebook, do you need to use a specific IA link? Or does FB automatically detect that there’s an IA version of the link?
WPBeginner Support
Yes.
Admin
puregrey
Is that a “yes you have to use a custom link” or “yes Facebook will automatically detect there is an Instant Articles version to serve”? For example I use Edgar and have hundreds of posts cycling through, so once I have Instant Articles setup do I need to adjust those links or will they post the same way and Facebook itself simply decides what version to serve? Also, will users on desktop see the Instant Articles version or will they still be taken to the full website page? Lastly, to Instant Article views count as page views on your website or are they essentially served from a cached version on Facebook’s servers?
Thanks, great tutorial as usual.
Adrienne
Thank you!! I started it but it’s so detailed that I stopped in the middle of it!
hector
Wpbeginner delivers once again with a great guide!
WPBeginner Support
Glad you find it helpful
Admin
ConnieM
Maybe you write some information about other ways of sharing Wordpress-content with FB?
Like Facebook Autopublish for example?
that would be of great value… I use this plugin and it works well
Angelica Costa
How do I disable it? Facebook won’t tell and I have searched everywhere.
They started showing on my FB page even though only 1 step of the process was done.
I need people to go to my website and it’s causing a huge mess when there are giveaways on my blog.
WPBeginner Support
You can undo the steps you have taken. For example, remove the feed from Production RSS in publishing tools of your facebook page. Remove URLs from Claim Your URL. Remove Meta tag you added into header. Delete the App you create for your page.
Admin