Facebook & Instagram embeds on WordPress break soon
Some time ago, Facebook announced that it would change the way it handles embeds on other sites. From October 24, you can no longer simply paste your links in WordPress to make your Facebook and Instagram content appear on your site. Because of this matter, WordPress has to drop support for the Facebook oEmbed API. Now, you have to switch to a Facebook developer account and register an app to get an access token. Luckily, there are easier ways to keep your embeds working.
What will happen?
Up until now, you could simply paste a link to a Facebook or Instagram post in your WordPress post. WordPress would take that URL and automatically turn it into a nice looking embed. As of October 24, this is no longer possible without some work from your end. Also, not doing anything might mean your current embeds stop working as well. There’s a chance some of the content you’ve embedded content on your pages breaks.
Why is this happening?
There is an open standard to make sure embeds work well everywhere and that is called oEmbed. By using this, every platform can authenticate shared content in a similar way. Unfortunately, Facebook will now drop support for oEmbed and require users to use its own API’s.
That’s all fine, but WordPress as a platform can’t follow that move. WordPress cannot sign you up for that Developer account and register itself as an app. WordPress can’t claim ownership over that app, so that’s why this feature will be dropped from core in WordPress 5.5.2.
Next week, your Facebook and Instagram embeds will probably stop working and you will need to take the necessary steps to prevent this from happening — and to keep that easy way to embed your Facebook and Instagram content on your WordPress site.
What can you do?
To keep everything working, Facebook would really like you to put in the effort. Their solution is for you to sign up for a Developer account, register an app, add an oEmbed Product to that app, create an access token, et cetera, et cetera. You can find more on Facebook’s oEmbed documentation.
As you can see, that’s simply not a viable option for most people. So, what are your options to get embeds working like they used to?
- Use Facebook’s method, which is complicated and messy.
- Use the oEmbed Plus WordPress plugin that reinstates embedding for Facebook and Instagram content. While easier, this still requires you to go through the process of registering a Facebook developer account and create an app ID.
- Use Smash Balloon’s updated Facebook and Instagram plugins. These plugins fix the oEmbed issue, while keeping all your existing content working. The free versions of these plugins work well, but the paid Pro versions have many more features should you need them.
- Use Jetpack: For Jetpack 9.0, the development team worked with Facebook to provide a simple way to make everything work and to keep it that way. All you need to do is connect your site to Jetpack.
Does this mean anything for Yoast SEO?
You might think that this might influence Yoast SEO as well, because we offer social sharing and social previews as part of our Premium feature set. Well, Yoast SEO is not affected by this in any way. Our plugin doesn’t offer ways to embed content on your WordPress site, but it does offer ways of checking how your shared content would look on other sites.
Your Facebook embeds can break
Do you have a lot of embeds on your sites? If those consist of Facebook and Instagram posts, a new API change by Facebook might break these embeds. It will also break the possibility to embed new social posts in your posts. There are reasons why WordPress can’t fix this for you, so you need to take action yourself if you want your embeds to keep working in the future.
Coming up next!
-
Event
WordCamp Europe 2024
June 13 - 15, 2024 Team Yoast is at Attending, Organizing, Sponsoring, Volunteering WordCamp Europe 2024! Click through to see who will be there, what we will do, and more! See where you can find us next » -
SEO webinar
Webinar: How to start with SEO (May 7, 2024)
07 May 2024 Learn how to start your SEO journey the right way with our free webinar. Get practical tips and answers to all your questions in the live Q&A! All Yoast SEO webinars »
Thanks for the information and update, though I have to admit–most of it sounded like Charlie Brown’s mom tlaking! I use WordPress to create blog articles that got “sent out” distributed to FB, Instagram and others because I had clicked a link on the WordPress site. I have NO idea if that is the “embed” you’re concerned with here. You can probably guess I have pretty limited experience in this matter. Not sure what these “embeds” are, so I have no clue what the “plug-ins” are doing. Perhaps a “3rd-grade reading level” for this article?? Thanks!
Thank you very much for this important information! It’s October 24 and the facebook links on my website still work, but I will throw facebook off. I don’t need it for my website, because I don’t have new posts, and when they make it so difficult: Bye!
You’re welcome, Charlotte! If in the future, you do want to add these embeds to your site again, you can always use one of the plugins mentioned above :)
I will install oEmbed to embade fb and instagram post for wordpress site. Nice article. Thanks for posting.
You’re welcome, Romel :)
Truthfully, I never even knew WP had embedded Facebook posts outside of the fb dev portal. I guess my ignorance is kind of a blessing.
Hi Jude. Not everyone needs these embeds, but it’s still rather unfortunate that they made this choice.
This is next to impossible. I now have a developer app ID, but not sure what to do next. I installed the oEmbed Plus on my website but also jetpack.
Not sure what to do next. It’s really foggy in the directions. Are you making a video on this?
Thanks for the heads up!
Hi Carol. You don’t need both. If you already have Jetpack installed, update to the latest version and make sure to connect your site to it. If you want to use the oEmbed plugin, you need to follow the steps outlined in this article: https://php.watch/articles/wordpress-facebook-instagram-oembed. Good luck!
So, if I read this correctly, if we are already using Jetpack 9.0.2, everything will work fine for embeds on FB & Instagram. Is that an accurate statement?
Hi! Yes, if you’ve installed Jetpack and connected it to your site, it should continu to work.