{"id":25457,"date":"2022-02-08T12:39:39","date_gmt":"2022-02-08T12:39:39","guid":{"rendered":"https:\/\/www.designbombs.com\/?p=25457"},"modified":"2022-10-04T00:43:49","modified_gmt":"2022-10-04T00:43:49","slug":"facebook-debugger","status":"publish","type":"post","link":"https:\/\/www.designbombs.com\/facebook-debugger\/","title":{"rendered":"How to Use Facebook Debugger and Open Graph to Fix Posting Issues"},"content":{"rendered":"\n<p><a href=\"https:\/\/newsroom.fb.com\/company-info\/\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook touts a monthly user base of 2.27 billion consumers<\/a>, according to data posted in late 2018. If you\u2019ve 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. <\/p>\n\n\n\n<p><strong>That said, what happens when Facebook fails to display your post as it was intended?<\/strong><\/p>\n\n\n\n<p>\n\nIn the following article, we\u2019re going to take a look at a few things: \n<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Why this happens to your content on Facebook.<\/li><li>How to use the Facebook Debugger tool. <\/li><li>How to integrate Open Graph markup into your workflow with an SEO plugin. <\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Why Doesn\u2019t Facebook Share Your Posts Correctly?<\/h2>\n\n\n\n<p>You meticulously craft a web page or blog post, knowing the design and content are sure to impress visitors and soon-to-be customers. <\/p>\n\n\n\n<p>That said, it doesn\u2019t matter whether you reach Facebook consumers through organic posts or paid ads. You expect your content to appear as polished as it is on your WordPress site. This is why it\u2019s so frustrating when Facebook shares your posts: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>With the wrong image.<\/li><li>With no image.<\/li><li>With an incorrect title or description.<\/li><li>With no title and\/or no description.<\/li><\/ul>\n\n\n\n<p><strong>So, why bother with Facebook marketing if it can\u2019t share your content correctly?<\/strong><\/p>\n\n\n\n<p>There are a number of reasons why this happens: <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Reason #1: WordPress Caching<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.designbombs.com\/top-10-free-website-speed-test-tools\/\" target=\"_blank\" rel=\"noopener noreferrer\">Website speed<\/a> plays a critical role in the success of a website. If pages load fast enough, visitors can focus on the content instead of on how painfully slow the experience is. <\/p>\n\n\n\n<p>A website is nothing more than a combination of files and code that come together to make the beautiful interface and functionality within it. But those files and code require a lot of processing power from your server whenever someone visits the website, which is what slows it down. This only gets worse as you add more content to the site. <\/p>\n\n\n\n<p>To get around this issue, your server can cache a web page. Basically, it makes a static HTML copy of it (that\u2019s significantly lighter in weight) and sends that to new visitors\u2019 browsers. C<\/p>\n\n\n\n<p>aching is supposed to clear when a web page has changed, but that\u2019s not always the case. There are times when a small change &#8212; like to a featured image or meta title &#8212; will get \u201cstuck\u201d. And this is why Facebook is sometimes unable to recognize the correct elements.<\/p>\n\n\n\n<p>So, it\u2019s in your best interest to keep loading speeds fast with <a href=\"https:\/\/www.designbombs.com\/top-wordpress-caching-plugins-compared\/\" target=\"_blank\" rel=\"noopener noreferrer\">a WordPress caching plugin<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Reason #2: Facebook Caching<\/h3>\n\n\n\n<p>\nFacebook has its own caching system, too, and <a href=\"https:\/\/developers.facebook.com\/docs\/sharing\/webmasters\/getting-started\/change-link\/\" target=\"_blank\" rel=\"noopener noreferrer\">for good reason<\/a>: \n\n<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>\u201cLink metadata tends to change infrequently, so the Facebook crawler conserves resources by updating your link metadata automatically every 30 days. Therefore, it can take as much as 30 days for your link details to update after a change.\u201d<\/p><\/blockquote>\n\n\n\n<p>\n\nSo, let\u2019s say you uploaded a post to Facebook. However, you realized you wanted to tweak the featured image. You delete the post, update and save the new image in WordPress, and then try to re-upload the post. However, the old featured image keeps showing up. This is typically when Facebook caching is to blame. \n\n<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Reason #3: Image Sizing<\/h3>\n\n\n\n<p>Facebook has minimum sizing requirements for sharing content on its platform. As such, if the featured image you\u2019ve attached to a post or page falls short of those guidelines, Facebook will look around the rest of the page to find a suitable replacement. This is how, even if you take care of everything else on this list, the wrong image still appears.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"365\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Sprout-FB-Info.png\" alt=\"\" class=\"wp-image-25465\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Sprout-FB-Info.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Sprout-FB-Info-300x137.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Sprout-FB-Info-768x350.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Sprout Social publishes up-to-date criteria for <a href=\"https:\/\/sproutsocial.com\/insights\/social-media-image-sizes-guide\/#facebook\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook image sizing guidelines<\/a>, so refer to this before you publish featured images to your WordPress site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Reason #4: Missing Featured Image<\/h3>\n\n\n\n<p>WordPress has a dedicated widget for featured images in every Post and Page. However, because it sits in the bottom-right corner of the UI, it\u2019s easy to forget it\u2019s there sometimes. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"509\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/WP-Featured-Image.png\" alt=\"\" class=\"wp-image-25466\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/WP-Featured-Image.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/WP-Featured-Image-300x191.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/WP-Featured-Image-768x489.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>When that happens, Facebook will treat it the same way it treats an undersized image. It will look at the rest of the page and see if it can dig up a suitable replacement. Typically, it will take the first properly sized image that appears on the page. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Reason #5: Missing Open Graph Markup<\/h3>\n\n\n\n<p> If you have an SEO plugin installed on your WordPress site, you\u2019re already familiar with metadata like this: <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"601\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Sample-SEO-Metadata.png\" alt=\"\" class=\"wp-image-25464\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Sample-SEO-Metadata.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Sample-SEO-Metadata-300x225.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Sample-SEO-Metadata-768x577.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Why do we need this? <\/p>\n\n\n\n<p>It conveys to search engines what the page is about and also helps convince consumers to click on the link when they encounter it in search. This metadata never shows up on your website. Instead, it\u2019s what search engines use to describe an individual web page in search results.<\/p>\n\n\n\n<p>When present, Facebook pulls from what\u2019s known as Open Graph markup. It\u2019s similar in function to SEO metadata; however, the main goal is to create social media-specific metadata. When Open Graph data is unavailable, however, Facebook draws from SEO metadata to craft the preview title and description for your post (if it exists).<\/p>\n\n\n\n<p>Now that we understand the why, let\u2019s look at how to fix it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Use Facebook Debugger to Fix Posting Issues<\/h2>\n\n\n\n<p>You want Facebook to be a vehicle through which you boost conversions; not lose them. Which means you need to get a handle on caching and Open Graph markup issues. <\/p>\n\n\n\n<p>This is the <a href=\"https:\/\/developers.facebook.com\/tools\/debug\/\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook Debugger<\/a>: <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"294\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Facebook-Debugger.png\" alt=\"\" class=\"wp-image-25462\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Facebook-Debugger.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Facebook-Debugger-300x110.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Facebook-Debugger-768x282.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>So long as you have a Facebook account, you can use this free tool to troubleshoot and repair Facebook metadata.Here is how the tool works: <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Run the Facebook Debugger<\/h3>\n\n\n\n<p>Enter your URL:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"134\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Debug-URL.png\" alt=\"\" class=\"wp-image-25458\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Debug-URL.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Debug-URL-300x50.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Debug-URL-768x129.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Then, click \u201cDebug\u201d.<\/p>\n\n\n\n<p>Pay close attention to the following elements the Debugger retrieved: <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"439\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Debugger-Info.png\" alt=\"\" class=\"wp-image-25459\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Debugger-Info.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Debugger-Info-300x165.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Debugger-Info-768x421.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p><strong>Time Scraped<\/strong>: If Facebook previously \u201cscraped\u201d (cached) this particular web page, you\u2019ll see a different timestamp here. Otherwise, it should be current.<\/p>\n\n\n\n<p><strong>Response Code<\/strong>: A response code of 200 or 206 is good. Anything else signals there\u2019s something wrong when Facebook attempted to scrape the page.<\/p>\n\n\n\n<p><strong>Link Preview<\/strong>: This shows you exactly how your post will appear in Facebook as of right now. If you\u2019re unhappy with it, then it\u2019s time to troubleshoot the underlying issue. <\/p>\n\n\n\n<p>Just one quick note to make about the Facebook Debugger: <\/p>\n\n\n\n<p>You should use this to diagnose potential sharing issues <em>before<\/em> you upload a post to Facebook. The Debugger cannot repair a post that is already live. All it can do is tell you what will happen when a post is published to Facebook and guide you to resolve any discrepancies before that ever happens.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Review the Open Graph Markup<\/h3>\n\n\n\n<p>Scroll down the Debugger page and you\u2019ll see the Open Graph markup Facebook was able to retrieve from the page: <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"412\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Debugger-OG.png\" alt=\"\" class=\"wp-image-25460\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Debugger-OG.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Debugger-OG-300x155.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Debugger-OG-768x396.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>If nothing were in these fields, it means that Open Graph markup is missing. <\/p>\n\n\n\n<p>The Facebook Webmasters guide provides information on <a href=\"https:\/\/developers.facebook.com\/docs\/sharing\/webmasters\/\" target=\"_blank\" rel=\"noopener noreferrer\">how to add Open Graph markup<\/a> to your website\u2019s metadata structure. <\/p>\n\n\n\n<p>Here is an example of how Open Graph markup looks from the <a href=\"https:\/\/www.designbombs.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">DesignBombs<\/a> website:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"178\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Open-Graph-Markup.png\" alt=\"\" class=\"wp-image-25463\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Open-Graph-Markup.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Open-Graph-Markup-300x67.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Open-Graph-Markup-768x171.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>You can manually update your page\u2019s metadata with Open Graph meta tags\u2026 or you can use a plugin to do it. Since you\u2019re already using an SEO plugin to optimize your content, you might as well let a plugin help you go the rest of the way. <\/p>\n\n\n\n<p>If the Open Graph Markup looks good &#8212; as it does in the example above &#8212; proceed to the next step. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Clear the WordPress Cache<\/h3>\n\n\n\n<p>Log into your WordPress website. <\/p>\n\n\n\n<p>Regardless of which caching plugin you use, there are typically two places in WordPress where you can clear the cache: <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"439\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Clear-Cache.png\" alt=\"\" class=\"wp-image-25456\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Clear-Cache.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Clear-Cache-300x165.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Clear-Cache-768x421.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>The first is in the top admin bar. It should say \u201cDelete Cache\u201d or \u201cClear Cache\u201d. You can also navigate to your caching plugin and do the same there. <\/p>\n\n\n\n<p>Wait for the confirmation message and then return to the Facebook Debugger.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Scrape Again<\/h3>\n\n\n\n<p>This time, click the \u201cScrape Again\u201d button beside the Time Scraped field. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"426\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Debugger-Scrape-Again.png\" alt=\"\" class=\"wp-image-25461\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Debugger-Scrape-Again.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Debugger-Scrape-Again-300x160.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Debugger-Scrape-Again-768x409.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>This will effectively clear the Facebook cache and allow it to retrieve the corrected version that exists on your website.<\/p>\n\n\n\n<p>In some cases, you\u2019ll receive a warning or error message. This may happen if the image detected by Facebook is too small or too large, if a featured image is missing, or if Open Graph markup is missing. If that\u2019s the case, return to your page in WordPress, fix the critical errors and then \u201cScrape Again\u201d in the Debugger.<\/p>\n\n\n\n<p>You might also want to use the \u201cScrape Again\u201d feature if you preview your post in the Debugger and decide the description is too long or you want to use another image. Now is the time to make those changes, clear the WordPress cache, and use the Debugger to \u201cScrape Again\u201d. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Review and Share Your Post<\/h3>\n\n\n\n<p>\nReview the snippet preview along with the Open Graph meta tags below it. If everything looks good, you have the all-clear to share this post on Facebook without worries. \n \n<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Use a WordPress Plugin with Open Graph Markup<\/h2>\n\n\n\n<p>If you find the Facebook Debugger to be tedious and don\u2019t want to have to go through the process every time you want to share content to Facebook, that\u2019s fine. You can let your WordPress plugin do the work!<\/p>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/wordpress-seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">Yoast<\/a> is, by far, the most popular SEO plugin for WordPress. What some of its users might not know is that it comes with an Open Graph markup tool, so let\u2019s quickly explore how to set this up.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Activate Yoast Social<\/h3>\n\n\n\n<p>To activate it, go to the SEO plugin on the WordPress sidebar and select \u201cSocial\u201d. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"447\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Yoast-SEO-Social.png\" alt=\"\" class=\"wp-image-25467\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Yoast-SEO-Social.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Yoast-SEO-Social-300x168.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Yoast-SEO-Social-768x429.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Click on the Facebook tab and switch the toggle to \u201cEnabled\u201d. <\/p>\n\n\n\n<p>Enter your Facebook App ID if you want to track activity in Facebook Insights related to your Open Graph marked-up posts. It\u2019s not necessary that you do this though. <\/p>\n\n\n\n<p>You can also add an Image URL here. This is just in case you or one of your content producers forgets to add a featured image (or any images at all) to a page. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Add Open Graph Meta Tags to Posts and Pages<\/h3>\n\n\n\n<p>On each post and page, you have a Yoast box that enables you to add page-specific SEO metadata. If you look over at the three tabs on the left of this module, you\u2019ll see a social-sharing icon. Click it to access the Yoast Social tab:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"560\" src=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Yoast-Social-Tab.png\" alt=\"\" class=\"wp-image-25468\" srcset=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Yoast-Social-Tab.png 800w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Yoast-Social-Tab-300x210.png 300w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Yoast-Social-Tab-768x538.png 768w, https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/Yoast-Social-Tab-84x60.png 84w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Now, Facebook <em>can<\/em> use the SEO title, slug, and description you wrote up. However, if you don\u2019t trust that Facebook can retrieve the data properly, or the Facebook Debugger has told you otherwise, go ahead and input your Open Graph markup here. <\/p>\n\n\n\n<p>The same goes for your Featured image. You may have already added it to the WordPress post or page. However, if you really want to drive the point home with Facebook, attach the image to the Yoast Social tab. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Post Your Content<\/h3>\n\n\n\n<p>\nIf all is configured above, you shouldn\u2019t have to use the Facebook Debugger tool anymore. However, if you do run into issues after posting your content to Facebook, just know that it\u2019s there to help you sort out any issues that arise.\n\n<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wrap-Up<\/h2>\n\n\n\n<p>Want to exponentially grow traffic to <a href=\"https:\/\/www.designbombs.com\/how-to-make-a-website\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Want to exponentially grow traffic to the WordPress website you've worked tirelessly to build? And boost conversion rates in the process? Social media marketing on a platform like Facebook could be key to your success\u2026 just be careful of what you post.  (opens in a new tab)\">the WordPress website you&#8217;ve worked tirelessly to build<\/a>? And boost conversion rates in the process? Social media marketing on a platform like Facebook could be key to your success\u2026 just be careful of what you post. <\/p>\n\n\n\n<p>If you don\u2019t take the time to use Open Graph markup correctly, you may unintentionally tarnish your business\u2019s reputation with poorly-composed posts. Thankfully, the Facebook Debugger and <a href=\"https:\/\/www.designbombs.com\/best-wordpress-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"If you don\u2019t take the time to use Open Graph markup correctly, you may unintentionally tarnish your business\u2019s reputation with poorly-composed posts. Thankfully, the Facebook Debugger and a must-have WordPress plugin like Yoast have you covered. (opens in a new tab)\">a must-have WordPress plugin like Yoast<\/a> have you covered.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Facebook touts a monthly user base of 2.27 billion consumers, according to data posted in late 2018. If you\u2019ve taken&#8230;<\/p>\n","protected":false},"author":47,"featured_media":25657,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[157],"tags":[],"class_list":{"0":"post-25457","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wordpress-tutorials","8":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.1 (Yoast SEO v26.4) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Use Facebook Debugger to Fix Posting Issues - Design Bombs<\/title>\n<meta name=\"description\" content=\"You&#039;ve created content for your WordPress site, but it doesn&#039;t post correctly to Facebook. Here&#039;s how to use Facebook Debugger and Open Graph to fix it.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.designbombs.com\/facebook-debugger\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use Facebook Debugger and Open Graph to Fix Posting Issues\" \/>\n<meta property=\"og:description\" content=\"Facebook touts a monthly user base of 2.27 billion consumers, according to data posted in late 2018. If you\u2019ve taken advantage of the popularity of this\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.designbombs.com\/facebook-debugger\/\" \/>\n<meta property=\"og:site_name\" content=\"Design Bombs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/designbombs\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-02-08T12:39:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-04T00:43:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/fb-debugger-db.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"770\" \/>\n\t<meta property=\"og:image:height\" content=\"320\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"sscacca\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@designbombs\" \/>\n<meta name=\"twitter:site\" content=\"@designbombs\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"sscacca\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.designbombs.com\/facebook-debugger\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.designbombs.com\/facebook-debugger\/\"},\"author\":{\"name\":\"sscacca\",\"@id\":\"https:\/\/www.designbombs.com\/#\/schema\/person\/641cef91412671ac9f19a511ba27086b\"},\"headline\":\"How to Use Facebook Debugger and Open Graph to Fix Posting Issues\",\"datePublished\":\"2022-02-08T12:39:39+00:00\",\"dateModified\":\"2022-10-04T00:43:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.designbombs.com\/facebook-debugger\/\"},\"wordCount\":1940,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.designbombs.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.designbombs.com\/facebook-debugger\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/fb-debugger-db.jpg\",\"articleSection\":[\"WordPress Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.designbombs.com\/facebook-debugger\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.designbombs.com\/facebook-debugger\/\",\"url\":\"https:\/\/www.designbombs.com\/facebook-debugger\/\",\"name\":\"How to Use Facebook Debugger to Fix Posting Issues - Design Bombs\",\"isPartOf\":{\"@id\":\"https:\/\/www.designbombs.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.designbombs.com\/facebook-debugger\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.designbombs.com\/facebook-debugger\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/fb-debugger-db.jpg\",\"datePublished\":\"2022-02-08T12:39:39+00:00\",\"dateModified\":\"2022-10-04T00:43:49+00:00\",\"description\":\"You've created content for your WordPress site, but it doesn't post correctly to Facebook. Here's how to use Facebook Debugger and Open Graph to fix it.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.designbombs.com\/facebook-debugger\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.designbombs.com\/facebook-debugger\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.designbombs.com\/facebook-debugger\/#primaryimage\",\"url\":\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/fb-debugger-db.jpg\",\"contentUrl\":\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/fb-debugger-db.jpg\",\"width\":770,\"height\":320},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.designbombs.com\/facebook-debugger\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.designbombs.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorials\",\"item\":\"https:\/\/www.designbombs.com\/category\/tutorials\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"WordPress Tutorials\",\"item\":\"https:\/\/www.designbombs.com\/category\/tutorials\/wordpress-tutorials\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How to Use Facebook Debugger and Open Graph to Fix Posting Issues\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.designbombs.com\/#website\",\"url\":\"https:\/\/www.designbombs.com\/\",\"name\":\"Design Bombs\",\"description\":\"Droppin&#039; design bombs everyday!\",\"publisher\":{\"@id\":\"https:\/\/www.designbombs.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.designbombs.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.designbombs.com\/#organization\",\"name\":\"DesignBombs\",\"url\":\"https:\/\/www.designbombs.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.designbombs.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2019\/04\/db-logo.png\",\"contentUrl\":\"https:\/\/www.designbombs.com\/wp-content\/uploads\/2019\/04\/db-logo.png\",\"width\":219,\"height\":92,\"caption\":\"DesignBombs\"},\"image\":{\"@id\":\"https:\/\/www.designbombs.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/designbombs\/\",\"https:\/\/x.com\/designbombs\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.designbombs.com\/#\/schema\/person\/641cef91412671ac9f19a511ba27086b\",\"name\":\"sscacca\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.designbombs.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8569386560b9c6d01a10becfe1e5bf0ad288c7a328c732380e5fddd71e66b751?s=96&d=https%3A%2F%2Fwww.designbombs.com%2Fwp-content%2Fthemes%2FDesignBombs%2Fimages%2Fgravatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8569386560b9c6d01a10becfe1e5bf0ad288c7a328c732380e5fddd71e66b751?s=96&d=https%3A%2F%2Fwww.designbombs.com%2Fwp-content%2Fthemes%2FDesignBombs%2Fimages%2Fgravatar.jpg&r=g\",\"caption\":\"sscacca\"},\"url\":\"https:\/\/www.designbombs.com\/author\/sscacca\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Use Facebook Debugger to Fix Posting Issues - Design Bombs","description":"You've created content for your WordPress site, but it doesn't post correctly to Facebook. Here's how to use Facebook Debugger and Open Graph to fix it.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.designbombs.com\/facebook-debugger\/","og_locale":"en_US","og_type":"article","og_title":"How to Use Facebook Debugger and Open Graph to Fix Posting Issues","og_description":"Facebook touts a monthly user base of 2.27 billion consumers, according to data posted in late 2018. If you\u2019ve taken advantage of the popularity of this","og_url":"https:\/\/www.designbombs.com\/facebook-debugger\/","og_site_name":"Design Bombs","article_publisher":"https:\/\/www.facebook.com\/designbombs\/","article_published_time":"2022-02-08T12:39:39+00:00","article_modified_time":"2022-10-04T00:43:49+00:00","og_image":[{"width":770,"height":320,"url":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/fb-debugger-db.jpg","type":"image\/jpeg"}],"author":"sscacca","twitter_card":"summary_large_image","twitter_creator":"@designbombs","twitter_site":"@designbombs","twitter_misc":{"Written by":"sscacca","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.designbombs.com\/facebook-debugger\/#article","isPartOf":{"@id":"https:\/\/www.designbombs.com\/facebook-debugger\/"},"author":{"name":"sscacca","@id":"https:\/\/www.designbombs.com\/#\/schema\/person\/641cef91412671ac9f19a511ba27086b"},"headline":"How to Use Facebook Debugger and Open Graph to Fix Posting Issues","datePublished":"2022-02-08T12:39:39+00:00","dateModified":"2022-10-04T00:43:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.designbombs.com\/facebook-debugger\/"},"wordCount":1940,"commentCount":0,"publisher":{"@id":"https:\/\/www.designbombs.com\/#organization"},"image":{"@id":"https:\/\/www.designbombs.com\/facebook-debugger\/#primaryimage"},"thumbnailUrl":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/fb-debugger-db.jpg","articleSection":["WordPress Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.designbombs.com\/facebook-debugger\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.designbombs.com\/facebook-debugger\/","url":"https:\/\/www.designbombs.com\/facebook-debugger\/","name":"How to Use Facebook Debugger to Fix Posting Issues - Design Bombs","isPartOf":{"@id":"https:\/\/www.designbombs.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.designbombs.com\/facebook-debugger\/#primaryimage"},"image":{"@id":"https:\/\/www.designbombs.com\/facebook-debugger\/#primaryimage"},"thumbnailUrl":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/fb-debugger-db.jpg","datePublished":"2022-02-08T12:39:39+00:00","dateModified":"2022-10-04T00:43:49+00:00","description":"You've created content for your WordPress site, but it doesn't post correctly to Facebook. Here's how to use Facebook Debugger and Open Graph to fix it.","breadcrumb":{"@id":"https:\/\/www.designbombs.com\/facebook-debugger\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.designbombs.com\/facebook-debugger\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designbombs.com\/facebook-debugger\/#primaryimage","url":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/fb-debugger-db.jpg","contentUrl":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/fb-debugger-db.jpg","width":770,"height":320},{"@type":"BreadcrumbList","@id":"https:\/\/www.designbombs.com\/facebook-debugger\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.designbombs.com\/"},{"@type":"ListItem","position":2,"name":"Tutorials","item":"https:\/\/www.designbombs.com\/category\/tutorials\/"},{"@type":"ListItem","position":3,"name":"WordPress Tutorials","item":"https:\/\/www.designbombs.com\/category\/tutorials\/wordpress-tutorials\/"},{"@type":"ListItem","position":4,"name":"How to Use Facebook Debugger and Open Graph to Fix Posting Issues"}]},{"@type":"WebSite","@id":"https:\/\/www.designbombs.com\/#website","url":"https:\/\/www.designbombs.com\/","name":"Design Bombs","description":"Droppin&#039; design bombs everyday!","publisher":{"@id":"https:\/\/www.designbombs.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.designbombs.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.designbombs.com\/#organization","name":"DesignBombs","url":"https:\/\/www.designbombs.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designbombs.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2019\/04\/db-logo.png","contentUrl":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2019\/04\/db-logo.png","width":219,"height":92,"caption":"DesignBombs"},"image":{"@id":"https:\/\/www.designbombs.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/designbombs\/","https:\/\/x.com\/designbombs"]},{"@type":"Person","@id":"https:\/\/www.designbombs.com\/#\/schema\/person\/641cef91412671ac9f19a511ba27086b","name":"sscacca","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designbombs.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8569386560b9c6d01a10becfe1e5bf0ad288c7a328c732380e5fddd71e66b751?s=96&d=https%3A%2F%2Fwww.designbombs.com%2Fwp-content%2Fthemes%2FDesignBombs%2Fimages%2Fgravatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8569386560b9c6d01a10becfe1e5bf0ad288c7a328c732380e5fddd71e66b751?s=96&d=https%3A%2F%2Fwww.designbombs.com%2Fwp-content%2Fthemes%2FDesignBombs%2Fimages%2Fgravatar.jpg&r=g","caption":"sscacca"},"url":"https:\/\/www.designbombs.com\/author\/sscacca\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.designbombs.com\/wp-content\/uploads\/2018\/12\/fb-debugger-db.jpg","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/posts\/25457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/users\/47"}],"replies":[{"embeddable":true,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/comments?post=25457"}],"version-history":[{"count":3,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/posts\/25457\/revisions"}],"predecessor-version":[{"id":25980,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/posts\/25457\/revisions\/25980"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/media\/25657"}],"wp:attachment":[{"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/media?parent=25457"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/categories?post=25457"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.designbombs.com\/wp-json\/wp\/v2\/tags?post=25457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}