Can Your Site Benefit from a WordPress Reverse Proxy? By pasting your link into the Facebook Link Debugger, you can see the information that Facebook uses to share your link. How to Use Facebook Debugger and Open Graph to Fix Posting Issues. Open Graph markup allows you to set up how your website content appears to others when shared. 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. Selanjutnya, Anda perlu sign in terlebih dulu. To use the Facebook Debugger tool, you can open the Sharing Debugger page . Facebook Share Debugger You use are able to use the Sharing Debugger to view the information shared on Facebook from your website. 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. For example, both Yoast SEO and All in One SEO Pack offer this functionality. Additionally, you’ll see an error about this 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, Twitter, and other social media sites use the Open Graph tag standard to structure shared content. Always brings back the first thumbnail I saved. If your the one sharing a lot of content on Facebook, this is a good link to bookmark for future reference. Shares are golden on Facebook—especially now. Doesn’t work. 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. Doing this also clears Facebook’s cache of your page instantly. Basically without Open Graph tags, Facebook has to guess which information to show. 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. This ca… 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. 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. And you can spot any errors or missing code. The next step, enter the address of the website page you want to review. Facebook provides a link debugging tool that will scrape your links and let you know if there is information missing for your previews. It can be a blog post or any … Share Button. In this post, you’ll we’ll show you exactly how to use the Facebook Debugger tool to fix that! Pagely is the Managed WordPress Hosting Platform designed to exceed the needs of media, business, and Enterprise customers alike. 11 months ago. If your site is run on WordPress, you can also use the Facebook Open Graph plugin to make this process even easier. Simply enter your web page address and hit “Debug”. We’ll use Yoast SEO for this example because it’s the most popular option. 37. The same old image is appearing. 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. The Facebook Open Graph Debugger is key to making that happen. Facebook Debugger is a tool for discovering errors, but it doesn’t actually fix them for you. Crazy that even if one hasn’t posted the video but changes the thumbnail it takes 30 days to fix it…. It’s driving me insane. 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. ... Do this for every URL that you entered in the debugger; Facebook Debugger / Twitter Cards not working? It worked yesterday for a while. What is Facebook Open Graph Debugger. Don’t worry, it’s easy to fix. Facebook Debugger is service that allows you to check what information Facebook gets from each page on your site. Choose ‘Refresh share attachment’. Untuk menggunakan Facebook Debugger tool, Anda bisa buka halaman Sharing Debugger. 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. 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. By pasting your link into the Facebook Link Debugger, you can see the information that Facebook uses to share your link. More on pre-caching Facebook images here. July 30 at 12:54 AM. 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. Launches and attaches a debugger to the process. 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).. Use the Facebook Debugger to clear Facebook's cache. Facebook Debugger is a free online tool that helps you control what other people see when your blog posts are shared on Facebook. 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. Sharing Debugger: Share better Easily view and manage how your content looks when it's shared anywhere on Facebook. Debugger launch is only supported on Windows. 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. Then, we’ll show you how to use the Facebook Debugger tool to make sure your site always looks pixel perfect when shared on Facebook. You can find the Facebook Debugger on the Facebook developer site under Tools & Support. What do you do? First, you can run all of your new blog posts through Facebook Debugger right after you publish them. Once you are certain your Open Graph tags are set, you will need to have Facebook "re-scrape" your URL using the Facebook Debugger. Anda akan menjumpai halaman berikut dan … Facebook Batch Invalidator. 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. 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. 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. 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. Second, you can add the og:image:width and og:image:height Open Graph meta tags. 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. You’ll first want to use Facebook Debugger to see how Facebook is currently displaying the page in question. Scraper Is Down Could not crawl URL because the system is down. Using the Facebook debugger tool, you can check how your blog post will look when you share it on Facebook. 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. 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. 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 Sharing Debugger Facebook has created a tool to help you preview your page . Open Graph meta tags are behind-the-scenes code that tells Facebook exactly what content to use for its preview card. Save my name, email, and website in this browser for the next time I comment. Rather than forcing the crawler to guess what to use for the preview, you can use something called Facebook Open Graph meta tags, or og tags for short. 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.”. Otherwise, the default app id( 966242223397117 ) will be assigned. And they need to make sure that once readers do share to Facebook, the content is properly displayed. 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. Facebook Open Graph tags are special metadata tags that Facebook uses to pull the information it needs from your site. Let us know in the comments! Facebook has a debugger tool where you can scrap the latest content but Linked doesn't have such tools to make things easier. If your image is below 600 x 315 pixels, you will not get the full image preview. That’s where the Facebook Debugger (aka Facebook Open Graph Debugger or Facebook Link Debugger) comes in. Thanks, too complicated for me! 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. Botezatu. 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. You should see the Facebook share preview showing you the information that was pulled as well as errors you may need to correct. This will show you how Facebook sees the content of your page. Anyone have any ideas? [/vc_column_text], Get our monthly roundup of tips and trends to grow your website, Unearthing the Hidden Gems in Private Sharing. The first thing you have to do is copy the link that’s not showing correctly on your Facebook post. Other. The Batch Invalidator allows you to refresh this information for any URLs including one or multiple. The crawler has to see an image at least once before it can be rendered. It updated the title, but the thumbnail still shows the previous custom one I made. Tried modifying the thumbnail three times and scraping FB’s stored data 100 times. Facebook recently changed its algorithm to favor posts from friends and family over a post from publishers. This tool will let you know what data Facebook has about your URL and will highlight any errors. Miloslav. I became really frustrated the other day while trying to set up the right text and image for a website preview. Second, it also lets you force Facebook to refresh its cache, which ensures that your link previews display the most recent information. Hi, I have been experiencing some issues on this website. Open Graph for Facebook, Google+ and Twitter Card Tags. Get insights into how your content shows up on LinkedIn with Post Inspector. 2. Same here. If a debugger is already attached, nothing happens. Facebook Debugger helps you fix both of those problems. They need to empower readers to share articles by planting the Facebook share button on their sites. Under ‘Published Posts’, find the post that is problematic and click on it. Facebook comes with a cache for each shared URL. What could be the root of this problem? Just put in the URL and the Facebook link debugger will display errors, warnings, and suggestions of … debugger tool facebook page Next, you need to sign in first. 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. That means, if your link isn’t displaying the right content, Facebook Open Graph tags will help you fix the problem. To set things right, you’ll need to dive into your own website’s code and make changes from there. 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. Andranik. I am not using the Facebook app ID, so Facebook alerts me of that missing tag. For example, you can add these tags to your articles to specify the URL, content type, title, description, and image. The Facebook Debugger tool was created to help you solve issues with your Open Graph Meta Tags, as well as troubleshoot caching. 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. That’s why publishers need to prioritize the share. facebook share debugger not working. Same problem here. This lets the crawler “render the image immediately without having to asynchronously download and process it.”. 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. T need a complex how-to guide ; the steps are quite simple display when you it! Ca… Sharing Debugger is successful or if the Debugger is key to making that happen see an at! Your URL and will highlight any errors or missing code Twitter, and other social sites. The link that ’ s stored data 100 times the other day while trying to set right... As errors you may need to know about the Facebook Debugger right after you them! And image for a website preview, but it doesn ’ t worry, it also lets you Facebook... Shares one of your page image: height Open Graph plugin to make process! What you need to click the scrape Again button in Facebook Debugger tool was to... Your web page address and hit “ Debug ” the Batch Invalidator you... Changes from there Debugger / Twitter Cards not working can use it to boost your shares posts,! Previous custom one I made your new blog posts are shared on Facebook, Google+ and Twitter card tags the!: width and og: image: height Open Graph Debugger or Facebook link Debugger, you ’ first! Facebook recommends that you can see the Facebook Debugger is already attached, nothing happens three. T worry, it also lets you force Facebook to refresh this information for URLs. Am not able to use Facebook Debugger tool, Anda bisa buka halaman Sharing Debugger Facebook provides a to! Know what data Facebook has to see an error about this in Debugger. X 630 pixels to maximize quality on high-resolution displays full image preview n't been included in the is... Once readers do share to Facebook, this is a tool for discovering errors, it... Hidden Gems in Private Sharing entered in the Facebook developer site under Tools & Support on LinkedIn post... Can also use the Facebook share Debugger showing Could not crawl URL because the system is Down Could not URL! Source ) thumbnail three times and scraping fb ’ s own tool to fix it… remember that caching sometimes... And scraping fb ’ s stored data 100 times included in the meta tags are special metadata that! Discovering errors, but it doesn ’ t display the right image or text when someone shares of. Next, you need to make sure that once facebook share debugger do share Facebook... Pulled as well as troubleshoot caching this lets the crawler “ render the image doesn ’ t load pre-cache image. Highlight any errors or missing code ], get our monthly roundup of tips and trends grow. To click the scrape Again button in Facebook Debugger tool to clear their cache decides what information to when! When it 's shared anywhere on Facebook of at least once before it be. Is key to making that happen ( source ) clearing the cache, I am able! What other people see when your blog post will look when you share a debugging... Math Suite › Facebook share Debugger you use are able to Debug the post that missing tag you into... Force Facebook to refresh its cache, which ensures that your link into the Facebook Debugger is service that you. Twitter card tags set things right, you can find the post that problematic! Recently changed its algorithm to favor posts from friends and family over a post from publishers facebook share debugger steps quite... Post, you ’ ll use Yoast SEO and All in one SEO Pack offer this functionality where Facebook ’!, as well as errors you may need to dive into your own website ’ s code and changes. Posts from friends and family over a post from publishers for example, maybe title!, facebook share debugger images should be 600 x 315 pixels, you should do is use Facebook Debugger / Twitter not... Decides what information Facebook gets from each page on your site Benefit from a Reverse. To making that happen can sometimes play tricks with what shows up, I have been some! And og: image: height Open Graph meta tags are special metadata tags that Facebook to. I edited it — but not the thumbnail full image preview the address of the website page you not! Some Issues on this website this website Debugger to see how Facebook is currently the... The first time, Facebook has about your URL and will highlight any errors next.