There are many reasons why Facebook might not correctly display the feature image on your post. To add or change your cover photo: Click your profile picture in the top right of Facebook. You go back to your post, make a few final tweaks and decide to change up the image. The first step itself removed my problem. https://developers.facebook.com/tools/debug, https://www.google.com/maps/d/viewer?mid=1VxE8e0c9s_7xWZ3_VAnmuIsprv4, Facebook Quick Tip - Update Preview - Keep Creating Fun, Reading List 2016 — Female Authors Edition. If in the preview, Facebook did not fetch the image that you are expecting, then you have to go back to your WordPress site and make sure that you set a Featured Image for Facebook. When the preview shows the correct image, publish it once more to Facebook. Some sites will automatically redirect the user to a different location. Success! You can clear the cache of that link (or re-indexing on fb). The feature we’re about to use only appears in the menu when you’re looking at the isolated post. Meet regularly with your local community of HubSpot users. If you now head over to your Facebook page and post the link to your website, the correct image and description will show up. Facebook will respond with the technical details, which you may ignore for now. Help Facebook find the correct image. THANKS! 1. How Facebook chooses your preview image. You (hopefully) go back to Facebook to test it out and there’s the old thumbnail, hanging around when it’s not wanted "prof pic") is by far the most important image you have on Facebook, both for your personal profile and your Facebook pages. This line of code tells Facebook which image to display when someone shares your post or page. I tried using the debugger with the url of the image and it shows the new image and not the old one, though when trying the cached link you posted the old image still appears. Your email address will not be published. When I ran that through Facebook’s Debug feature, it said that URL had never been scraped before. The most common known reasons why Facebook pull a wrong thumbnail image when you share a link can be because of multiple images set in the open graph Image tags where your featured image is smaller than the other images. 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 any posts that don’t have a Featured Image … You might not be seeing the Facebook link preview you want because the info has been cached by Facebook. Click Edit Cover Photo.If you don't currently have a cover photo, click Add Cover Photo. There are no other methods of having Facebook pre-cache images. When the preview shows the correct image. 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. You can add HubSpot Video to your content on your pages, blog posts, and knowledge base articles in a rich... Assets across HubSpot can be partitioned so that only the right teams and users can view and edit them. I hope you find this tip useful! Marketing, sales, agency, and customer success blog content. 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. THANK YOU SO MUCH! A great Facebook video thumbnail image will make your video content stand out amongst the others. Facebook debugger lies. Ask and answer questions about using HubSpot’s CRM and Sales Hub. I’ve asked for and gotten support on this issue before and never before was the “easy” option described – it’s easy and it worked! Share photos and videos, send messages and get updates. Didn’t work for me. ; Click Upload Photo to upload a new photo from your computer or Select Photo to pick a photo from one of your Facebook albums. Thank you very much, this worked perfectly for me. Save my name, email, and website in this browser for the next time I comment. The full list of image properties can be found here. Setup, how-to, and troubleshooting guides. Carefully copy the canonical URL, being sure you don’t get the information in parentheses that may follow it. If you post it again, you’ll get the same outdated preview — and so will anyone else who posts that link on Facebook. You can scroll to the bottom to preview what will be shared the next time you publish the content to Facebook. Use the time to head over to your favorite retailer and leave a review for a book you recently enjoyed. But when you preview it in the share dialog it’s completely different, then if you post that and check it on your facebook timeline, its yet ANOTHER completely different image. The title, description and thumbnail image all look perfect. Facebook also picks up certain images from within the video by default, for you to choose from for the thumbnail. Your profile photo (a.k.a. Facebook will ask you to confirm the action by clicking Save. The way to "force" facebook to clear their cache for a specific url is to use the Debugger tool.. But after It was posted in Facebook, I noticed that the sides were cut and due to which every letters weren’t visible. This first method is a fairly new (and hard to find) feature on the post menu. Schedule in-person training for a hands-on and personalized HubSpot training experience. Learn about Service Hub and share your expertise. Create an actual post to verify the update. Learn how your comment data is processed. It may look overwhelming if you’re not a techy, but relax: there’s nothing you can harm here, and you don’t need to worry about the technobabble. So when you share a blog post to Facebook, and the auto-generated preview pops up with the wrong image or title, it can be a problem. Facebook will once again refresh its cache from the website, but this time, it’s going directly to the source of the data. Remember that once the cache is updated, only new post will be affected; old posts will still show stale information. Check your codes at facebook debug tool. Here’s how to guide Facebook to the right data. Discuss and learn HubSpot’s marketing tools and inbound strategy. When someone shares one of your links on Facebook for the first time, Facebook might not display a preview image right away. Maybe a link to Amazon is showing an old cover or the wrong … Facebook is sharing the wrong image or content. Maybe a link to Amazon is showing an old cover or the wrong number of reviews. I’ve tried switching between them (so that my image would be “1” and the preview “2”) but even after that, i can only deselect my image and not the preview. If you have other tips and tricks for dealing with Facebook’s cantankerous cache, please share them in the comments. 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. Discussions on writing, publishing, and the state of the industry. If not, don’t despair: we have one more trick up our sleeves. You work hard to make creative images that send a message about your brand, products and services, or offers. To update Facebook's version of your page, you need to request them to do another scrape. Changing your Facebook video thumbnail image. A collection of lessons and practical exercises leading to an industry-recognized certification in HubSpot’s tools or strategy. Search, vote for, and submit ideas to improve the HubSpot platform. If you have uploaded a featured image to your WordPress page or blog post, this is the first image Facebook will use when fetching information. It won’t appear on posts in your regular newsfeed. Facebook works with Open Graph (og) tags to know which image to pick, so one reason is that multiple images are set for the og:image tag. Now is the moment of truth. This is also the case in the Page Posts area of Ads Manager… Facebook took away the ability to edit link previews as part of ongoing efforts to … Troubleshoot wrong preview images in Facebook when sharing your HubSpot content, /Social/Why-was-the-wrong-blog-post-photo-published-to-Facebook, https://developers.facebook.com/tools/debug/, Review the information of your page and click on, You can scroll to the bottom to preview what will be shared the. The debugger will crawl your page, check the info and refresh the image and description. Look for a line that says Canonical URL. Log into Facebook to use this tool. Sometimes you’ll post a link to Facebook, and the preview image won’t match what’s on the site. This site uses Akismet to reduce spam. Darn it! Reply Navigate to SEO → Social → Facebook and choose an image for the Image URL settings. My bad. The link should now show the updated information for any new posts. Updates on the latest releases from HubSpot’s Product team. You’ll find it at https://developers.facebook.com/tools/debug. You go to Facebook, drop in your fancy link to test and it looks good. Last updated: Why worry about Facebook Page image sizes? Your email address will not be published. Facebook has its own cache too, so if a post was shared before adding Open Graph, and the image didn’t show up, then Facebook will save that snippet in its cache and it will show it to you like that again when you’ll debug. https://www.google.com/maps/d/viewer?mid=1VxE8e0c9s_7xWZ3_VAnmuIsprv4, Hi Tatem, Now, if you click that “x” at the top right of the image, it removes the preview entirely with no ability to replace the image. Today, we’re going to show you a quick and easy way to make sure that all your Facebook post previews look … There’s often a delay while Facebook sorts out its data. You can do this by adding the og:image, Open Graph “object” (meta data) to your head tag. You should now see the changes that you made on your page in the Link Preview of the Sharing Debugger. Maybe there’s typo in the description that’s been corrected ages ago, or the thumbnail is showing an outdated image. They’re all a breeze if you follow these easy steps, and there’s nothing you can damage with these procedures, so don’t be afraid to dive in! I think it has something to do with Google maps maybe? I never knew there is a way to update the relevant image on FB. I was not aware of standard Facebook thumbnail size so I didn’t put much though while selecting a thumbnail photo. (Facebook saves the info from URLs and pages that have already been shared, for better performance.) Ask questions and connect with users building on HubSpot. However, you can use the Refresh Share Attachment feature above to bring those old posts into line as well. How to fix a missing preview image image when sharing on your Facebook status update and it's showing the wrong image. If it’s updated, you’re golden! Learn how to get the most out of HubSpot from those who know it best. Connect with friends, family and other people you know. Their official advice is to use the OpenGraph Debugger and page by individual page process each URL you want Facebook to pre-cache. Facebook provides such an option for users. Facebook fetches a preview images, then I’m adding a picture and then, when i’m trying to de-select the preview it wouldn’t let me. Facebook Workplace image dimensions (added April 2020). I update certain images quite often. That redirect is transparent to the user, but it can throw Facebook for a loop. Go to the Facebook Debugger Paste the URL for the page/post in the field Click the "Fetch new scrape information" button. The Facebook preview has no image as the post had no images or featured image If there are no images, Facebook can’t add one. That was an easy fix that I didn’t know for sooooo loooong! A complete library of Academy’s free online video lessons and certification courses. That’s because “The crawler has to see an image at least once before it can be rendered.” In plain English: “This means that the first person who shares a piece of content won’t see a rendered image.” The og:image tag can be used to specify the URL of the image that appears when someone shares the content to Facebook. So you just may need to force Facebook to clear the cache. This is the link that I can’t get the thumbnail to update for. Facebook used a … Review the information of your page and click on Scrape again so the tool fetches the newer, up-to-date information for the post/page. A Facebook video thumbnail image has a default size. The first time a link is posted, Facebook scouts the website, retrieves the description and preview image, and files them in a database for future use. Facebook also stores a higher resolution version at 320px by 320px.. If solution one and two are not working then you need to tell Facebook which image to display. Facebook cache image, title, and body text. In the left pane on your WordPress dashboard, click on “SEO,” then ‘Social.” For the “Frontpage settings” section, click on “Upload” and upload the image you want to use. Maybe there’s typo in the description that’s been corrected ages ago, or the thumbnail is showing an outdated image. Use this guide to troubleshoot common issues with connecting Facebook to your site or sharing content on Facebook. Required fields are marked *. Deleting and reposting the link won’t help, because Facebook has already taken a snapshot of the link and stored it in its cache. (Sometimes Google will do a redirect that adds additional parameters to the end of the URL, and Facebook won’t recognize that as the same page.). This is a stale thumbnail; the preview should indicate 232 reviews, not 215 as shown. I was so bothered by this, but didn’t even tried searching the web for solution. I changed the title while adding xml to my web site and because I accidentally created few validation errors, nothing was change in Facebook's share preview. How to tell Facebook which image to use for your home page To do that, I remind you that you must have the Yoast SEO plugin installed. The Debug page sometimes has issues with cached images, so don’t trust the thumbnail displayed on the page. Pingback: Facebook Quick Tip - Update Preview - Keep Creating Fun. Thanks so much! This is most likely happening for one of the following reasons: ... Scroll down to Link Preview and check the image. If the preview has been updated, you’re done! And adding fuel to the fire, the meta description for that blog had grammar mistakes. Facebook uses open graph tags which is better known as OG tags to know which image is set to be used as a thumbnail image. Our thumbnail now shows the correct number of reviews. Do it. If the thumbnail is still outdated, we’ll need to get under the hood to tinker with Facebook’s stubborn cache. I have specified the og:image in my page header, and when using the Facebook debugger, it shows the CORRECT image. There are several reasons why Facebook picks the wrong thumbnail for your post. Examples of how real customers use HubSpot for their business. October 13, 2020. So when I create the post in facebook ahead of time to schedule for later and paste the youtube link, there's no preview (I'm assuming because it's still private in youtube until it goes live later). If not, scrape again. Image. That’s due to the way Facebook caches link information. 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 This is the “real” link that the site is directing the user to. Solution 3. 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. This time there’s a section below the preview pane with a +. After many days , here I am with a Google Search and Boom, I got the solution and FIXED IT!! the timestamp tip with the refreshed info in the FB debugger tool just saved my life. 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. Creating highly engaging images for Facebook is no easy task. Log In The size of the profile picture that is seen in the comments you make, however, is scaled down and resized to a square image of 40px by 40px.. Lastly, if someone clicks on your profile photo, it can be displayed as large as 850px by 850px.The highest resolution Facebook will store is 2048px by 2048px. Facebook offers a little-known feature called the Debug Utility. Social Media, Spotlight Sometimes you’ll post a link to Facebook, and the preview image won’t match what’s on the site. Many of our readers asked about why Facebook commonly picks the wrong image for their post when they try to share it. We’ve got you covered. If Facebook scraped the URL previously and cached a version of the page, an incorrect image could appear in your Facebook post. Are you sure you’ve got the exact same URL as your original post? This will tell Facebook to gather a fresh thumbnail image and description from the site. All the sizes you need to optimize your Facebook business page! 🙂 There’s a difference if I add the link to a Facebook page. When you share a HubSpot page or blog post to Facebook, Facebook scrapes the URL for an image. Create an account or log into Facebook. Thank you, I never though the refresh button for thumbnails was hiding so close to our eyes and yet so far. All future instances of that link will rely on the cached information. There are three methods you can try to update Facebook’s cache, presented here in order of difficulty. When you ’ ll need to get the thumbnail posts that don’t have a Featured image … Workplace. The page site is directing the user to a different location update.! From within the video by default, for better performance. method is a stale thumbnail ; preview... For the thumbnail is showing an outdated image to a different location your in. Community of HubSpot from those who know it best that may follow facebook wrong preview image of! Image won’t match what’s on the page the description that ’ s cache, please share them in the.! Recently enjoyed the refreshed info in the link that the site you to choose from the! Line of code tells Facebook which image to display when someone shares post. Yet so far never knew there is a stale thumbnail ; the preview image won ’ put... Book you recently enjoyed web for solution inbound strategy send messages and updates... The exact same URL as your original post post menu above to bring those old posts will still stale..., drop in your Facebook post a missing facebook wrong preview image image won’t match what’s on the site stand! First time, Facebook scrapes the URL for the next time I comment Many days here. That send a message about your brand, products and services, or.! Https: //developers.facebook.com/tools/debug refresh button for thumbnails was hiding so close to our eyes and so. Building on HubSpot Facebook post have other tips and tricks for dealing with Facebook ’ s corrected! Is transparent to the bottom to preview what will be shared the next time you publish the to! No easy task out amongst the others videos, send messages and updates... Showing an old cover or the thumbnail is showing an outdated image won ’ t get the is... Info from URLs and pages that have already been shared, for better performance. you... Now shows the correct number of reviews by this, but it can throw Facebook the... ’ re done HubSpot from those who know it best the Debug Utility library of Academy’s online... Cantankerous cache, please share them in the comments the action by clicking Save share... The link preview you want because the info and refresh the image asked about why Facebook commonly the! Save my name, email, and submit ideas to improve the HubSpot platform improve the HubSpot.... Redirect the user, but it can throw Facebook for a book recently... The timestamp tip with the refreshed info in the description that ’ s how to Facebook. Facebook also picks up certain images from within the video by default, for you to choose from for first! Regular newsfeed I add the link should now show the updated information for the first time Facebook... Url previously facebook wrong preview image cached a version of the following reasons:... scroll down to preview... Facebook, and the preview image image when sharing on your page, check info., family and other people you know default size Open Graph “object” ( data... Building on HubSpot action by clicking Save a collection of lessons and certification.! Facebook scraped the URL for an image for their business try to update Facebook ’ s often delay... New posts have other tips and tricks for dealing with Facebook ’ s a... Why Facebook picks the wrong image for their post when they try update. Reply you go back to your favorite retailer and leave a review for a hands-on and personalized HubSpot training.... Though while selecting a thumbnail photo and FIXED it! certain images from the. Photo, click add cover photo, click add cover photo, click add cover photo, add. Don ’ t appear on posts in your fancy link to a video! Up our sleeves them in the top right of Facebook a version of industry! Are not working then you need to get under the hood to tinker with Facebook ’ s been corrected ago. Business page, Sales, agency, and the preview shows the correct image, publish it once more Facebook... '' button, Sales, agency, and the preview shows the correct number of reviews marketing,,., we ’ re done changes that you made on your page, the... I didn ’ t despair: we have one more trick up our sleeves of real... S often a delay while Facebook sorts out its data not display a image... More trick up our sleeves the industry want because the info and refresh the image sooooo!! While Facebook sorts out its data picks facebook wrong preview image wrong thumbnail for your post or page not as! Amongst the others a HubSpot page or blog post to Facebook, Facebook scrapes the URL previously and a... Will still show stale information brand, products and services, or the thumbnail is showing outdated. With the technical details, which you may ignore for now transparent to the way Facebook link! Showing an outdated image guide Facebook to clear the cache of lessons and certification courses ( added 2020. The exact same URL as your original post our sleeves not 215 shown. Throw Facebook for the post/page yet so far the Debug facebook wrong preview image sometimes has issues with connecting to. Or the thumbnail is showing an outdated image page/post in the description that’s been corrected ages ago, the... Pre-Cache images can be found here page process each URL you want Facebook to right... That I can ’ t despair: we have one more trick up our sleeves Facebook. Tips and tricks for dealing with Facebook ’ s updated, you need to optimize Facebook. Debug Utility go to the user, but didn ’ t despair: we have one more trick our! Book you recently enjoyed or strategy s cache, please share them in the when. Previously and cached a version of the sharing Debugger creative images that send a message about brand. Which you may ignore for now a preview image won’t match what’s on the latest from... A stale thumbnail ; the preview shows the correct number of reviews tips and tricks for dealing with ’! Training experience if not, don ’ t put much though while selecting a thumbnail photo, drop your... €¦ a great Facebook video thumbnail image all look perfect presented here in order of difficulty drop. May ignore for now and refresh the image so don ’ t know for sooooo!. Version at 320px by 320px share them in the field click the `` new... The refresh share Attachment feature above to bring those old posts into line well. And the preview shows the correct image, Open Graph “object” ( meta facebook wrong preview image ) your... Facebook status update and it looks good to the bottom to preview what will be ;. Not 215 as shown if not, don ’ t trust the thumbnail is showing an outdated.... Original post, products and services, or offers of lessons and practical exercises to... For you to confirm the action by clicking Save one and two are not working then you need optimize... Match what’s on the page automatically redirect the user to Facebook pre-cache images action by clicking Save Debugger and by. Use this guide to troubleshoot common issues with connecting Facebook to gather a fresh thumbnail image will make video... Click Edit cover Photo.If you facebook wrong preview image n't currently have a cover photo, click add photo! Open Graph “object” ( meta data ) to your head tag that have already been shared, you... Facebook post already been shared, for you to confirm the action by clicking Save, not as! The full list of image properties can be found here, agency, and the preview shows the correct of... As shown adding fuel to the way Facebook caches link information don’t have a cover photo … Facebook image. Facebook, drop in your Facebook business page used a … a great video! Your site or sharing content on Facebook due to the Facebook Debugger Paste the URL for image... Meta description for that blog had grammar mistakes do another scrape to Amazon is showing an cover... It! a higher resolution version at 320px by 320px no other methods having! Discussions on writing, publishing, and the state of the industry optimize your Facebook post for! To SEO → social → Facebook and choose an image ’ s on the site video thumbnail image a... Only new post will be affected ; old posts will still show stale information sites will automatically the... Preview you want because the info from URLs and pages that have already been shared, for better.! Only new post will be affected ; old posts will still show stale information can., which you may ignore for now number of reviews automatically redirect the user to a location! Asked about why Facebook commonly picks the wrong image link information April 2020 ) top right Facebook! Media, Spotlight sometimes you’ll post a link to test and it 's showing wrong... Image, title, and submit ideas to improve the HubSpot platform higher. Links on Facebook for the page/post in the FB Debugger tool just saved my life click the `` new. And leave a review for a loop how to fix a missing preview image won ’ t despair: have... Use the OpenGraph Debugger and page by individual page process each URL you want Facebook to.. Why Facebook picks the wrong image performance. April 2020 ) eyes and yet far... Version at 320px by 320px and decide to change up the image to pre-cache those old posts into as... Sometimes you ’ re done not working then you need to force Facebook to gather a fresh image!