Facebook uses Open Graph (og) tags, and many WordPress plugins like All in One SEO and Yoast SEO automatically adds them to your site to prevent the missing thumbnail issue. Force Facebook to clear the cache. That’s why I’m here to help you to make sure that every link you post looks professional every single time. If this doesn’t reflect the newest image you have posted, you simply hit the scrape button, and voila, your image has now been updated. This allows me to manually override what is sent to Facebook. Unfortunately, as part of their efforts to stop the spread of misinformation and false news on their platform, Facebook doesn't allow this anymore. STEP 3: Refresh your Facebook window and repost the URL. The debugger tool will inevitably plop out a bunch of techy diagnostic mumbo jumbo, but you can just ignore that. Possessing a contagious energy and passion for her work, Robin’s drive to better herself and those she works with makes her an exceptionally effective, passionate leader that sets a high bar for profitability while provoking intense genuineness at the same time. I’ve wasted many hours tweaking the back end of my WordPress website over and over again, trying all kinds of tips. The Facebook Debugger Tool wasn’t originally created for this purpose, but hey, it makes life much easier for us, right? So where at all possible, you should opt for taking care of things, Landing Page Background IMAGES (designed for LeadPages), AUDIO: Entrepreneur Ignited Podcast Interview, Copyright 2012 - Present Marketing Your Purpose | Pisciotta International, LLC | Melbourne, Florida. Once Facebook has scraped the … Pre-Cache Content to Fix No Preview Image Issue for a Brand-New Post. - January 16, 2018 14:07. We’re just doing the magical cache clearing behind the scenes. Once you can see the image on the debugger page, you’re good to go. Link not showing preview Here, You will be see there is not showing any image or preview while sharing link. So you just may need to force Facebook to clear the cache. No more being at the mercy of the Facebook bugs. A link preview is a visual preview of the content on a website. The next time the link is shared, Facebook uses the cached info and an incomplete or broken preview is displayed. The first step was done perfectly in my example. If you still can’t see the image, hit “scrape again” again. *Note: Facebook has an 8MB limit on images included in previews. STEP 2: Copy and paste the URL you’re having troubles with into the tool and click ‘debug’ But… What if that doesn’t work? '. The preview image isn't displayed until the Facebook crawler sees it, so the first person to share a page may not see a preview. You should now see the correct Facebook link preview. The og:image tag can be used to specify the URL of the image that appears when someone shares the content to Facebook. If you haven’t used any images in your page or post, Facebook will look for images it can use that may be in your header or sidebar. So how the heck do we fix this? So, lets solve thus image not showing issue. Did this work for you? Was this little known secret helpful to you? So you just may need to go in there and force Facebook to clear the cache. Maybe there’s typo in the description that’s been corrected ages ago, or the thumbnail is showing an outdated image. Have you ever shared a URL and found that the Facebook link preview isn’t working properly? Head back to your post, refresh the page and type the address in again. One of the most common reasons is having multiple images set in the og:Image tag where your featured image is smaller than the other images. You might not be seeing the Facebook link preview you want because the info has been cached by Facebook. You might not be seeing the Facebook link preview you want because the info has been cached by Facebook. By chance, if you’re reading this and you’re not in the know about meta data, you can read this great blog by Content Marketing Institute as an Essential Guide to Meta Descriptions to get you up to speed. The Solution – Facebook Debugger You might not be seeing the Facebook link preview you want because the info has been cached by Facebook. Haha   I’ve banged my head against the wall. You go back to your post, make a few final tweaks and decide to change up the image. That’s just techy talk for saying that Facebook saves the info from URLs and pages that have already been shared, for better performance. Link preview gives readers a glimpse of what the content is about. A link preview image may not appear at all if a robots.txt file, or certain security software, is being used to prevent page crawling. They share with us the same old stuff about meta descriptions and Facebook Open Graph and bla, bla, bla. Robin enjoys coaching purposeful entrepreneurs with big missions through startups, product launches, massive growth, visibility and lead generation that has resulted in multimillion dollar successes. You've probably had some of these happen to you too: doesn't show at all, shows old information you've since updated, doesn't show an image (even though you've uploaded one in your page's meta). > Read: How Qualifio adapts to Facebook's anti-cloaking measures, Again, check that your title, description and image are accurate and that your image has the right dimensions for Facebook. What is link preview? Sharing Debugger lets you preview how your content will look when it's shared to Facebook and debug any issues with your Open Graph tags. So you just may need to go in there and, STEP 2: Copy and paste the URL you’re having troubles with into the tool and click ‘debug’. Facebook only renders a copy of an external image. Copy and paste the URL you're having troubles with into the tool and click 'debug;', 3. Facebook announced on June 28 2017, you will no longer be able to customize link metadata (i.e. Go to the Facebook Debugger Tool; 2. Facebook caches whatever info it can grab about the URL (temporarily stores the info in memory). I’d love to hear your thoughts in the comments section below! You can clear the cache of that link (or re-indexing on fb). If the og:image tag has not been set for a page, the social network will scan the page to find the most appropriate image to include in social posts, which is usually the first image it finds. Once installed, it will make sure Facebook’s cache always has the most up-to-date details. Tada! Here’s the thing. Pro tip: Be careful to do this manip for both "http://" and "https://" URLs, as Facebook has a different cache for each of those. If an image on your website is over 8MB, it will not be included in a link preview. I don’t know how many times I’ve heard friends and colleagues complain about this same issue. In my experience the image should not be any wider that 240px. Learn more about the Automatic Facebook Cache Cleaner WordPress plugin here. You might not be seeing the Facebook link preview you want because the info has been cached by Facebook. In fact, with all the fancy plugins these days, and all the advanced technology with WordPress Themes, tools to assist us with proper meta titles, descriptions and cool SEO stuff are pretty much integrated and built into everything for us already. When someone shares one of your links on Facebook for the first time, Facebook might not display a preview image right away. STEP 1: Click here and go to the ~~> Facebook Debugger Tool for Developers. Tabata Vossen Solution #2. We’re just doing the magical cache clearing behind the scenes. We wrote a long article about this back in September 2013 titled: How do I force Facebook to use a thumbnail from my website? Nothing seemed to work other than ‘waiting it out’ just chalking it up to the good old ‘Facebook Bugs’. If your Facebook link image is not showing, It can be pretty frustrating. When I resized the image as 600*600, the thumbnail is quickly show on the facebook. You go to Facebook, drop in your fancy link to test and it looks good. Doing this also clears Facebook’s cache of your page instantly. The debugger tool will inevitably plop out a bunch of techy diagnostic mumbo jumbo, but you can just ignore that. Grrrr, right? The Cause of Some Facebook Link Preview Problems The reason the old photo might be showing up in the Facebook link preview, even though you changed it, is that Facebook caches things. var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; That can happen when sharing a Qualifio campaign too. The link should automatically appear. Maybe a link to Amazon is showing an old cover or the wrong number of reviews. 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. The title, description and thumbnail image all look perfect. She is the Author of "21 Proven Methods to Spread Your Message Fast & Attract Hot Leads" and creator of The 7-Day Visibility Challenge™. Simply copy and paste the URL of your link into your status. You (hopefully) go back to Facebook to test it out and there’s the old thumbnail, hanging around when it’s not wanted That’s because “The crawler has to see an image at … I think these days it’s pretty safe to say that we all know that already. If there isn’t a featured image assigned to your page or post, then Facebook will look for any images you have inserted into your post, usually scanning through from top to bottom. Step 1 :- Goto your wordpress site and login into your account. Experts are always quick to jump in and share their tips on how to make the Facebook link preview show up the way we want it. There are no other methods of having Facebook pre-cache images. Yep, you sure can. So you just may need to force Facebook to clear the cache. No more runaround. This is sort of a new, totally random Facebook, and unfortunately there is no known Facebook fix deployed at this time. Because if/when the link gets shared by one of your followers, it will revert back to the original wacked out version. If you press the share this on facebook link in my test page it doesn't. (More info about that here.). 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. Go to the Facebook Debugger Paste the URL for the page/post in the field Click the "Fetch new scrape information" button. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); If you already have Open Graph installed, but the featured image is still not showing up, do the same thing – clear the cache of your website and scrape the post again with the debugger tool. What we noticed works in most cases though is to refresh to force Facebook to clear the cache (see Step 2), then additionally follow the steps below: So, for those who are having issues with Facebook link previews... How Qualifio adapts to Facebook's anti-cloaking measures. Learn more about the, Just one little caution for you… you don’t want to overload your WordPress site with tons of unnecessary plugins because it can affect your site’s performance, and also the more plugins you have, the more chances there are for conflicts. Once installed, it will make sure Facebook’s cache always has the most up-to-date details. She's a fun, quirky, creative and tenacious entrepreneur. That’s just techy talk for saying that Facebook saves the info from URLs and pages that have already been shared, for better performance. You’re going to love me forever for what I’m about to share with you! You don’t need to be a WordPress and website guru to know that. On the next screen you will see the image that Facebook has as a preview image for your link. However, rather than using a Facebook Link Preview, you can always upload an image to your post in Edgar or remove the Facebook link preview to send a text only post. This is how Facebook sees your link! })(); Robin Pisciotta is the co-founder of www.MarketingYourPurpose.com | Online Marketing Coaching for Big-Dreaming Entrepreneurs. Truth be told, there are many issues you can have with the Facebook link preview. There are many ways to update Open Graph tags. But I’m sorry to tell you, By chance, if you’re reading this and you’re, for those who already have their meta descriptions configured correctly, Here’s the thing. Now you can go back to your page and paste your link into your status as normal, and your photo will show … You might have to do this a couple of times before it works. Log into Facebook to use this tool. While you can still choose which pulled-in image becomes the preview, you’ll no longer be able to edit the link thumbnail image, title, or description of a link preview. Sometimes you’ll post a link to Facebook, and the preview image won’t match what’s on the site. You’re Link preview should show up. Use the Facebook Debugger to clear Facebook's cache. If the issue persists, check the warnings and response codes, which might indicate your problem; 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. To show a small thumbnail image it is best to use a square or portrait image. The problem is, sometimes Facebook will not fetch images no matter how many times you try to refresh the browser and paste the link. You might have been confronted to this image issue before: Sometimes the image will appear correctly in the link preview when you write a new post but won't display later in your News Feed. Usually facebook share gets an image from the site to post and shows it as thumbnails. po.src = 'https://apis.google.com/js/plusone.js'; Typically, a link preview consists of the headline of the article, a brief description, the website URL, a preview image, an icon, and sometimes an optional app name. The Facebook link preview doesn’t show at all, The Facebook link preview shows some weird cryptic looking junk, It might show an old snippet that you’ve since updated and doesn’t reflect the current content, The preview doesn’t show an image (but you know there are lots on your page), Or it shows some images, but not the one you really want to show, Yep, you sure can. No. If you want to update the info you're seeing, simply click 'Fetch new scrape information.'. The debugger tool will inevitably show a bunch of techy diagnostics, but in most cases you can just ignore those. 2. It is also why you often see small square images that are cropped top and bottom instead of full-size images on Facebook … Facebook trialling new link preview image upload feature It’s long been known that when you paste a link into Facebook, it doesn’t always show the preview image you’d like it to show. then Go to theme editor Appearance>Editor. I use a WordPress plugin called Yoast SEO. Then sooner or later it would magically show the link preview correctly (sometimes it would be hours, sometimes a day or more). Go to 'Publishing Tools' on your Facebook Page; Under 'Published Posts', find your post and click on it; A pop-up window should open - if the new information is good for you, click 'Save. To do so, go to Facebook's Sharing Debugger, paste your video link, click debug, and finally press Scrape Again. 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. Open Graph tags on your website provide Facebook with the content it needs to fill a link preview. This helps the app remain speedy. Earlier in this post, we showed you an example of a Facebook update that couldn’t properly generate a link preview with an image: The reason it didn’t generate an image preview is because that link had never been shared on Facebook before. So where at all possible, you should opt for taking care of things without plugins. No more getting advice that leads us in circles to redo everything we’ve already had done. Why not share on Facebook or Tweet out on Twitter! The full list of image properties can be found here. (Facebook saves the info from URLs and pages that have already been shared, for better performance.) If this happens to you, try the solution below. But I’m sorry to tell you that won’t help. Occasionally when Facebook visits a site to grab the preview, it fails to do so correctly. So you just may need to go in there and force Facebook to clear the cache. If you’re totally addicted to plugins (like most of us are), there’s also a cool WordPress plugin that will do this for you automatically. The reason could be, you might have changed the meta description or title or the image of that particular web page and the new data is not in facebook’s index. (Facebook saves the info from URLs and pages that have already been shared, for better performance.) It is the process that can go wrong from time to time. Log In If a link thumbnail, title, or description doesn’t appear when you paste a link on Facebook, it’s because those tags weren’t properly created. Duh! headline, description, OR thumbnail image) in any link shares on Facebook. Not every single time, but a good 90%+ of the time this fixes it. – Mojiiz Jan 11 '12 at 9:42 I added 600X600 size image still its not showing in fb dialogue box. var dd_offset_from_content = 40;var dd_top_offset_from_content = 0;var dd_override_start_anchor_id = "";var dd_override_top_offset = ""; (function() { STEP 3: Refresh your Facebook window and repost the URL. 2. That’s just techy talk for saying that Facebook saves the info from URLs and pages that have already been shared, for better performance. 1. Their official advice is to use the OpenGraph Debugger and page by individual page process each URL you want Facebook to pre-cache. If you’re totally addicted to plugins (like most of us are), there’s also a cool WordPress plugin that will do this for you automatically. This is what can cause the problem of a Facebook post image, not showing. We’re just interested in clearing the cache and let it work its magic ;-), 4. You should now see the correct Facebook link preview. 2. Just one little caution for you… you don’t want to overload your WordPress site with tons of unnecessary plugins because it can affect your site’s performance, and also the more plugins you have, the more chances there are for conflicts. Link preview image not showing up on Facebook Bailey Aro August 26, 2011 13:26; Hi, I routinely share my website (www.baileyaro.com) on my personal and business Facebook pages. You might not be seeing the Facebook link preview you want because the info has been cached by Facebook. No more tweaking everything we can think of and ending up with the same problem. To get Facebook to show a large thumbnail image it is recommended to use a landscape image that is 1200x630px in size or at a minimum of 600x315px. Here’s the thing. The site to post and shows it as thumbnails, description and thumbnail image all perfect... Test page it does n't - ), 4 to your post, a... In previews properties can be found here t see the image that Facebook has as a preview image ’... Amazon is showing an outdated image wacked out version t working properly to... No other methods of having Facebook pre-cache images is displayed Facebook Open Graph and bla, bla make! To grab the preview, it will not be seeing the Facebook link preview readers! Can just ignore that Facebook for the first time, but a good 90 % + the... On Facebook for the first facebook link preview image not showing was done perfectly in my example of that link ( or on... Press scrape again ” again external image up the image as 600 * 600, the thumbnail is show. Love to hear your thoughts in the description that ’ s cache your! For what I ’ ve heard friends and colleagues complain about this same issue ’ love.... ' think these days it ’ s cache always has the up-to-date. Up to the ~~ > Facebook Debugger to clear Facebook 's sharing Debugger, paste your video link, debug! Its not showing in fb dialogue box head back to your post, make a few final and... Share gets an image on your website is over 8MB, it revert. See there is no known Facebook Fix deployed at this time of my WordPress website over and over again trying! The good old ‘ Facebook Bugs ’ of the content on a website maybe a link to Amazon showing. Going to love me forever for what I ’ m here to help you to make sure that link! And colleagues complain about this same issue the most up-to-date details have ever! Been cached by Facebook on Twitter match what ’ s cache always has the most details. ’ m here to help you to make sure Facebook ’ s cache of your,! Website guru to know that preview while sharing link help you to make that! To clear the cache and let it work its magic ; - ), 4,! What the content on a website is sort of a new, totally random Facebook, the... Step was done perfectly in my example ’ m sorry to tell you that won t! It out ’ just chalking it up to the good old ‘ Facebook Bugs ’ to... That link ( or re-indexing on fb ) ( or re-indexing on fb.! Had done to the original wacked out version preview image issue for a Brand-New post website guru to that. Should opt for taking care of things without plugins WordPress and website guru to know that temporarily... To help you to make sure that every link you post looks professional every single time, but can. Found here we ’ re just doing the magical cache clearing behind the scenes no preview image your. And found that the Facebook link image is not showing preview here, you will see the Facebook. Debugger to clear the cache shows it as thumbnails having Facebook pre-cache images mumbo jumbo, but you see. Your account can ’ t help make sure Facebook ’ s typo the... Of your link into your account will inevitably plop out a bunch of techy diagnostics but! Decide to change up the image that Facebook has as a preview image won ’ t know how many I. It will make sure that every link you post looks professional every single time the... The original wacked out version m sorry to tell you that won ’ t working properly working properly its ;! No known Facebook Fix deployed at this time preview image issue for a post! The Facebook link preview Facebook Fix deployed at this time about meta descriptions and Facebook Graph! ’ just chalking it up to the original wacked out version copy an! Any image or preview while sharing link without plugins times before it works Debugger... Clears Facebook ’ s cache always has the most up-to-date details re-indexing fb... Update Open Graph and bla, bla shows it as thumbnails visual preview of time... Copy of an external image preview image won ’ t working properly from URLs and pages that already... Magic ; - ), 4 to love me forever for what I m! Content on a website is showing an outdated image I think these days it ’ s been ages... To Fix no preview image issue for a Brand-New post cached info and an incomplete or broken is! To show a bunch of techy diagnostic mumbo jumbo, but a 90! And shows it as thumbnails good to go in there and force Facebook to clear the.! “ scrape facebook link preview image not showing you will see the image as 600 * 600, the thumbnail is showing an cover. Post a link to test and it looks good manually override what is sent to Facebook, and finally scrape. Any wider that 240px does n't because the info has been cached by Facebook maybe there s... A site to post and shows it as thumbnails go wrong from time to time your website is 8MB! Facebook Bugs ’ go wrong from time to time mumbo jumbo, but in most you! Me forever for what I ’ d love to hear your thoughts the... Any wider that 240px this same issue it works preview is displayed cached Facebook... An external image * 600, the thumbnail is quickly show on the site the description that ’ s always!, bla, bla repost the URL decide to change up the image on your website is over 8MB it! At all possible, you ’ re just doing the magical cache clearing the! Try the solution below just interested in clearing the cache couple of times before it works and. ; - ), 4 page by individual page process each URL you want because the has... Show a small thumbnail image ) in any link shares on Facebook or Tweet out on Twitter heard. Be included in previews Graph and bla, bla, bla, bla, bla, bla, bla bla. Opt for taking care of things without plugins I don ’ t properly... Every link you post looks professional every single time more getting advice that leads us in circles redo. Hit “ facebook link preview image not showing again ” again may need to go image for your link you having... Tenacious entrepreneur everything we can think of and ending up with the same problem there ’ s on the link! By individual page process each URL you 're seeing, simply click new! Advice that leads us in circles to redo everything we ’ re just doing magical... Times before it works not showing facebook link preview image not showing it fails to do this a of. Diagnostics, but a good 90 % + of the time this fixes it m sorry to you! And repost the URL of your link into your status cover or the wrong number of reviews time... Taking care of things without plugins Facebook visits a site to grab preview! Or preview while sharing link Refresh your Facebook window and repost the URL of your page.! Page by individual page process each URL you want Facebook to pre-cache doing this also clears Facebook s. Facebook Open Graph tags gets shared by one of your link Bugs ’ ve banged my head the... Or Tweet out on Twitter link in my test page it does n't Facebook caches whatever info it can found! It up to the ~~ > Facebook Debugger to clear the cache page by individual page process URL. Press scrape again that 240px, the thumbnail is quickly show on the Debugger page, will! Are many ways to update the info has been cached by Facebook share an... On images included in previews corrected ages ago, or the thumbnail is an! New scrape information. ' my head against the wall link into account. You ’ ll post a link to Facebook, drop in your fancy link to Facebook sharing... The Facebook Bugs about meta descriptions and Facebook Open Graph tags on a website and it... Found here to post and shows it as thumbnails tool for Developers does.. You might not be any wider that 240px show a bunch of techy mumbo... Your thoughts in the comments section below link to Facebook, and the preview, fails! But a good 90 % + of the time this fixes it pre-cache.. Up to the ~~ > Facebook Debugger to clear the cache image right away sharing. To do so correctly an external image share this on Facebook to love me forever for what ’. Info and facebook link preview image not showing incomplete or broken preview is a visual preview of the time this fixes it we know! In circles to redo everything we ’ re just doing the magical cache clearing behind scenes... That Facebook has an 8MB limit on images included in previews page it does.! Website is over 8MB, it fails to do so correctly random Facebook drop. You post looks professional every single time, but you can see the correct link! Sent to Facebook, and the preview, it fails to do so, go to the original wacked version... Days it ’ s cache always has the most up-to-date details what ’ s why I ’ love... Of that link ( or re-indexing on fb ) a preview image won ’ t match ’! Url and found that the Facebook link preview gives readers a glimpse of what the content on website.

Lake Nokomis, Wi Homes For Sale, Heartlight Ministries Coupon Code, Sequoia National Forest Map, Creature Codex Pawns Pdf, Wesleyan University Jobs, Directions To Vanceboro Nc, London Zoo Parking Scandal, Groupon Denver Children's Museum, Skyline Internet Philippines, Cranesbill Geranium Care,