¿Has oído hablar de Facebook Instant Articles y quieres añadirlos a tu sitio de WordPress?
Los Instant Articles son excelentes para ofrecer contenido rápidamente a los usuarios de Facebook. Se cargan 10 veces más rápido y utilizan un formato móvil. Esto ayuda a proporcionar una experiencia de usuario excepcional y aumenta tus seguidores.
En este artículo, te mostraremos cómo configurar fácilmente Facebook Instant Articles para WordPress.
¿Qué son los Instant Articles de Facebook?
Instant Articles es una característica de Facebook que te permite cargar tu contenido 10 veces más rápido utilizando un formato personalizado para móviles. Se basa en la misma tecnología utilizada en las apps de Facebook para dispositivos móviles.
Los Instant Articles se cargan hasta 10 veces más rápido que una página web normal. Este increíble aumento de la velocidad proporciona una mejor experiencia de usuario a los usuarios móviles.
Muchos medios populares como BuzzFeed, TechCrunch, Mashable y muchos otros lo utilizan en sus sitios web. Puedes ver fácilmente los artículos instantáneos en tu feed de Facebook por el icono del rayo.
Pros y contras de Facebook Instant Articles
Como todo, hay algunas ventajas y desventajas de utilizar artículos instantáneos en su sitio web.
Ventajas de usar Facebook Instant Articles
- Un tiempo de carga más rápido supone una mejora significativa de la experiencia del usuario.
- Debido a la velocidad, es más probable que los usuarios compartan tu contenido.
- Acceso a opciones de monetización a través de Facebook Audience Network.
- Mayor alcance de la página de Facebook.
- La enorme base de usuarios de Facebook puede atraer una nueva oleada de tráfico a tu sitio.
Contras de usar Facebook Instant Articles
- Los usuarios no verán la estructura / disposición / diseño / plantillas completas de su sitio web WordPress, incluyendo las barras laterales. Ocultará tus widgets útiles, formularios de listas de correo electrónico y todo lo que no forme parte del artículo.
- Es posible que disminuyan los ingresos por publicidad, ya que los artículos instantáneos de Facebook limitan los anunciantes y el número de anuncios que se pueden mostrar en un artículo.
- Puedes utilizar algunas imágenes y vídeos en tu artículo, pero los artículos instantáneos de Facebook también lo limitarán.
- La mayoría de shortcodes, campos personalizados y otras características de los blogs de WordPress no se mostrarán en tus artículos.
Teniendo en cuenta los pros y los contras del uso de Facebook Instant Articles, es una mezcla para los editores. En realidad, depende del tipo de contenido que produzcas y de tus objetivos empresariales.
Si usted es un sitio de medios de comunicación, entonces tiene sentido que lo añada. Si se trata de un sitio web de negocios, puede que no suponga una gran diferencia.
¿Qué necesitas para activar Facebook Instant Articles en WordPress?
Hay algunos requisitos para establecer Facebook Instant Articles en tu sitio de WordPress. Necesitas un:
- Página de Facebook para tu sitio web en WordPress.
- Al menos 10 o más artículos en tu sitio web.
- Instant Articles for WP plugin (Te mostraremos cómo establecerlo más adelante en este artículo).
Dicho esto, vamos a empezar por solicitar Facebook Instant Articles.
Acceder a Facebook Instant Articles
En primer lugar, tienes que visitar el sitio web de Facebook Instant Articles y hacer clic en el botón “Comenzar a ganar” para empezar.
A continuación, accede a tu cuenta de Facebook o crea una nueva si no tienes cuenta.
Después de acceder, verás el Creator Studio. Facebook te pedirá que selecciones una página en la pestaña “Monetización”.
Selecciona tu página de Facebook para tu sitio web y haz clic en el botón “Configurar”.
Después, tendrá que completar las tareas de configuración y enviar su página para su reseña / valoración.
En primer lugar, tendrás que aceptar los términos y condiciones.
A continuación, haga clic en el botón “Comenzar” para añadir 10 artículos de producción para su reseña / valoración.
Al hacer clic en el botón, aparecerán más opciones.
Debe demostrar la propiedad de su sitio web reclamando su URL. Para ello, haga clic en el botón “Reclamar” situado frente a la opción Reclamar dominio.
Facebook te mostrará un fragmento de código que deberás añadir a tu sitio web de WordPress.
Puedes añadir hasta 10 sitios web para Facebook Instant Articles.
Debe copiar el código e insertarlo en la sección <head>
de su sitio WordPress.
Puede añadir este código a su sitio web de dos maneras.
Puedes editar el archivo header.php en tu tema hijo y pegar el código justo antes de la etiqueta <head>.
Sin embargo, si no estás usando un tema hijo, entonces puedes usar el plugin Insertar cabeceras y pies de página. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Tras activar el plugin, vaya a Ajustes ” Insertar cabeceras y pies de página desde el escritorio de WordPress y pegue el código en la sección de cabeceras.
Haz clic en el botón Guardar para guardar los cambios.
Una vez que hayas añadido el código a tu sitio web, tienes que volver a la pestaña Creator Studio y hacer clic en el botón “Reclamar URL”.
Aparecerá una ventana emergente.
Sólo tiene que introducir su dominio y hacer clic en el botón “Reclamar”. Si su sitio aún está en fase de desarrollo, puede activar la opción “Esta es una URL de desarrollo”.
A continuación, verás tu dominio en el campo “URL de dominio aprobadas” una vez que esté aprobado.
Continúe y haga clic en el botón “Confirmar”.
El siguiente paso es añadir un feed RSS de Instant Articles para tu sitio web.
Para ello, desplácese hasta “Añadir artículos de producción” y haga clic en el botón “Añadir”.
En la pantalla siguiente, verá un menú desplegable en el que puede seleccionar cómo desea añadir los artículos de producción.
Siga adelante y haga clic en el menú desplegable “Añadir artículos” y seleccione la opción “Añadir con feed RSS”.
Ahora aparecerá una ventana emergente con información sobre el feed RSS de producción.
Aquí tendrá que introducir la URL del feed RSS.
Para crear una URL de feed RSS, puedes volver al encabezado de tu sitio web WordPress y generar un feed de artículo instantáneo.
Primero, instala y activa el plugin Instant Articles for WP. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.
Una vez activado, puedes dirigirte a Instant Articles desde tu panel de administrador de WordPress e introducir el ID de tu página de Facebook. Puedes encontrar el ID de la página en la sección Reclamar dominio en Creator Studio.
Después de introducir el ID de la página, no olvides guardar los ajustes.
El plugin generará un feed de artículos instantáneo para su sitio WordPress.
Puede encontrar el feed añadiendo /feed/instant-articles
después de la URL de su sitio, de la siguiente manera:
https://www.example.com/feed/instant-articles
Copia la URL de tu feed de artículos instantáneos y vuelve a la pestaña de Facebook Creator Studio. A continuación, introduce la URL del feed RSS y haz clic en el botón “Guardar”.
Facebook te mostrará un mensaje de que tu feed se ha añadido correctamente.
Configure el estilo y la imagen de marca de sus artículos instantáneos
A continuación, puedes editar el estilo de tus artículos instantáneos de Facebook.
Sólo tiene que ir a la opción “Configurar estilos de artículos” en Añadir 10 artículos de producción para su reseña / valoración y hacer clic en el botón “Configurar”.
Después, puedes cambiar el aspecto de tus artículos.
Adelante, haz clic en el botón “Añadir estilo”.
Se abrirá una ventana emergente en la que podrás personalizar el estilo por defecto de Instant Articles.
Hay opciones para subir el logotipo de su sitio web y editar el estilo del título, el cuerpo del texto, el encabezamiento, el subtítulo, etc.
Lo mejor es que puedes ver una vista previa en directo del cambio realizado en la ventana de la derecha.
Después de hacer los cambios, no olvides hacer clic en Guardar y luego en Listo.
Envíe su feed de artículos instantáneos para su valoración
Antes de enviar tu feed de Instant Articles para su reseña / valoración, debes asegurarte de que tienes al menos 10 artículos en tu feed de Instant Articles.
Si ya ha publicado más de 10 artículos en su sitio web, pero el feed no los muestra todos, entonces tiene que editar sus últimos 10 artículos y simplemente hacer clic en el botón de actualización.
Cuando estés seguro de que tienes 10 artículos en tu feed de Instant Articles, ya puedes enviarlos a Facebook para su reseña / valoración.
Si no hay errores en tu feed de Instant Articles y has completado todas las tareas obligatorias, verás el botón “Enviar para reseña / valoración”. Sigue adelante y haz clic en este botón para enviar tu feed para su reseña / valoración.
Eso es todo, Instant Articles estará disponible para tu sitio web una vez que el equipo de Facebook haya revisado y aprobado tu feed.
Bonificación: Seguimiento de Facebook Instant Articles en Google Analytics
Ahora que has configurado correctamente Facebook Instant Articles en WordPress, también deberías ver cómo rinden.
Si realiza un seguimiento de su rendimiento en Google Analytics, podrá ver qué artículos reciben más tráfico y cómo interactúan los usuarios con su contenido.
La forma más sencilla de realizar un seguimiento de los Instant Articles de Facebook es a través de MonsterInsights. Es la mejor solución de Analytics para WordPress y te permite establecer Google Analytics sin editar código.
Ten en cuenta que necesitarás la versión Pro de MonsterInsights porque incluye la extensión Facebook Instant Articles y otras características avanzadas de seguimiento. También hay una versión MonsterInsights Lite que se puede utilizar de forma gratuita.
En primer lugar, instale y active el plugin MonsterInsights. Para más detalles, consulte nuestra guía sobre cómo instalar un plugin de WordPress.
Una vez activado, verás la pantalla de bienvenida de MonsterInsights en tu escritorio de WordPress. Haz clic en el botón “Iniciar el asistente” para conectar tu sitio de WordPress con Google Analytics.
Puede seguir nuestra guía paso a paso sobre cómo instalar Google Analytics en WordPress para obtener más información.
A continuación, dirígete a Insights ” Addons desde tu escritorio de WordPress y navega hasta la extensión “Facebook Instant Article”.
A continuación, haga clic en el botón “Instalar” y la extensión se activará automáticamente.
Eso es todo, no hay necesidad de configuración adicional. MonsterInsights comenzará a realizar un seguimiento de tus Instant Articles de Facebook en Google Analytics.
Consejos para diagnosticar problemas en Facebook Instant Articles
Facebook requiere que tu feed de Instant Articles coincida con las especificaciones descritas en su sitio web para desarrolladores. Instant Articles para WP plugin maneja esa parte para usted.
Sin embargo, dependiendo del tema o de los plugins que utilices en tu sitio, es posible que aparezcan algunos errores o advertencias. Para diagnosticar estos errores, edita una entrada y desplázate hasta la caja meta de Facebook Instant Articles que aparece debajo del editor de entradas.
La mayoría de los errores son causados por plugins o temas que añaden contenido a tus entradas que no son compatibles con las reglas de transformación utilizadas por el plugin Instant Articles for WP.
Puede crear sus propias reglas de transformación personalizadas. Consulte la documentación del plugin para aprender a añadir sus reglas de transformación personalizadas.
Sin embargo, creemos que sería difícil para la mayoría de los principiantes hacerlo por su cuenta, por lo que es posible que necesite un desarrollador. Puedes intentar configurar tus otros plugins y temas y evitar que añadan bloques de contenido a tus entradas.
URL incorrectas
Si recibes continuamente un error de feed vacío al enviar tu feed de Instant Articles, entonces comprueba la URL que estás intentando añadir.
http://www.example.com/feed/instant-articles
http://example.com/feed/instant-articles
Se trata de dos URL diferentes y, dependiendo de la configuración de WordPress, si introduce la URL incorrecta puede producirse un error 404.
Si sigue apareciendo el error de feed vacío, intente actualizar las diez últimas entradas de su sitio. Esto cambiará su tiempo modificado y los añadirá al feed.
Esperamos que este artículo te haya ayudado a establecer Facebook Instant Articles para WordPress. También te puede interesar nuestra lista de 40 herramientas útiles para gestionar y hacer crecer tu blog de WordPress y cómo crear una tienda online.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jay
Plz update this article, I am phasing more problems to connect feed url.
WPBeginner Support
We will be sure to look into updating this article when we are able.
Administrador
Ahmad
Now it also need page access token
WPBeginner Support
Thank you for letting us know about this update to Facebook’s requirements
Administrador
Derek
This says nothing about actually adding ads form the audience network though which is the hardest part.
WPBeginner Support
That topic would likely be best for a different article but thank you for the suggestion
Administrador
vicky
I have created a website recently. it’s just been 20 days. And also i have created a Facebook page 4 days ago. my website has around 13 posts and on facebook page i have published 2 posts.
So is it something like that my facebook page should be 90 days old so that my page can be eligible for Facebook instant.?
usman
for instant article which hosting plan i should purchase?
WPBeginner Support
You do not need a specific hosting plan for Facebook Instant articles, for this method you would just want to be sure your site is a WordPress.org site.
Administrador
Arize
So it’s just like Google AMP but a Facebook version of it. Right?
Naman Modi
This post really inspired for me . Therefore, try it especially if you want to increase traffic to your site. Take advantage of Facebook’s massive user-base to share your work.
Geet Rajput
The provided URL is not being accepted because the site has minimal readership, which violates the Instant Article Policies. Please provide a different URL.
this error show for my website. in my website 80+ article post. please tell me what to do.
Ernest
Im facing same problem here
naimesh
Get more traffic in your website and then try again and make sure you put the metatag properly in header.php in your website.
Jithendar
One of my fb business page not appearing when applying to instant articles
gideon
please how can i use my existing Facebook page to register for Facebook instant articles?
Jilin
how to remove old website in instant article and add a new website
Rahat Hameed
please update your article
Alex
Most of the stuff is still accurate and applicable. You should have no problem following it. The only difference is that you no longer need to create a Facebook Developer App to do it. Essentially, Facebook made it easier.
Mathukutty P.V.
Thanks. I was looking in google about fb instant articles and also tweeted. But I dont think this will give more traffic to blog.
Suraj
Hiiii;
thanks for such a good post i have successfully setup the instant article.But i am getting a problem that my posts don’t show images on instant article and some post don’t show ads.
can you please help me..
Elisabeth
This is great, but it doesn’t tell us how to get the ads activated.
Milan
Hello, I have problem. When I try to activate Word press Instant Article plugin I see this: “No space left on device (28) in Unknown on line 0 Warning: Unknown: Failed to write session data (files). Please verify that the current setting of session.save_path is correct (/var/lib/php/session) in Unknown on line 0” ?
Vinayak Kejriwal
How to solve this error while claiming the URL in Step 4 :
“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.”
Rohit
thanks for this tutorial…
i am facing problem in claiming my url
whenever i try to claim my url, it shows something like this.
“We tried going to your page and checking the page tags present, but there was a failure.”
please tell me what to do now.
Dameh
Please help. It seems the Instant Article plugin for WP has been updated and I was unable to follow your tutorial to set up the Plugin on my Wordpress dashboard as the setting page looks totally diferent from what you showed on your images.
Yatin
Same is happening with me.. in first page of plugin..it is asking me for page id
Placement id.
Ad size and lots more things..
and when along with this error when i am entering that feed url then in result that url is showing full coding in result..
plz help me out
Elie
Hello,
thank you for your tutorials
when installing the plugin, it gives me this error!
Installation failed: Could not copy file. fb-instant-articles/vendor/facebook/facebook-instant-articles-sdk-php/src/Facebook/InstantArticles/Transformer/Warnings/NoRootInstantArticleFoundWarning.php
WPBeginner Support
Hi Elie,
Please see our WordPress troubleshooting guide or try plugin’s support forum.
Administrador
Rahat Hameed
Please Update the Article
Saurav
what is my app domain
in settings under the dashboard tab?
david
greetings… WPBEGINNER SUPPORT, i appreciate this post.. very educative.
i was able to submit for review following your steps.
please i need help on the instant article plugin for wp, i could not submit for review, when ever i try submitting, i always get ” Permission Error”.
i wish to know if that will also be needed after the review from facebook team? Thank you very much……….. you are so kind.
Kumar Sarthak
In the Wordpress instant article plugin, i am facing a error while logging into facebook. “ERROR – Facebook SDK returned an error: Couldn’t resolve host ‘graph.facebook.com”
and when it is directed to facebook, this is the messga i get, “Submit for Login Review
Some of the permissions below have not been approved for use by Facebook.
Submit for review now or learn more”
Please help me.
Mzainal
Can we add images in the instant article?
Pankaj Pandey
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.
I am getting this error continously and unable to claim the website. plz help
Giuseppe
Hi, I use an advertising script I have inserted in the dedicated section of the wordpress plugin code . The posts that are published show instead of advertising a blank, why?
Thank a lot for your support
Best regards
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.
Administrador
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.
Administrador
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.