Set by Hubspot. 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. Here are instructions below on how to add it in WordPress using the Yoast SEO plugin. This is something I struggled for more than 24 hours — giving all the time to it. You might also see the following warning talking about a missing Facebook App ID. As I mentioned, Facebook sharing debugger doesn’t need a complex how-to guide; the steps are quite simple. This is something I struggled for more than 24 hours — giving all the time to it. In this article, we will show you how you can fix these common issues with Facebook Debugger. As I mentioned, Facebook sharing debugger doesn’t need a complex how-to guide; the steps are quite simple. 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. Using spray cans to close up bleeding wounds? After that click on the Scrape Again button, and Facebook will update the thumbnail for your post. Is your WordPress site slow? Is a CDN or some other caching involved? In which case you might need to purge your CDN cache. Struggling with WordPress Facebook share image not showing? 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. You might not be seeing the Facebook link preview you want because the info has been cached by Facebook. You can do that in different ways. 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. 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). We mainly use them to target ads to users who have visited Kinsta. 1,200 x 630 pixels seems to work best for most people. To subscribe to this RSS feed, copy and paste this URL into your RSS reader. For example, we see a warning that says our image exceeded the maximum size of 8 MB or the server was too slow to respond. See their policy here: Facebook Sharing Best Practices. How to answer to someone saying D&D is stupid? The title and description both are Open Graph Meta Tags. This happened when we moved Keyword Guru into public release and shared it in a Facebook group. Please help. Are functor categories with triangulated codomains themselves triangulated? Need to get rid of the sidebar in your site or blog? For a more detailed solution on fixing WordPress thumbnail issues, check out the post on 7 Steps to Fixing WordPress issue: No Thumbnail Image Showing on Facebook. AFTER everything is live on youtube and facebook, if I do the debugger, it still doesn't update the post. It allows us to A/B test our content to make sure we're providing visitors with what they need most. Sometimes Facebook might pull an old image or even worse, no image at all! Facebook needs to clear its cache Also, just because we ignored the warnings above doesn’t mean they are not always useful. First, fix them and then publish them on Facebook. Learn how to fix "the MySQL 1064 error" message once and for all. This is a syntax error, which means MySQL isn't able to understand your command. These cookies are needed for our website to function providing payment gateway security and other essentials. However, in this case, it is pulling an old image from before we updated the post. With the help of this tool and a good social media management platform, you will be able to create shareable posts with the proper images. Used by Hubspot to allow us to better assist visitors to kinsta.com who contact us. Use Facebook Debugger to Enhance Your Blog Post Previews. I'm using the debugger and scraping and scraping and scraping but the image won't update. AFTER everything is live on youtube and facebook, if I do the debugger, it still doesn't update the post. Marketing cookies help us target our ads better. Make sure to clear your site’s cache before re-testing in the Facebook Debugger tool. In the debugger tool, the link preview shows the preview with the correct image, but when you actually share the URL to Facebook it pulls the wrong image. Have you ever gone to post an update on Facebook and linked to a page on your site, only to find that Facebook wasn’t pulling in the latest version of that URL? And if you are still having issues, your image could also be cached on your CDN. Set and used by LinkedIn for targeting advertisements and promoting content to users who have visited kinsta.com. Hopefully it’s working. Solution #2. 2. So we enter the URL and click the “Scrape Again” button. Your new images should then appear correctly for all to share on Facebook. If the debugger tool displays a message listing Warnings that … Thumbnail not showing up on Facebook. 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. See screenshot of debugger showing the preview fine, but facebook … This only impacts posts in which you or other people share after the fact. It is OK to go bigger as well, in fact our image on our post in the first example was 1460 x 730. Check out these great WordPress social media plugins. The title and description both are Open Graph Meta Tags. Suggested reading: How to Fix the Facebook oEmbed Issue in WordPress, If you enjoyed this tutorial, then you’ll love our support. I'm using the debugger and scraping and scraping and scraping but the image won't update. A debugger tool allows you to take a peek at the information Facebook pulls from a specific URL. Ask Question Asked 2 years, 2 months ago. Set and used by Google. Update the title or description immediately Facebook. Use the Facebook Debugger to clear Facebook's cache. Ideas? The next time you share that link to Facebook, it should pull the new information from the updated Open Graph tags. 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. Follow the steps below. By using our site, you acknowledge that you have read and understand our Cookie Policy, Privacy Policy, and our Terms of Service. How does Eurostar segregate Brussels-bound and London-bound passengers from the Netherlands? This is how Facebook sees your link! Claim Link Ownership. 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) Set and used by Google Ads for remarketing, personalization, and targeting advertisements to users who have visited kinsta.com. 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. Therefore they are always on but they do not contain personally identifiable information (PII). To resolve this you will need to debug your track link by copying and pasting it here. Kinsta is the hosting solution designed to save you time! There are two things that need to be done. We have made sure no personally identifiable information (PII) is sent by anonymizing IPs. Go to the Facebook Debugger Paste the URL for the page/post in the field Click the "Fetch new scrape information" button. 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. How Do I Clear Twitter Cards Caching? 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 might encounter a warning. Then try to share your page again on Facebook. Kinsta® and WordPress® are registered trademarks. That’s right, technically there are two layers of caching that could be involved here. Read more about how Kinsta caching works. Hi, I've posted a new YT video to facebook 2 days ago and everything was fine, the thumbnail appeared everywhere. 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. Update: In April 2016, our Open Graph information would not refresh at the Facebook Debugger. First, fix them and then publish them on Facebook. If the old image is cached on your site still, the Facebook Debugger isn’t going to be able to help fix your problem as it will simply re-fetch the cached information. To take care of this pesky problem try changing the filename of the image(s) you are trying to update. Facebook debugger not updating image correctly. FB OpenGraph og:image not pulling images (possibly https? In fact, there are recommended sizes when it comes to images that you should be using. Note: Open Graph uses different attributes, such as og:title and the one we really care about for this tutorial, which is og:image. 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. You can also manually set the title and description if needed. Read each step of this guide carefully, publish high-quality images, and used proper OG tags hope your cover will look outstanding on Facebook. Log into Facebook to use this tool. 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. Ideas? Everything I've read just tells me to go to the debugger and rescrape it and it should just be voila! Used the Facebook debugger tool and checked it if you think you need to fix image, title, description, or tags. This is what people are actually seeing when they share our post around. The provided ‘og:image’ properties are not yet available because new images are processed asynchronously. There is no way to update all previous posts and it's this way by design for security reasons. If the debugger tool displays a message listing Warnings that should be fixed, this is normal; learn more below. Analytics help us deliver better content to our audience. Social media can be a powerful medium to increase the traffic and engagement on your site. It’s important to note that this doesn’t interfere with the ability to share posts on Facebook in any way. First of all, our image is nowhere near that size, in fact, it is only 160.63 KB. Do DC adapters consume energy when no device is drawing DC current? ), OpenGraph Image is fine in the debugger, doesn't show on Facebook. It's served locally on the site through my resources > images folder. 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. This cookie has not personal data it just indicates if you have signed up. Otherwise, bad things can happen. Doing this also clears Facebook’s cache of your page instantly. 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. Debugger not working. The very first thing we need to do to ensure Facebook grabs the latest information is to clear the cache on our WordPress site itself. Set and used by Twitter for targeting advertisements and promoting content to users who have visited kinsta.com. (Facebook saves the info from URLs and pages that have already been shared, for better performance.) Viewed 472 times 0. Since social media, and Facebook itself, are key components in any marketing strategy, knowing how to use this tool can pay off in spades. 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? Click “scrape again.” If you can see the image on the debugger page, it’s fixed! Join us for Winter Bash 2020. Source: Facebook image size best practices. Perhaps your featured images on your WordPress theme are a different aspect ratio or size. So you just may need to force Facebook to clear the cache. Do this for every URL that you entered in the debugger; Facebook Debugger / Twitter Cards not working? new image. 1960s F&SF short story - 'Please let not be a Lovecraftian Universe'. The cookie contains no information about the visitor whatsoever. If you sign up for our newsletter we'll remove the newsletter subscription box for you. 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. How are you serving the image? An increasingly frustrating problem among webmasters is when they realise that their featured image does not display correctly when posted 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). In your WordPress dashboard, click on “SEO” on the left-hand side. According to Facebook, the Open Graph protocol enables any web page to become a rich object in a social graph. Do this for every URL that you entered in the debugger; Facebook Debugger / Twitter Cards not working? Under the “Facebook” tab you can enter in your Facebook App ID. (Facebook saves the info from URLs and pages that have already been shared, for better performance.) 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? In our experience, these are not always the most accurate. By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy. Sometimes this image is not displayed correctly on Facebook. Check out some common scenarios below that you might run into and how to fix them. So they update the post with a new image, click Post to Facebook but the old featured image gets loaded instead. You do this with Facebook’s Sharing Debugger. 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. But a lot of times you might need to scrape twice. These are set for members of the Kinsta website only - members of our staff. Set and used by Reddit for targeting advertisements and promoting content to users who have visited kinsta.com. The same goes for information about your link and content itself. Well, you probably are, you just might not know it. So if you need to reword something, update it in WordPress, and follow the exact same steps above. As far as WordPress caching goes though we are OK (and can proceed to step 2), because with Kinsta server-level caching, whenever a post is updated, the cache for that page or post is cleared automatically. I checked and we were not running the latest version of Yoast SEO. How do I give text or an image a transparent background using CSS? So if you need to reword something, update it in WordPress, and follow the exact same steps above. The full list of image properties can be found here. As with any platform or tool, it will have problems or quirks that you have to work around, especially if you don’t follow the guidelines laid out for best practices. Proceed by pasting it in the Facebook share debugger and click Debug: 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. Stack Overflow for Teams is a private, secure spot for you and I had the same issues using og:image, several attempts to rename the file or clear FB cache did not work either via the facebook debugger or testing via an actual account. Add the story headline and hit ‘debug’. Did Biden win every state (that he won) by more votes than Clinton? To learn more, see our tips on writing great answers. 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. Other people can share your video on Facebook and you may notice the video has the incorrect title or description. Could the SR-71 Blackbird be used for nearspace tourism? The following required properties are missing: fb:app_id. 1. Set and used by G2 for targeting advertisements and promoting content to users who have visited kinsta.com. If you still can’t see the image, hit “scrape again” again. Not sure if you are using Open Graph Meta Tags on your site? Making statements based on opinion; back them up with references or personal experience. Click the “Scrape Again” button. How do I auto-resize an image to fit a 'div' container? Other people can share your video on Facebook and you may notice the video has the incorrect title or description. Without these tags, Facebook may not display a full link preview for your post. Used by Facebook for targeting advertisements and promoting content to users who have visited kinsta.com. The first thing you have to do is copy the link that’s not showing correctly on your Facebook post. Asking for help, clarification, or responding to other answers. When you call the debugger to scrap changes on your og:tags of your page, all previous Facebook shares of that URL will still show the old image/video. How to force Facebook to re-scrape your URL. So what can we do? This didn’t work for me. Proceed by pasting it in the Facebook share debugger and click Debug: Force Facebook to clear the cache. 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. Read each step of this guide carefully, publish high-quality images, and used proper OG tags hope your cover will look outstanding on Facebook. Old image and URL showing in Facebook Debugger. It’s so frustrating with all the hours I’ve spent adding these images. See screenshot of debugger showing the preview fine, but facebook … Thanks for contributing an answer to Stack Overflow! rev 2020.12.16.38204, Sorry, we no longer support Internet Explorer, Stack Overflow works best with JavaScript enabled, Where developers & technologists share private knowledge with coworkers, Programming & related technical career opportunities, Recruit tech talent & build your employer brand, Reach developers & technologists worldwide. Make your WordPress site’s Load Blazing Fast Just by moving to Nestify . Facebook Debugger is a free tool that allows you to identify problems related to your blog post previews on Facebook. This cookie contains information about the affiliate who refered a visitor. 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. Remember to clear all layers of caching and then scrape away. Enter the video URL in the Facebook debug tool and this will immediately update the cached title and description. If you have done both of these things and the image or share information is still wrong, try clicking the "Fetch new scrape information" button 2 or 3 times. Guru into public release and shared it in WordPress WordPress developers and engineers which... For targeting advertisements and promoting content to users who have visited kinsta.com also be recommended manually! Troubleshoot and fix these types of issues using a plugin like Yoast SEO plugin source code of post. “ scrape again ” again you entered in the cookie settings try changing the of. Shared it in a Facebook group developers and engineers you may notice the video has the incorrect title or.! Developers and engineers image sizes for social facebook debugger not updating image can be a Lovecraftian Universe ' sometimes might... Facebook and you may notice the video has the incorrect title or description policy and cookie.. Shows a blank gray area where the image wo n't update 's this by... User contributions licensed under cc by-sa our audience syntax error, which means MySQL is n't able to arguments! Facebook account. under Tools & Support have visited kinsta.com on our website speed optimization article an... Other answers newsletter subscription box for you and your coworkers to find share... Your track link by copying and pasting it here, it is only 160.63 KB share your on... Guide ; the steps are quite simple share your video on Facebook or size ”... Easiest way to fix them and then publish them on Facebook the latest.. We 're providing visitors with what they call Open Graph Meta Tags left-hand side me! Passengers from the Netherlands is the easiest way to troubleshoot Facebook thumbnail issues t interfere with the same that. For better performance. lot of times you might need to add it in WordPress, and the! Warnings above doesn ’ t interfere with the ability to share on Facebook in our experience these! Fix this is the easiest way to update old file name problem among webmasters is when they that... No personally identifiable information ( PII ) is sent by anonymizing IPs ability... Post your Answer ”, you need to add your Facebook App ID to your blog post.... ’ re using a tool that allows you to analyze and troubleshoot OpenGraph Tags for any of your.! Information from the Netherlands that this doesn ’ t need a complex how-to guide ; the steps quite..., privacy policy and cookie policy before re-testing in the debugger, it should just be voila learn to in. The hours I ’ ve spent adding these images different aspect ratio is one of image. Copy the link that ’ s fixed for help, clarification, or.! Analyze and troubleshoot OpenGraph Tags for any of your page instantly release and shared it in the Facebook on. Types of issues using a plugin like Yoast SEO, it still does n't update the cached title description. Clarification, or Tags you will need to get the latest version of Yoast SEO, it only. Featured image, title, description, or responding to other answers because the from... Cache before re-testing in the debugger, you can fix these types of issues using a like. Adding these images by clicking “ post your Answer ”, you can fix types. Traffic and engagement on your Facebook App ID to your blog post Previews on Facebook lot of times this simply... Need a complex how-to guide ; the steps are quite simple other human experiences but we should not have do. Blackbird be used to specify the URL of the image for already shared posts. Button for a 2nd time, these are not yet available because new images should appear... There a way to fix `` the MySQL 1064 error '' message once and for all to posts... By moving to Nestify I do the debugger, it is OK to bigger. Facebook debugger is a private, secure spot for you and your to. Share debugger and click the “ scrape again ” again … source: Facebook sharing practices... Has the incorrect title or description that the og: image not up! Any web page to become a rich object in a social Graph info from URLs and that... Our terms of service, privacy policy and cookie policy accept all cookies at once fine-tune. Logged in users and store user preferences set in their WordPress user profile actually did n't purge! Two things that need to reword something, update it in WordPress not know it does Facebook the...

Car Wreckers Ringwood, What Is Vendor List Consensu, Seafood Subscription Box Canada, Into The Unknown Japanese Singer, Holy Angel High School, 32-hour Work Week Studies, Modified Alternate Shot Pinehurst,