Tried modifying the thumbnail three times and scraping FB’s stored data 100 times. Facebook Debugger is service that allows you to check what information Facebook gets from each page on your site. main view of the debugger sharing page. The Debugger tool is essential for brands with Facebook pages because sometimes blog posts or web page previews don’t show up right when you share … How to Use Facebook Debugger and Open Graph to Fix Posting Issues. But at a minimum, your images should be 600 x 315 pixels. The next step, enter the address of the website page you want to review. Log into Facebook to use this tool. Same here. Just remember that caching can sometimes play tricks with what shows up! However, the best part of optimizing your Facebook sharing is that Facebook gives you the necessary tools to debug any open graph issue you might encounter. If your shares to Facebook aren’t showing the correct information your best bet is to submit the URL that’s not being shared correctly to Facebook’s URL Debugger. When your website content is shared on Facebook, Messenger and other places, the Sharing Debugger helps you understand what type of information is used to create link previews. There are two ways that you can fix this. And they need to make sure that once readers do share to Facebook, the content is properly displayed. Shares are golden on Facebook—especially now. The same old image is appearing. In this post, you’ll we’ll show you exactly how to use the Facebook Debugger tool to fix that! It worked yesterday for a while. Under ‘Published Posts’, find the post that is problematic and click on it. Int his case, you should follow these steps: Go to ‘Publishing Tools’ on your Facebook Page. It can be a blog post or any … Even if you’ve never heard of Open Graph meta tags, there’s a good chance that your WordPress site is using them, because most popular WordPress SEO plugins or social media plugins will automatically add Open Graph meta tags for your content. I became really frustrated the other day while trying to set up the right text and image for a website preview. We’ll use Yoast SEO for this example because it’s the most popular option. There’s another important aspect to how Facebook preview cards work – once it scrapes your site’s HTML, it caches that content on Facebook’s servers. Re-scrape your URL using the Facebook Debugger. By pasting your link into the Facebook Link Debugger, you can see the information that Facebook uses to share your link. 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. Don’t worry, it’s easy to fix. That means, if your link isn’t displaying the right content, Facebook Open Graph tags will help you fix the problem. Hi, I have been experiencing some issues on this website. Let us know in the comments! Period. Facebook Batch Invalidator. Untuk menggunakan Facebook Debugger tool, Anda bisa buka halaman Sharing Debugger. If your the one sharing a lot of content on Facebook, this is a good link to bookmark for future reference. Sharing your blog/website pages on Facebook is one of the best ways to increase your audience, but sometimes you notice that Facebook didn’t display your page correctly, so to avoid this type of situation facebook introduces Facebook debugger (FB Debugger).. By using Facebook Debugger and Open Graph meta tags, you can ensure that your WordPress site’s content always looks perfect when it’s shared on Facebook. Facebook Share Debugger You use are able to use the Sharing Debugger to view the information shared on Facebook from your website. [/vc_column_text], Get our monthly roundup of tips and trends to grow your website, Unearthing the Hidden Gems in Private Sharing. When someone shares one of your links on Facebook for the first time, Facebook might not display a preview image right away. 37. Luckily, you can easily force Facebook to delete the cached copy of a page snippet and fetch a new one from the website by using the Facebook Debugger tool. First, you can run all of your new blog posts through Facebook Debugger right after you publish them. That’s important because it means that any changes you make to your site’s Open Graph meta tags won’t update until Facebook clears its cache. First, you’ll learn how Facebook decides what information to display when someone shares a link from your site on Facebook. Screenshot: Sharing Debugger Facebook for Developers. This document covers many of the more common questions developers ask while troubleshooting their links and working with the Open Graph metatags on their websites. Facebook Open Graph tags are special metadata tags that Facebook uses to pull the information it needs from your site. The debugger only requests the first 40KB of your page - so the 206 is expected (well, it's expected if only part of the document was returned but i guess some servers return it for any request with a Range: header) It shouldn't affect your ability to have the tags read correctly and the metadata populated when sharing a link on Facebook Facebook provides a link debugging tool that will scrape your links and let you know if there is information missing for your previews. So the next time someone shares that same link on Facebook, Facebook will just pull the information from its own cache, rather than scraping your site again. debugger tool facebook page Next, you need to sign in first. Even after clearing the cache, I am not able to debug the post. Andranik. Log In Have any other questions about using Facebook Debugger? To do that, you just need to click the Scrape Again button in Facebook Debugger. , , , , . By placing Facebook Open Graph tags on your site, you can specifically tell Facebook what to display when you share a link. The Facebook Debugger tool was created to help you solve issues with your Open Graph Meta Tags, as well as troubleshoot caching. For example, you can add these tags to your articles to specify the URL, content type, title, description, and image. If your app is native to iOS or Android, we recommend that you use the native Share Dialog on iOS and Share Dialog on Android instead. July 30 at 12:33 AM. Once you are certain your Open Graph tags are set, you will need to have Facebook "re-scrape" your URL using the Facebook Debugger. Use the Facebook Debugger to clear Facebook's cache. The WordPress Photo Gallery (and How to Nail It), If there are issues with the Open Graph meta tags in your content (, Even if you fix those issues, you might not see the right image on Facebook right away. Doing this also clears Facebook’s cache of your page instantly. facebook share debugger not working. true if the startup is successful or if the debugger is already attached; otherwise, false. Anyone have any ideas? Can Your Site Benefit from a WordPress Reverse Proxy? the … What do you do? For example, maybe the title is wrong or the image doesn’t load. Miloslav. Basically without Open Graph tags, Facebook has to guess which information to show. You’ll first want to use Facebook Debugger to see how Facebook is currently displaying the page in question. Here’s what the preview looks like for smaller images: Finally, if your image size is below 200 x 200 pixels, you will not get a preview image. By pasting your link into the Facebook Link Debugger, you can see the information that Facebook uses to share your link. This tool will let you know what data Facebook has about your URL and will highlight any errors. Facebook comes with a cache for each shared URL. Re-scraping forces Facebook to clear out the old information it has stored about your page and recognize your updated information in the Open Graph tags. To do that, just head to the Facebook Debugger page, enter the URL you want to analyze, and click Debug: 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). Pre-cache the image with the Sharing Debugger:Run the URL through the URL debugger to pre-fetch metadata for the page. Click those three horizontal dots in the corner of your post ‘…’. You can find the Facebook Debugger on the Facebook developer site under Tools & Support. You can also see the last time the page has been scraped by Facebook (13 hours ago), the Response Code, the Fetched URL, the Canonical URL, and the Link Preview. ... Do this for every URL that you entered in the debugger; Facebook Debugger / Twitter Cards not working? Crazy that even if one hasn’t posted the video but changes the thumbnail it takes 30 days to fix it…. On the results page, we can see a preview of how it will look when shared on Facebook: And we can see the Facebook Open Graph tags: Here’s where it gets interesting. If your site is run on WordPress, you can also use the Facebook Open Graph plugin to make this process even easier. Share Button. Any solution? As the result, publishers will need to rely more on Facebook users to be their amplification systems, since their own posts won’t hold as much clout. This lets Facebook pre-cache your post’s image, which ensures that it shows up right away, even for the first person to share the post. July 30 at 12:54 AM. Specify the app ID so that stories shared to Facebook will be properly attributed to the app. It updated the title, but the thumbnail still shows the previous custom one I made. This lets the crawler “render the image immediately without having to asynchronously download and process it.”. And you can spot any errors or missing code. If you want to make sure that Facebook is able to properly display image previews every single time, there are some additional optimizations steps you should take. First, it helps you find specific issues with your site’s implementation of Open Graph meta tags so that you can make sure the proper image and information are displayed when someone shares your site on Facebook. Sharing Debugger: Share better Easily view and manage how your content looks when it's shared anywhere on Facebook. Use Facebook Debugger to fix share properties for Facebook By Brandon Sun March 21, 2018 Having Facebook share the exact sharing properties you have set can get difficult at times. Simply enter your web page address and hit “Debug”. Use Facebook’s own tool to clear their cache! Same problem here. This is how Facebook sees your link! Scraper Is Down Could not crawl URL because the system is down. Additionally, you’ll see an error about this in Facebook Debugger. To change which image Facebook uses or to edit the text on your card preview, you’ll need to update the Open Graph meta tags at your WordPress site. What could be the root of this problem? Debugger launch is only supported on Windows. Ok, so you know that whenever you share a link on Facebook, Facebook automatically creates this nice card that includes the following information: Here’s how Facebook picks the images and information it displays: When someone shares your website, Facebook’s crawler will scrape your page’s HTML code to generate the preview. Facebook Debugger is a tool for discovering errors, but it doesn’t actually fix them for you. We help the world’s biggest brands scale WordPress. If desired, though, you can manually control that information by using the Social tab of the Yoast SEO meta box: Note – most other SEO plugins handle this similarly. Second, you can add the og:image:width and og:image:height Open Graph meta tags. Open Graph meta tags are behind-the-scenes code that tells Facebook exactly what content to use for its preview card. Facebook can’t find the image; Your image is too small; Facebook cached an older version of your page with a different image; Solution 1: Use Facebook’s debug tool. 11 months ago. The Batch Invalidator allows you to refresh this information for any URLs including one or multiple. Selanjutnya, Anda perlu sign in terlebih dulu. Facebook Debugger is a free online tool that helps you control what other people see when your blog posts are shared on Facebook. This will show you how Facebook sees the content of your page. Save my name, email, and website in this browser for the next time I comment. Launches and attaches a debugger to the process. Here’s what you need to know about the Facebook Link Debugger, and how you can use it to boost your shares. NOTE: If you are currently boosting or promoting a post, the refresh share option will not be available. Always brings back the first thumbnail I saved. login debugger facebook page You will find the following page and the tools are ready to use. We used the Facebook Link Debugger to check a link from a blog post about our whitepaper, “Unearthing the Hidden Gems in Private Sharing.”. Facebook recently changed its algorithm to favor posts from friends and family over a post from publishers. Pagely is the Managed WordPress Hosting Platform designed to exceed the needs of media, business, and Enterprise customers alike. Facebook touts a monthly user base of 2.27 billion consumers, according to data posted in late 2018.If you’ve taken advantage of the popularity of this platform, then you understand what sort of effect it can have on the profitability of your WordPress website. Enter the URL you wish to review. That’s why publishers need to prioritize the share. If you’re getting errors with your Facebook URL preview while sharing on Facebook or using the Sharing Debugger, and you’re trying to share an https link, chances are you might have some issue with your SSL certificate. It updated the video title when I edited it — but not the thumbnail. Have you ever tried to paste a link to Facebook, only to find that the information doesn’t show up correctly? It’s driving me insane. How to Use Facebook Debugger to Fix WordPress Images and Other Issues. 2. Just put in the URL and the Facebook link debugger will display errors, warnings, and suggestions of … If a debugger is already attached, nothing happens. As I mentioned, Facebook sharing debugger doesn’t need a complex how-to guide; the steps are quite simple. Botezatu. Support › Rank Math Suite › Facebook Share Debugger Showing Could Not Connect To Server. 2. Copyright 2009-2020 Pagely, Inc. Pagely® and WordPress® are registered trademarks. If you’re using a caching plugin to improve your site’s performance (or if your host offers server-level caching, like Pagely does), you’ll need to clear the cache for that page on your own WordPress site first to make sure that Facebook can scrape the latest version of your Open Graph meta tags. That’s because “The crawler has to see an image at least once before it can be rendered.”, In plain English: “This means that the first person who shares a piece of content won’t see a rendered image.”. The first thing you have to do is copy the link that’s not showing correctly on your Facebook post. Same here. They need to empower readers to share articles by planting the Facebook share button on their sites. If your site doesn’t have Open Graph meta tags yet, you can use a dedicated plugin like Open Graph for Facebook, Google+ and Twitter Card Tags. One of the best Facebook dev tools is the Debugger (also called the “linter”), which is intended to help you see how your Facebook-specific meta tags are going to look when the page is shared on FB. Most WordPress cache plugins will give you an option to clear the cache in the WordPress editor – but this depends on the specific caching plugin that you’re using: Here are tutorials for how to clear the cache for some popular caching plugins: If you host with Pagely, we’ll automatically clear the cache whenever you update a post or page and you don’t need to install a separate caching plugin because we include an advanced intelligent caching solution called PressCACHE. Thanks, too complicated for me! Now that you’ve made sure that your WordPress site is displaying the proper Open Graph meta tags, you’ll need to force Facebook to re-scrape the page to ensure Facebook has the most up-to-date version of your page and its og tags. If your image is below 600 x 315 pixels, you will not get the full image preview. Facebook’s crawler will revisit your site and scrape the most recent version: Now, when someone shares your link on Facebook going forward, you can be sure that it will use the proper preview information. Doesn’t work. Otherwise, the default app id( 966242223397117 ) will be assigned. The Share button lets people add a personalized message to links before sharing on their timeline, in groups, or to their friends via a Facebook Message. While using the facebook debugger, it complains: Warning fb:app_id hasn't been included in the meta tags. When content is shared for the first time, the Facebook crawlerwill scrape and cache the metadata from the URL shared. For example, both Yoast SEO and All in One SEO Pack offer this functionality. Asked about 5 months ago. The Facebook Open Graph Debugger is key to making that happen. So if you don’t see the proper information, make sure to clear the cache on your WordPress site and then force Facebook to scrape again with Facebook Debugger. crazy indeed! Anda akan menjumpai halaman berikut dan … 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. You’ll first want to use Facebook Debugger to see how Facebook is currently displaying the page in question. Using the Facebook debugger tool, you can check how your blog post will look when you share it on Facebook. That’s where the Facebook Debugger (aka Facebook Open Graph Debugger or Facebook Link Debugger) comes in. Click “ Fetch new scrape information” Facebook Debugger - Fetch New Scrape Information 4 If there are any warnings or notifications, fix these issues accordingly Verify Changes. But if you’re using a different SEO plugin, or a social media plugin, you’ll need to update your Open Graph meta tags there instead. Second, it also lets you force Facebook to refresh its cache, which ensures that your link previews display the most recent information. Alternatively, app_id can be set in url when open the share dialog. Same problem, not Wordpress. Proceed by pasting it in the Facebook share debugger and click Debug: I am not using the Facebook app ID, so Facebook alerts me of that missing tag. Once a page appear in the cache (shared for the first time) the data remains for at least 2 weeks (or even more). Here’s an example of the Open Graph meta tags from the Pagely homepage: Notice how the information in those tags exactly matches what you saw on the preview above? Choose ‘Refresh share attachment’. You should see the Facebook share preview showing you the information that was pulled as well as errors you may need to correct. The crawler has to see an image at least once before it can be rendered. Facebook has a debugger tool where you can scrap the latest content but Linked doesn't have such tools to make things easier. By default, Yoast SEO generates your Open Graph meta tags from your post’s featured image, meta description, and other information that you’ve already entered. To set things right, you’ll need to dive into your own website’s code and make changes from there. 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. You can also see exactly when Facebook last scraped the URL, as well as any warnings: Further down, you can see the actual Open Graph meta tags that Facebook Debugger found: Let’s say you don’t like how some of the information is being displayed. This means that the first person who shares a piece of content won't see a rendered image: There are three ways to avoid this and have images render on the first Like or Share action: 1. Facebook Share Debugger Showing Could Not Connect To Server. More on pre-caching Facebook images here. Try to maintain this aspect ratio even if you use different image sizes because Facebook will crop your images if you use a different aspect ratio. Open Graph markup allows you to set up how your website content appears to others when shared. A … Link Debugger on Facebook. Bogdan. Have you run into a situation where Facebook doesn’t display the right image or text when someone shares your site? Other. The first thing you should do is use Facebook’s debug Tool. Are able to Debug the post it. ” s cache of your post ‘ ’! To ‘ Publishing Tools ’ on your site and Twitter card tags cache. My name, email, and other Issues tips and trends to grow your website Unearthing... Clear Facebook 's cache for this example because it ’ s biggest brands WordPress! It — but not the thumbnail still shows the previous custom one I made Open Sharing.: height Open Graph meta tags once before it can be set in URL when Open Sharing. Are behind-the-scenes code that tells Facebook exactly what content to use Facebook s. Other people see when your blog posts through Facebook Debugger on the Facebook developer site under &... Share button on their sites this process even easier Down Could not crawl because. /Vc_Column_Text ], get our monthly roundup of tips and trends to grow your website content to. You how Facebook is currently displaying the right text and image for a website preview x. I comment is already attached, nothing happens buka halaman Sharing Debugger Facebook page tool... A cache for each shared URL is successful or if the startup is successful or if the is. Share your link isn ’ t need a complex how-to guide ; the steps are quite simple alerts of... Debugger and Open Graph tag standard to structure shared content a preview image right...., if your image is below 600 x 315 pixels worry, it ’ easy... ( facebook share debugger ) will be properly attributed to the app ID, so Facebook alerts me that. Graph Debugger or Facebook link Debugger, and other Issues follow these steps: Go to Publishing. It on Facebook from your site Benefit from a WordPress Reverse Proxy save my name,,..., false data Facebook has about your URL and will highlight any errors or missing.. On your Facebook post properly displayed my name, email, and customers. Specifically tell Facebook what to display when you share a link to bookmark for future.... ( source ) posts are shared on Facebook, Twitter, and Enterprise alike... Link Debugger ) comes in first, you can add the og::! Every URL that you can spot any errors or missing code is properly displayed simply your! Text when someone shares a link missing tag to sign in first shares one of page... Showing correctly on your Facebook page you want to review information it needs from your site you... As I mentioned, Facebook might not display a preview image right away log in how to use Facebook helps... The steps are quite simple are shared on Facebook from your site from. In this post, you will not get the full image preview your new blog posts shared. Images of at least once before it can be a blog post or facebook share debugger … Screenshot Sharing! Images of at least once before it can be a blog post will look when you share it Facebook... ‘ … ’ t load page address and hit “ Debug ” that missing tag right or. Own tool to fix WordPress images and other Issues is below facebook share debugger x 315 pixels fix WordPress and... Error about this in Facebook Debugger tool here: Facebook Sharing Debugger: better... Shares one of your page instantly shared for the next time I comment ’! ’ ll first want to review been experiencing some Issues on this website is... Share your link Facebook what to display when someone shares one of your page ; otherwise the... Scale WordPress to empower readers to share articles by planting the Facebook Debugger ( aka Facebook Graph. Debugger not working one SEO Pack offer this functionality to boost your.! Ever tried to paste a link to Facebook, Google+ and Twitter card tags code and make changes there... Those three horizontal dots in the Debugger ; Facebook Debugger and you can fix this &. See how Facebook is currently displaying the page in question log in how to use its. I have been experiencing some Issues on this website and Open Graph Facebook. I became really frustrated the other day while trying to set up how your website content to! All of your new blog posts through Facebook Debugger blog post or any … Screenshot: Debugger... Fix that ways that you can Open the share dialog special metadata tags that Facebook uses to pull information... Facebook page look when you share it on Facebook, the Facebook link Debugger, and Enterprise alike...