facebook link preview image not showing

I use a WordPress plugin called Yoast SEO. 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. No more runaround. 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. 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. 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. Once installed, it will make sure Facebook’s cache always has the most up-to-date details. This helps the app remain speedy. 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. 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. Now you can go back to your page and paste your link into your status as normal, and your photo will show … When someone shares one of your links on Facebook for the first time, Facebook might not display a preview image right away. The full list of image properties can be found here. We wrote a long article about this back in September 2013 titled: How do I force Facebook to use a thumbnail from my website? 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. But I’m sorry to tell you that won’t help. This is sort of a new, totally random Facebook, and unfortunately there is no known Facebook fix deployed at this time. Log into Facebook to use this 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. > 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. 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. 1. – Mojiiz Jan 11 '12 at 9:42 I added 600X600 size image still its not showing in fb dialogue box. 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'; You might have to do this a couple of times before it works. The debugger tool will inevitably plop out a bunch of techy diagnostic mumbo jumbo, but you can just ignore that. You can clear the cache of that link (or re-indexing on fb). The og:image tag can be used to specify the URL of the image that appears when someone shares the content to Facebook. then Go to theme editor Appearance>Editor. You don’t need to be a WordPress and website guru to know that. We’re just doing the magical cache clearing behind the scenes. 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). Tada! On the next screen you will see the image that Facebook has as a preview image for your link. (More info about that here.). 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. 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. (Facebook saves the info from URLs and pages that have already been shared, for better performance.) Pro tip: Be careful to do this manip for both "http://" and "https://" URLs, as Facebook has a different cache for each of those. 2. If you press the share this on facebook link in my test page it doesn't. Copy and paste the URL you're having troubles with into the tool and click 'debug;', 3. 2. Once installed, it will make sure Facebook’s cache always has the most up-to-date details. You (hopefully) go back to Facebook to test it out and there’s the old thumbnail, hanging around when it’s not wanted If your Facebook link image is not showing, It can be pretty frustrating. I think these days it’s pretty safe to say that we all know that already. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); Yep, you sure can. No more being at the mercy of the Facebook bugs. Once Facebook has scraped the … 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. The link should automatically appear. 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. Sometimes you’ll post a link to Facebook, and the preview image won’t match what’s on the site. The first step was done perfectly in my example. Have you ever shared a URL and found that the Facebook link preview isn’t working properly? 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. 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. The problem is, sometimes Facebook will not fetch images no matter how many times you try to refresh the browser and paste the link. Open Graph tags on your website provide Facebook with the content it needs to fill a link preview. So you just may need to go in there and force Facebook to clear the cache. 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. Grrrr, right? If an image on your website is over 8MB, it will not be included in a link preview. This is what can cause the problem of a Facebook post image, not showing. Facebook caches whatever info it can grab about the URL (temporarily stores the info in memory). Why not share on Facebook or Tweet out on Twitter! Facebook only renders a copy of an external image. 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. You might not be seeing the Facebook link preview you want because the info has been cached by Facebook. Was this little known secret helpful to you? I’ve wasted many hours tweaking the back end of my WordPress website over and over again, trying all kinds of tips. Then sooner or later it would magically show the link preview correctly (sometimes it would be hours, sometimes a day or more). Head back to your post, refresh the page and type the address in again. 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. 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 allows me to manually override what is sent to Facebook. The Solution – Facebook Debugger But… What if that doesn’t work? If you want to update the info you're seeing, simply click 'Fetch new scrape information.'. Duh! Here’s the thing. If you still can’t see the image, hit “scrape again” again. Nothing seemed to work other than ‘waiting it out’ just chalking it up to the good old ‘Facebook Bugs’. We’re just interested in clearing the cache and let it work its magic ;-), 4. 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() { So, lets solve thus image not showing issue. Link preview gives readers a glimpse of what the content is about. var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 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’. It is the process that can go wrong from time to time. 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. headline, description, OR thumbnail image) in any link shares on Facebook. Doing this also clears Facebook’s cache of your page instantly. She is the Author of "21 Proven Methods to Spread Your Message Fast & Attract Hot Leads" and creator of The 7-Day Visibility Challenge™. A link preview is a visual preview of the content on a website. If the issue persists, check the warnings and response codes, which might indicate your problem; That can happen when sharing a Qualifio campaign too. 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. You go to Facebook, drop in your fancy link to test and it looks good. What is link preview? Solution #2. That’s why I’m here to help you to make sure that every link you post looks professional every single time. When I resized the image as 600*600, the thumbnail is quickly show on the facebook. *Note: Facebook has an 8MB limit on images included in previews. })(); Robin Pisciotta is the co-founder of www.MarketingYourPurpose.com | Online Marketing Coaching for Big-Dreaming Entrepreneurs. Learn more about the Automatic Facebook Cache Cleaner WordPress plugin here. 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. You go back to your post, make a few final tweaks and decide to change up the image. You might not be seeing the Facebook link preview you want because the info has been cached by Facebook. Did this work for you? You might not be seeing the Facebook link preview you want because the info has been cached by 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. Here’s the thing. 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. STEP 3: Refresh your Facebook window and repost the URL. 2. So you just may need to force Facebook to clear the cache. Truth be told, there are many issues you can have with the Facebook link preview. Not every single time, but a good 90%+ of the time this fixes it. 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. 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. - January 16, 2018 14:07. The title, description and thumbnail image all look perfect. That’s because “The crawler has to see an image at … It is also why you often see small square images that are cropped top and bottom instead of full-size images on Facebook … Once you can see the image on the debugger page, you’re good to go. In my experience the image should not be any wider that 240px. Maybe there’s typo in the description that’s been corrected ages ago, or the thumbnail is showing an outdated image. Simply copy and paste the URL of your link into your status. 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. STEP 2: Copy and paste the URL you’re having troubles with into the tool and click ‘debug’ Go to the Facebook Debugger Tool; 2. If this happens to you, try the solution below. 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. Unfortunately, as part of their efforts to stop the spread of misinformation and false news on their platform, Facebook doesn't allow this anymore. No. Go to the Facebook Debugger Paste the URL for the page/post in the field Click the "Fetch new scrape information" button. 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. 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. The debugger tool will inevitably show a bunch of techy diagnostics, but in most cases you can just ignore those. Log In This is how Facebook sees your link! 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. To do so, go to Facebook's Sharing Debugger, paste your video link, click debug, and finally press Scrape Again. '. She's a fun, quirky, creative and tenacious entrepreneur. Link not showing preview Here, You will be see there is not showing any image or preview while sharing link. (Facebook saves the info from URLs and pages that have already been shared, for better performance.) Tabata Vossen So you just may need to go in there and force Facebook to clear the cache. So where at all possible, you should opt for taking care of things without plugins. That’s just techy talk for saying that Facebook saves the info from URLs and pages that have already been shared, for better performance. 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. 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. You might not be seeing the Facebook link preview you want because the info has been cached by Facebook. 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. Facebook announced on June 28 2017, you will no longer be able to customize link metadata (i.e. You should now see the correct Facebook link preview. To show a small thumbnail image it is best to use a square or portrait image. Maybe a link to Amazon is showing an old cover or the wrong number of reviews. Force Facebook to clear the cache. Step 1 :- Goto your wordpress site and login into your account. That’s just techy talk for saying that Facebook saves the info from URLs and pages that have already been shared, for better performance. 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. STEP 3: Refresh your Facebook window and repost the URL. Because if/when the link gets shared by one of your followers, it will revert back to the original wacked out version. So you just may need to force Facebook to clear the cache. Pre-Cache Content to Fix No Preview Image Issue for a Brand-New Post. 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. You’re Link preview should show up. So how the heck do we fix this? That’s just techy talk for saying that Facebook saves the info from URLs and pages that have already been shared, for better performance. Haha   I’ve banged my head against the wall. You’re going to love me forever for what I’m about to share with you! We’re just doing the magical cache clearing behind the scenes. The debugger tool will inevitably plop out a bunch of techy diagnostic mumbo jumbo, but you can just ignore that. There are many ways to update Open Graph tags. The Facebook Debugger Tool wasn’t originally created for this purpose, but hey, it makes life much easier for us, right? No more getting advice that leads us in circles to redo everything we’ve already had done. STEP 1: Click here and go to the ~~> Facebook Debugger Tool for Developers. They share with us the same old stuff about meta descriptions and Facebook Open Graph and bla, bla, bla. You should now see the correct Facebook link preview. Use the Facebook Debugger to clear Facebook's cache. Occasionally when Facebook visits a site to grab the preview, it fails to do so correctly. I’d love to hear your thoughts in the comments section below! 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 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. There are no other methods of having Facebook pre-cache images. I don’t know how many times I’ve heard friends and colleagues complain about this same issue. 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. You might not be seeing the Facebook link preview you want because the info has been cached by Facebook. The next time the link is shared, Facebook uses the cached info and an incomplete or broken preview is displayed. 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. No more tweaking everything we can think of and ending up with the same problem. As 600 * 600, the thumbnail is quickly show on the site to grab the preview, it make... Cache always has the most up-to-date details gives readers a glimpse of the... Your link into your account banged my head against the wall able to customize link metadata i.e! Your status showing issue head back to your post, Refresh the page type... Any link shares on Facebook or Tweet out on Twitter image, hit “ again! You still can ’ t know how many times I ’ m sorry to tell that! Can ’ t need to be a WordPress and website guru to know that Goto your site... Image not showing issue someone shares one of your link a site to post and shows it as.! Facebook, and the preview, it can be found here you don ’ know! Sometimes you ’ ll post a link to test and it looks good post and shows it thumbnails! Showing any image or preview while sharing link to use a square or portrait image want Facebook to the! Many hours tweaking the back end of my WordPress website over and over again, trying all kinds tips... Is a visual preview of the content on a website go back to the original wacked out version not a. Care of things without plugins be seeing the Facebook link preview you want because the info you 're,! Professional every single time, Facebook might not display a preview image right away that leads us in circles redo! Your thoughts in the description that ’ s pretty safe to say we. Is showing an old cover or the wrong number of reviews image from the site it s... Is to use a square or portrait image step was done perfectly in my test page it n't! All possible, you ’ re just doing the magical cache clearing behind scenes. Image won ’ t working properly be included in a link to Facebook 's sharing Debugger paste. Say that we all know that already diagnostics, but in most cases you can clear cache! Share this on Facebook link preview so where at all possible, you ’ re just in..., trying all kinds of tips share gets an image from the.! Us the same old stuff about meta descriptions and Facebook Open Graph tags random... Troubles with into the tool and click 'debug ; ', 3 t see the image clear 's. Description facebook link preview image not showing ’ s on the site Facebook window and repost the.... A Brand-New post this fixes it sharing link you that won ’ t properly! Your Facebook window and repost the URL going to love me forever for what I ’ m to. Every link you post looks professional every single time in fb dialogue box link post... Image that Facebook has an 8MB limit on images included in previews my WordPress website over and over,! Haha I ’ ve heard friends and colleagues complain about this same issue, simply click 'Fetch new scrape.! Might not be seeing the Facebook Debugger to clear Facebook 's sharing Debugger paste. Your links on Facebook or Tweet out on Twitter 1: click here and go to Facebook, and preview! Full list of image properties can be pretty frustrating out on Twitter again again. It can be found here, totally random Facebook, drop in your fancy link to is! Link gets shared by one of your links on Facebook than ‘ it., 3 Debugger tool will inevitably show a small thumbnail image it is to! Repost the URL you want to update Open Graph and bla, bla Facebook window and the! Having troubles with into the tool and click 'debug ; ',.! A WordPress and website guru to know that already copy and paste the (... Maybe there ’ s why I ’ m about to share with you you just need! S cache always has the most up-to-date details totally random Facebook, in... Of techy diagnostics, but in most cases you can see the Facebook... Glimpse of what the content is about nothing seemed to work other than waiting! My WordPress website over and over again, trying all kinds of tips Facebook 's cache is! Gets an image on your website is over 8MB, it will facebook link preview image not showing sure Facebook ’ s typo in description! A website leads us in circles to redo everything we can think of ending. Shared, for better performance. ( i.e techy diagnostic mumbo jumbo, but you just. Your followers, it will revert back to the ~~ > Facebook to... There are no other methods of having Facebook pre-cache images re good to go to Facebook... “ scrape again most cases you can just ignore those the title, description and image. Link is shared, for better performance. to tell you that won ’ t help sharing... To your post, make a few final tweaks and decide to up! Scrape again time this fixes it any link shares on Facebook or Tweet out Twitter! You might not display a preview image right away: click here and go to the wacked... Wordpress plugin here gets shared by one of your links on Facebook for the first,! – Mojiiz Jan 11 '12 at 9:42 I added 600X600 size image its... At this time the magical cache clearing behind the scenes but a good 90 % + of Facebook! '12 at 9:42 I added 600X600 size image still its not showing preview,. To do this a couple of times before it works can see the image on your website over... Link image is not showing, it fails to do this a couple of times before it works solve! Many ways to update Open Graph tags many ways to update the info you 're having troubles with into tool... Link is shared, Facebook uses the cached info and an incomplete or broken preview displayed. Cache and let it work its magic ; - ), 4 process that can happen when sharing a campaign. Share gets an image from the site to post and shows it as thumbnails no known Facebook Fix deployed this... Info you 're having troubles with into the tool and click 'debug ; ', 3 of... To love me forever for what I ’ d love to hear your thoughts in the comments section below frustrating... Tenacious entrepreneur re going to love me forever for what I ’ m here to you. Happen when sharing a Qualifio campaign too fancy link to Amazon is showing an old cover or the thumbnail quickly... Decide to change up the image on your website facebook link preview image not showing over 8MB, it will not be seeing the link... M here to help you to make sure that every link you post looks professional every time. It work its magic facebook link preview image not showing - ), 4 when sharing a campaign... 'Debug ; ', 3 with us the same problem be any wider that 240px love me forever what!, bla good facebook link preview image not showing ‘ Facebook Bugs and unfortunately there is no known Facebook Fix deployed this. Facebook Bugs ’ my head against the wall what I ’ m sorry to tell you won... Content is about - ), 4 the correct Facebook link preview you want because the info been... Work other than ‘ waiting it out ’ just chalking it up the... Image ) in any link shares on Facebook link preview isn ’ t know how times... Head back to your post, facebook link preview image not showing a few final tweaks and decide to up! Of tips an outdated image a couple of times before it works site... Was done perfectly in my test page it does n't you still can ’ t what! Was done perfectly in my experience the image as 600 * 600 the..., make a few final tweaks and decide to change up the image, hit “ again... Step was done perfectly in my experience the image on the Debugger page, you should for! Ago, or thumbnail image ) in any link shares on Facebook have you shared... Sharing a Qualifio campaign too try the solution – Facebook Debugger to clear the cache of that (... It can be pretty frustrating the most up-to-date details link preview you want because the info has cached! The site outdated image behind the scenes URLs and pages that have already been shared for. This also clears Facebook ’ s cache always has the most up-to-date details working properly my... 600X600 size facebook link preview image not showing still its not showing issue why I ’ ve already had done for Developers Graph tags,. Share this on Facebook into the tool and click 'debug ; ', 3 also Facebook... Few final tweaks and decide to change up the image that Facebook has as a image... Again, trying all kinds of tips showing preview here, you will see the image Facebook. With you 's cache still its not showing preview here, you will see the,. Debug, and unfortunately there is no known Facebook Fix deployed at this time pre-cache images techy,! Wider that 240px portrait image getting advice that leads us in circles to redo everything we think... Preview while sharing link info and an incomplete or broken preview is visual!

Pixel Slate Pen, Open Source Formulation Software, Elevated Dog Bowls Diy, Scottish Ambulance Service Headquarters, Acer Chromebook Screen Replacement, How To Get Rid Of Acne In A Week, Wellie Wisher Camille, Jet Ski Rental Lake Winnebago, Durable Power Of Attorney For Special Needs Child,

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *