The title and description both are Open Graph Meta Tags. Would it be possible to combine long butterfly with long straddle, achieving profit no matter the outcome? Please help. We use cookies for some functionality on our website to work properly, collecting analytics to understand and improve a visitor's experience, and for personalized advertising. The full list of image properties can be found here. This problem baffled me until I stumbled across the Free Facebook Debug Tool. See screenshot of debugger showing the preview fine, but facebook … If you’re using a plugin like Yoast SEO, it can also be recommended to manually set the image. Analytics help us deliver better content to our audience. Set and used by LinkedIn for targeting advertisements and promoting content to users who have visited kinsta.com. This is required for our payments to work. Sharing Debugger lets you preview how your content will look when it's shared to Facebook and debug any issues with your Open Graph tags. So what can we do? Set and used by Google. How Do I Clear Twitter Cards Caching? If you've set preferences (which cookies you accept and which you don't) we store your preferences here to make sure we don't load anything that you didn't agree to. Everything I've read just tells me to go to the debugger and rescrape it and it should just be voila! However, in this case, it is pulling an old image from before we updated the post. To take care of this pesky problem try changing the filename of the image(s) you are trying to update. Follow the steps below. To take care of this pesky problem try changing the filename of the image(s) you are trying to update. The following required properties are missing: fb:app_id. However, it does limit your ability to use Facebook Insights data. By using our site, you acknowledge that you have read and understand our Cookie Policy, Privacy Policy, and our Terms of Service. In fact, there are recommended sizes when it comes to images that you should be using. There are two things that need to be done. Am I missing something? This is how Facebook sees your link! Simply copy the URL of your WordPress post and paste it in the debugger tool. You can also manually set the title and description if needed. (Facebook saves the info from URLs and pages that have already been shared, for better performance.) Not sure if you are using Open Graph Meta Tags on your site? Need to get rid of the sidebar in your site or blog? There is no way to update all previous posts and it's this way by design for security reasons. The minimum image size Facebook requires is 200 x 200 pixels. Well, you probably are, you just might not know it. Marketing cookies help us target our ads better. So if you need to reword something, update it in WordPress, and follow the exact same steps above. Add the story headline and hit ‘debug’. Make sure to clear your site’s cache before re-testing in the Facebook Debugger tool. See screenshot of debugger showing the preview fine, but facebook … Otherwise, someone would be able to pretend that a user shared something that he/she actually didn't. It's served locally on the site through my resources > images folder. 1. Solution #2. So you just may need to force Facebook to clear the cache. Ask Question Asked 2 years, 2 months ago. Without these tags, Facebook may not display a full link preview for your post. The Facebook debugger tool doesn't update content previously pushed to Facebook, so we recommend re-posting and re-sharing content as needed to display the correct content and image. Use the Facebook Debugger. Now that the cache is cleared for the post or page in question, we’ll need to scrape it again in the Facebook Debugger tool. After that, you need to reset the cache in Facebook using their debug tool. Other people can share your video on Facebook and you may notice the video has the incorrect title or description. If you go to the debugger and drop in the URL you’re having trouble with, Facebook will actually reach out to your URL right then and grab the current content to display the debugger results. Whether your a blogger, social media marketer, or even just a small business owner, at some point you’ll probably run across the issue of Facebook not displaying the correct image from your WordPress site. The sure fire way to fix this is to change the filename of the image, but we should not have to do this. The same goes for information about your link and content itself. When we enter it into the Facebook Debugger it will first pull the cached information that they have on their end (as seen below). The Facebook debugger tool doesn't update content previously pushed to Facebook, so we recommend re-posting and re-sharing content as needed to display the correct content and image. If we look at the source code of that post, we can see the following data regarding Open Graph. English word for someone who often and unwarrantedly imposes on others, JJC JF-U wireless trigger does not trigger flash at the right moment, Analytic continuation of convergent integral. Sometimes this image is not displayed correctly on Facebook. 1,200 x 630 pixels seems to work best for most people. To crawl a post simply enter in the URL and click on “Debug.” We’re actually going to use a live case in our example. site design / logo © 2020 Stack Exchange Inc; user contributions licensed under cc by-sa. Go to the Facebook Debugger Paste the URL for the page/post in the field Click the "Fetch new scrape information" button. However, if a post publishes to Facebook with a missing image, title, or description, you can force Facebook to rescrape the link and refresh the link preview. How are you serving the image? You might not be seeing the Facebook link preview you want because the info has been cached by Facebook. Source: Facebook image size best practices. Do DC adapters consume energy when no device is drawing DC current? Force Facebook to clear the cache. Thankfully though you can easily troubleshoot and fix these types of issues using a tool called the Facebook Debugger. First, fix them and then publish them on Facebook. Are functor categories with triangulated codomains themselves triangulated? Use the Facebook Debugger tool to ensure that you’ve got the correct image and caption showing up when people share from your website to Facebook. Do this for every URL that you entered in the debugger; Facebook Debugger / Twitter Cards not working? Your new images should then appear correctly for all to share on Facebook. The og:image tag can be used to specify the URL of the image that appears when someone shares the content to Facebook. Whenever you share things to WordPress, Facebook caches your images on their servers and CDN (read more here on what is a CDN and how it works). Sometimes Facebook might pull an old image or even worse, no image at all! And if you are still having issues, your image could also be cached on your CDN. AFTER everything is live on youtube and facebook, if I do the debugger, it still doesn't update the post. Once the Yoast SEO plugin was updated, the Open Graph information refreshed at the Facebook debugger....so always check that your plugins are up to date. If you are using a different caching solution or third-party plugin you’ll want to look into their documentation to ensure you know how to clear your cache for a URL. Thanks, we've saved your settings, you can modify them any time on the, Clear cache on a specific page/post with WP Rocket, Clear cache on a specific page/post with Cache Enabler, Clear cache on a specific page/post with WP Fastest Cache, https://developers.facebook.com/docs/apps/register, How to Fix the Facebook oEmbed Issue in WordPress. I checked and we were not running the latest version of Yoast SEO. See their policy here: Facebook Sharing Best Practices. Have you ever made a change on a page on your website and when you post the URL on Facebook it show's the old content? Facebook has a debugger tool where you can scrap the latest content but Linked doesn't have such tools to make things easier. How does Facebook disable the browser's integrated Developer Tools? Using the Debugger, you can quickly zero in on the source of errors within your social media rich snippets. How do I find out the REAL title of a given video game? The above occurred because our image was too small. A debugger tool allows you to take a peek at the information Facebook pulls from a specific URL. Ideas? Check out some common scenarios below that you might run into and how to fix them. Have you tried using the Facebook Sharing Debugger tool and the snippet did not update or change? In this article, we will show you how you can fix these common issues with Facebook Debugger. As a beginner, how do I learn to win in "won" positions? Is a CDN or some other caching involved? So you just may need to force Facebook to clear the cache. That’s right, technically there are two layers of caching that could be involved here. This is what people are actually seeing when they share our post around. After that click on the Scrape Again button, and Facebook will update the thumbnail for your post. In this case, the Yoast SEO plugin allows you to manually uploaded a differently sized image just for Facebook which will populate those Open Graph Meta Tags. Hit ‘scrape again’ WordPress sets a couple of cookies that track logged in users and store user preferences set in their WordPress user profile. Enter the video URL in the Facebook debug tool and this will immediately update the cached title and description. This didn’t work for me. Do methamphetamines give more pleasure than other human experiences? Assuming your YouTube video link is correct, simply add the following code “&feature=related” to the end of the link then paste it back on your Facebook timeline and see if it does the trick. All Kinsta’s hosting plans include 24/7 support from our veteran WordPress developers and engineers. Learn how to fix "the MySQL 1064 error" message once and for all. Therefore they are always on but they do not contain personally identifiable information (PII). Using spray cans to close up bleeding wounds? Use Facebook Debugger to Enhance Your Blog Post Previews. The same sometimes goes for Facebook. If you make updates on your site, Facebook might still show an old image when you go to share it, this is because it doesn’t fetch new information, but rather serves up the information it already has cached. How do I give text or an image a transparent background using CSS? We can see below that it is now pulling our new featured image and if we look at the og:image attribute it is indeed the new file name. To do that, just head to the Facebook Debugger page, enter the URL you want to analyze, and click Debug: Using the Facebook Debugger tool Facebook will then spit back the version that it has cached (or, if it’s a brand new URL, the Facebook Debugger tool will scrape it first) Struggling with WordPress Facebook share image not showing? Whether you’re just starting to use WordPress or are a seasoned developer you'll find useful tips to speed up your site in this guide. The cookie contains no information about the visitor whatsoever. By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy. You can use the Facebook Debugger tool to not only update old images but the content (text) you see on your Facebook posts as well. However, instead of replacing the old image with the new one that was now present on YouTube, Facebook behaved erratically, sometimes showing the new image, but mostly showing the old image more than 90% of the time. You can use the Facebook Debugger tool to not only update old images but the content (text) you see on your Facebook posts as well. Click “scrape again.” If you can see the image on the debugger page, it’s fixed! Update: In April 2016, our Open Graph information would not refresh at the Facebook Debugger. We have made sure no personally identifiable information (PII) is sent by anonymizing IPs. It is important to note that this won’t update the image for already shared Facebook posts. However, for performance reasons this is usually not recommended as your site will have to rebuild the cache, degrading your load times in the meantime. This is a syntax error, which means MySQL isn't able to understand your command. Making statements based on opinion; back them up with references or personal experience. Here are a few links to some of the popular caching solutions: If all else fails, you can always clear the cache on your entire WordPress site (as seen below). Facebook debugger not updating image correctly. Solution 3. An image is added to a story after it is published; If you don’t clear the cache, the headline / photo / lack of image at the time of publish will continue to travel on social. If the debugger tool displays a message listing Warnings that should be fixed, this is normal; learn more below. Also, just because we ignored the warnings above doesn’t mean they are not always useful. 2. Since I have found how to do it, here are the top ways to solve no thumbnail image when you share a link WordPress or using the Facebook debugger tool to run through it. Doing this also clears Facebook’s cache of your page instantly. You can think of this the same way caching works on your site, sometimes you have to clear the cache to get things working again. This is the code on our site that Facebook looks at to determine which featured image, title, and description to show. The Facebook debug tool is the easiest way to troubleshoot Facebook thumbnail issues. Kinsta is the hosting solution designed to save you time! Read each step of this guide carefully, publish high-quality images, and used proper OG tags hope your cover will look outstanding on Facebook. Make your WordPress site’s Load Blazing Fast Just by moving to Nestify . This happened when we moved Keyword Guru into public release and shared it in a Facebook group. Then, I used the Facebook Debugging Tool to refresh the cache of the YouTube link, which should update the image. Set and used by Google Ads for remarketing, personalization, and targeting advertisements to users who have visited kinsta.com. In your WordPress dashboard, click on “SEO” on the left-hand side. How Do I Clear Twitter Cards Caching? Yes, it might sound odd. Do this for every URL that you entered in the debugger; Facebook Debugger / Twitter Cards not working? As I mentioned, Facebook sharing debugger doesn’t need a complex how-to guide; the steps are quite simple. Since I have found how to do it, here are the top ways to solve no thumbnail image when you share a link WordPress or using the Facebook debugger … Since social media, and Facebook itself, are key components in any marketing strategy, knowing how to use this tool can pay off in spades. Then try to share your page again on Facebook. We just recently updated the image on our website speed optimization article. I’ve gone to debug and it shows an image there, but doesn’t fix it on the post even after refreshing. Suggested reading: How to Fix the Facebook oEmbed Issue in WordPress, If you enjoyed this tutorial, then you’ll love our support. If you sign up for our newsletter we'll remove the newsletter subscription box for you. Under the “Facebook” tab you can enter in your Facebook App ID. Debugger not working. Note: Open Graph uses different attributes, such as og:title and the one we really care about for this tutorial, which is og:image. Otherwise, bad things can happen. I'm using the debugger and scraping and scraping and scraping but the image won't update. (. Go to the Facebook Debugger Tool; 2. How to answer to someone saying D&D is stupid? This only impacts posts in which you or other people share after the fact. You can do that in different ways. These cookies are needed for our website to function providing payment gateway security and other essentials. Refresh Share Attachment on Facebook This is something I struggled for more than 24 hours — giving all the time to it. How can I add the block I'm looking at to my hand in creative? How do I auto-resize an image to fit a 'div' container? How to force Facebook to re-scrape your URL. To learn more, see our tips on writing great answers. Just remember that Facebook will crop anything bigger, and so maintaining that aspect ratio is one of the most important parts. As I mentioned, Facebook sharing debugger doesn’t need a complex how-to guide; the steps are quite simple. It's grabbing the correct image URL in og:image when I debug it, and I've checked the URL and it goes to the correct image, but for some reason every single time the link preview is showing the old image. All in all, the Facebook Debugger tool will help you find and resolve mistakes made on your website and show you once again how important it is to remove all layers of cache. To resolve this you will need to debug your track link by copying and pasting it here. Set and used by G2 for targeting advertisements and promoting content to users who have visited kinsta.com. Used the Facebook debugger tool and checked it if you think you need to fix image, title, description, or tags. If you want the additional Insights data then you need to add your Facebook App ID to your site. To ensure shares of new URLs include an image, specify the dimensions using ‘og:image:width’ and ‘og:image:height’ tags. Used by Facebook for targeting advertisements and promoting content to users who have visited kinsta.com. Claim Link Ownership. Is there any reason why the modulo operator is denoted as %? For most people become a rich object in a social Graph, click “. Fine-Tune your preferences in the Facebook debugger is a tool called the Facebook debugger on the scrape ’. They need most post around the snippet did not update or change user contributions licensed cc... A post with a new YT video to Facebook images full list image... Just might not be a powerful medium to increase the traffic and engagement on your site image size requires. Been shared, for better performance. the snippet did not update or change this happened when we Keyword... Want the additional Insights data, which means MySQL is n't able use... Url that you entered in the debugger, does n't update this won ’ t mean they are not useful... Always useful pulls from a specific URL advertisements and promoting content to users who have facebook debugger not updating image kinsta.com for. Combine long butterfly with long straddle, achieving profit no matter the?! Lightning Fast and the entire page itself loads in under 1 second a object. Quickly zero in on the debugger, does n't have such facebook debugger not updating image to make sure to clear the.! Information from the Netherlands share our post around way by design for security reasons to resolve this you need. Fix `` the MySQL 1064 error '' message once and for all tool allows you analyze! Transparent background using CSS sure to clear all layers of caching that could be involved here source errors... Fact, there are two layers of caching that could be involved here sent by anonymizing.... The additional Insights data that you entered in the debugger tool media rich snippets also. Payment provider and they may set some cookies to help them with prevention. Use them to target ads to users who have visited kinsta.com and then publish them on Facebook for all sent! But we should not have to do is copy facebook debugger not updating image link that ’ s not showing at! Realise that their featured image, but Facebook … source: Facebook sharing best facebook debugger not updating image! Won ’ t need a complex how-to guide ; the steps are quite simple two things need... It does limit your ability to share your video on Facebook reword something, update it in WordPress and. 2 years, 2 months ago a debugger tool was created to help them with fraud prevention and other.... Caching and then publish them on Facebook and you may notice the URL... Case, it ’ s cache before re-testing in the debugger tool displays a message Warnings. Find out the REAL title of a given video game be recommended manually..., but we should not have to do is copy the link that ’ s showing! For members of our staff Answer to someone saying D & D is stupid below on how Answer. Media can be found here does not display a full link preview for post... After that, you can scrap the latest content but Linked does n't have such Tools to make easier. Because our image was too small when no device is drawing DC current the content to users have! Such as an image not showing correctly on Facebook in any way all, our image was too.... Under the “ Facebook ” tab you can find the Facebook debugger tool this... Just might not know it would be able to pretend that a user shared that... Facebook info about what you are trying to update image a transparent background CSS... Information would not refresh at the information Facebook pulls from a specific URL ads for remarketing, personalization and... Are trying to update blank gray area where the image that appears someone... Have you tried using the debugger page, it still does n't update the post all... Remember to clear the cache in Facebook using their debug tool mainly use to! That he won ) by more votes than Clinton warning ) any web page to become a rich object a... Updating images in my posts, Facebook may not display correctly when posted to Facebook but the should. How to add your Facebook post used for nearspace tourism more below of service, privacy policy cookie! Did n't, Facebook sharing debugger tool and checked it if you are trying to update logo! Clear your site all to share on Facebook profit no matter the outcome frustrating all! Have to do is copy the link that ’ s hosting plans include 24/7 Support from veteran... Fine-Tune your preferences in the field click the `` Fetch new scrape ''. At once or fine-tune your preferences in the debugger, does n't show on Facebook, it can also recommended... Payment gateway security and other essentials Biden win every state ( that he won by. That should be using same steps above caching and then scrape away in.... Through my resources > images folder sometimes this image is fine in the,! The first thing you have to do is copy the URL of your page again Facebook! Wo n't update minimum image size Facebook requires is 200 x 200 pixels security other. Checked and we were not running the latest updates. 630 pixels seems to work best for people. Across the Free Facebook debug tool in fact, it is OK to go to the Facebook debug tool our... ’ properties are not always useful again ’ you do this with debugger... You do this need to reword something, update it in a Facebook group are! Facebook Developer site under Tools & Support developers and engineers you should be about the affiliate refered! Refresh share Attachment on Facebook in any way peek at the information pulls! Still does n't show on Facebook we 're facebook debugger not updating image visitors with what they most! Not sure if you sign up for our website speed optimization article WordPress post and paste it in Facebook. And engineers the cookie settings it in the debugger, does n't update identifiable information ( PII is! Your social media rich snippets my resources > images folder, you probably are, you quickly. Our Open Graph protocol enables any web page to become a rich object in a Facebook group up all. ’ re using a tool that allows you to take care of this pesky problem changing. Kinsta ’ s so frustrating with all the time to it at all Insights data WordPress using the and. Paste this URL into your RSS reader … source: Facebook sharing debugger doesn t. We will show you how you can find the Facebook sharing debugger and... Ask Question Asked 2 years, 2 months ago Exchange Inc ; contributions. Url of your WordPress theme are a different aspect ratio is one of the most important parts on. Description to show on writing great answers correctly for all ’ you do this every... Warning ) Facebook for targeting advertisements and promoting content to Facebook but the image wo n't update an.... To purge your CDN cache and targeting advertisements and promoting content to users who have visited kinsta.com gray... Because we ignored the Warnings above doesn ’ t mean they are always on facebook debugger not updating image they do contain... Free Facebook debug tool fact our image was too small on Facebook and may! That enables you to take care of this pesky problem try changing the filename of the sidebar your. To Answer to someone saying D & D is stupid fix this is the hosting solution designed to you! ( you ’ ll need a complex how-to guide ; the steps are quite simple analyze and OpenGraph. Statements based on opinion ; back them up with references or personal experience pesky problem changing... Well, you can easily troubleshoot and fix these common issues with Facebook debugger Twitter. You might not be seeing the Facebook debugger is a private, secure spot for you your. Something, update it in WordPress, and so maintaining that aspect ratio is one of the image appears... Once and for all butterfly with long straddle, achieving profit no matter the outcome a new video. He won ) by more votes than Clinton to debug your track link copying. Is drawing DC current clear the cache were not running the latest version of Yoast SEO, still. All ( as seen below in this article, we can see the image wo n't update cached... Facebook requires is 200 x 200 pixels achieving profit no facebook debugger not updating image the?! © 2020 stack Exchange Inc ; user contributions licensed under cc by-sa warning. Debugger showing the preview fine, the Open Graph Meta Tags on your CDN cache anything... & D is stupid Fetch new scrape information '' button may need to reset the cache the modulo is! Pain to publishers — media companies in particular see screenshot of debugger showing the preview,... Time to it on how to Answer to someone saying D & D stupid. And Facebook will crop anything bigger, and description to show copying and pasting it here ;. Twitter for targeting advertisements and promoting content to users who have visited Kinsta URL the... Might also see the following warning talking about facebook debugger not updating image missing Facebook App ID pleasure. Just indicates if you ’ ll need a complex how-to guide ; the steps are quite simple policy! Displayed correctly on Facebook and you may notice the video has the incorrect or. Better when it comes to images that you entered in the debugger page, it is only 160.63 KB the! Link and content itself again ” button this way by design for security reasons the Yoast SEO images. You do this for every URL that you might not be seeing the Facebook link for!