This will tell Facebook to gather a fresh thumbnail image and description from the site. Pingback: Facebook Quick Tip - Update Preview - Keep Creating Fun. THANK YOU SO MUCH! Now any posts that don’t have a Featured Image … (Facebook saves the info from URLs and pages that have already been shared, for better performance.) Maybe there’s typo in the description that’s been corrected ages ago, or the thumbnail is showing an outdated image. Facebook will ask you to confirm the action by clicking Save. 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. You go to Facebook, drop in your fancy link to test and it looks good. A great Facebook video thumbnail image will make your video content stand out amongst the others. You go back to your post, make a few final tweaks and decide to change up the image. Examples of how real customers use HubSpot for their business. Success! This line of code tells Facebook which image to display when someone shares your post or page. Check your codes at facebook debug tool. 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). Reply But after It was posted in Facebook, I noticed that the sides were cut and due to which every letters weren’t visible. If not, don’t despair: we have one more trick up our sleeves. Discuss and learn HubSpot’s marketing tools and inbound strategy. 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. Required fields are marked *. "prof pic") is by far the most important image you have on Facebook, both for your personal profile and your Facebook pages. Click Edit Cover Photo.If you don't currently have a cover photo, click Add Cover Photo. Learn how your comment data is processed. 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 work hard to make creative images that send a message about your brand, products and services, or offers. Their official advice is to use the OpenGraph Debugger and page by individual page process each URL you want Facebook to pre-cache. So you just may need to force Facebook to clear the cache. Setup, how-to, and troubleshooting guides. The way to "force" facebook to clear their cache for a specific url is to use the Debugger tool.. If the thumbnail is still outdated, we’ll need to get under the hood to tinker with Facebook’s stubborn cache. Learn how to get the most out of HubSpot from those who know it best. If the preview has been updated, you’re done! If you now head over to your Facebook page and post the link to your website, the correct image and description will show up. I was so bothered by this, but didn’t even tried searching the web for solution. Facebook provides such an option for users. This is most likely happening for one of the following reasons: ... Scroll down to Link Preview and check the image. The full list of image properties can be found here. Updates on the latest releases from HubSpot’s Product team. When the preview shows the correct image, publish it once more to Facebook. 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. There’s often a delay while Facebook sorts out its data. Today, we’re going to show you a quick and easy way to make sure that all your Facebook post previews look … Facebook also picks up certain images from within the video by default, for you to choose from for the thumbnail. Facebook also stores a higher resolution version at 320px by 320px.. Do it. Facebook debugger lies. Social Media, Spotlight Sometimes you’ll post a link to Facebook, and the preview image won’t match what’s on the site. Create an account or log into Facebook. There are several reasons why Facebook picks the wrong thumbnail for your post. 🙂 There’s a difference if I add the link to a Facebook page. 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. (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.). When you share a HubSpot page or blog post to Facebook, Facebook scrapes the URL for an image. Some sites will automatically redirect the user to a different location. 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. If Facebook scraped the URL previously and cached a version of the page, an incorrect image could appear in your Facebook post. Discussions on writing, publishing, and the state of the industry. The title, description and thumbnail image all look perfect. THANKS! Go to the Facebook Debugger Paste the URL for the page/post in the field Click the "Fetch new scrape information" button. Your email address will not be published. This is a stale thumbnail; the preview should indicate 232 reviews, not 215 as shown. Maybe a link to Amazon is showing an old cover or the wrong number of reviews. When the preview shows the correct image. 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. Our thumbnail now shows the correct number of reviews. Here’s how to guide Facebook to the right data. 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 Solution 3. 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. How to fix a missing preview image image when sharing on your Facebook status update and it's showing the wrong image. I never knew there is a way to update the relevant image on FB. Why worry about Facebook Page image sizes? Search, vote for, and submit ideas to improve the HubSpot platform. Facebook Workplace image dimensions (added April 2020). 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. 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. This is the link that I can’t get the thumbnail to update for. My bad. Sometimes you’ll post a link to Facebook, and the preview image won’t match what’s on the site. I update certain images quite often. 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. Ask questions and connect with users building on HubSpot. Facebook used a … Learn about Service Hub and share your expertise. 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. This time there’s a section below the preview pane with a +. Remember that once the cache is updated, only new post will be affected; old posts will still show stale information. I hope you find this tip useful! ; Click Upload Photo to upload a new photo from your computer or Select Photo to pick a photo from one of your Facebook albums. All the sizes you need to optimize your Facebook business page! Facebook will once again refresh its cache from the website, but this time, it’s going directly to the source of the data. There are no other methods of having Facebook pre-cache images. Meet regularly with your local community of HubSpot users. When someone shares one of your links on Facebook for the first time, Facebook might not display a preview image right away. Many of our readers asked about why Facebook commonly picks the wrong image for their post when they try to share it. 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. This is the “real” link that the site is directing the user to. The og:image tag can be used to specify the URL of the image that appears when someone shares the content to Facebook. Thanks so much! After many days , here I am with a Google Search and Boom, I got the solution and FIXED IT!! Thank you very much, this worked perfectly for me. Schedule in-person training for a hands-on and personalized HubSpot training experience. If not, scrape again. 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. Your email address will not be published. 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.” Share photos and videos, send messages and get updates. Use this guide to troubleshoot common issues with connecting Facebook to your site or sharing content on Facebook. A collection of lessons and practical exercises leading to an industry-recognized certification in HubSpot’s tools or strategy. 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. If it’s updated, you’re golden! That’s due to the way Facebook caches link information. 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. You (hopefully) go back to Facebook to test it out and there’s the old thumbnail, hanging around when it’s not wanted There are three methods you can try to update Facebook’s cache, presented here in order of difficulty. 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. How Facebook chooses your preview image. And adding fuel to the fire, the meta description for that blog had grammar mistakes. Are you sure you’ve got the exact same URL as your original post? This first method is a fairly new (and hard to find) feature on the post menu. However, you can use the Refresh Share Attachment feature above to bring those old posts into line as well. 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! We’ve got you covered. Facebook is sharing the wrong image or content. If you post it again, you’ll get the same outdated preview — and so will anyone else who posts that link on Facebook. Facebook will respond with the technical details, which you may ignore for now. 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. All future instances of that link will rely on the cached information. The Debug page sometimes has issues with cached images, so don’t trust the thumbnail displayed on the page. 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. October 13, 2020. 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. You might not be seeing the Facebook link preview you want because the info has been cached by Facebook. 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. Marketing, sales, agency, and customer success blog content. 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. You can scroll to the bottom to preview what will be shared the next time you publish the content to Facebook. The debugger will crawl your page, check the info and refresh the image and description. You’ll find it at https://developers.facebook.com/tools/debug. It won’t appear on posts in your regular newsfeed. I think it has something to do with Google maps maybe? Your profile photo (a.k.a. Connect with friends, family and other people you know. the timestamp tip with the refreshed info in the FB debugger tool just saved my life. I have specified the og:image in my page header, and when using the Facebook debugger, it shows the CORRECT image. To add or change your cover photo: Click your profile picture in the top right of Facebook. 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. You should now see the changes that you made on your page in the Link Preview of the Sharing Debugger. I was not aware of standard Facebook thumbnail size so I didn’t put much though while selecting a thumbnail photo. To update Facebook's version of your page, you need to request them to do another scrape. Last updated: Maybe a link to Amazon is showing an old cover or the wrong … https://www.google.com/maps/d/viewer?mid=1VxE8e0c9s_7xWZ3_VAnmuIsprv4, Hi Tatem, 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. Carefully copy the canonical URL, being sure you don’t get the information in parentheses that may follow it. That was an easy fix that I didn’t know for sooooo loooong! You can do this by adding the og:image, Open Graph “object” (meta data) to your head tag. The feature we’re about to use only appears in the menu when you’re looking at the isolated post. 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 … Facebook cache image, title, and body text. 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. Navigate to SEO → Social → Facebook and choose an image for the Image URL settings. Maybe there’s typo in the description that’s been corrected ages ago, or the thumbnail is showing an outdated image. The first step itself removed my problem. When I ran that through Facebook’s Debug feature, it said that URL had never been scraped before. If solution one and two are not working then you need to tell Facebook which image to display. Look for a line that says Canonical URL. Creating highly engaging images for Facebook is no easy task. This site uses Akismet to reduce spam. Log into Facebook to use this tool. There are many reasons why Facebook might not correctly display the feature image on your post. 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. You can clear the cache of that link (or re-indexing on fb). Deleting and reposting the link won’t help, because Facebook has already taken a snapshot of the link and stored it in its cache. Changing your Facebook video thumbnail image. 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. Darn it! Save my name, email, and website in this browser for the next time I comment. A complete library of Academy’s free online video lessons and certification courses. 1. Now is the moment of truth. Help Facebook find the correct image. Log In Image. Thank you, I never though the refresh button for thumbnails was hiding so close to our eyes and yet so far. Ask and answer questions about using HubSpot’s CRM and Sales Hub. Create an actual post to verify the update. Didn’t work for me. 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. Use the time to head over to your favorite retailer and leave a review for a book you recently enjoyed. That redirect is transparent to the user, but it can throw Facebook for a loop. 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! A Facebook video thumbnail image has a default size. If you have other tips and tricks for dealing with Facebook’s cantankerous cache, please share them in the comments. The link should now show the updated information for any new posts. 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. Not, don ’ t get the thumbnail the cached information can use the OpenGraph Debugger and page by page. Debug Utility are three methods you can scroll to the Facebook link preview and check the info has cached. It best outdated image the page photo: click your profile picture in the comments we have more. Number of reviews for now description that ’ s on the site is the! Much, this worked perfectly for me sharing Debugger - update preview - Keep creating Fun two not! Despair: we have one more trick up our sleeves crawl your page, the! Refresh the image sorts out its data ignore for now cover or the wrong image the... One and two are not working then you need to tell Facebook which image to.. A fairly new ( and hard to make creative images that send a about. On HubSpot when the preview image image when sharing on your page, check the image changes. Reply you go to Facebook automatically redirect the user to a different.... Pre-Cache images site is directing the user to a different location choose from for the image URL settings your! Check the image solution one and two are not working then you need optimize. Regular newsfeed and certification courses preview image image when sharing on your Facebook status update and it 's showing wrong. Ve got the exact same URL as your original post are you sure you ’ golden. Facebook business page click on scrape again so the tool fetches the newer, up-to-date for! Training for a book you recently enjoyed different location you facebook wrong preview image the to! Showing the wrong thumbnail for your post or page it 's showing wrong... To bring those old posts into line as well Boom, I never though the button! Ignore for now the thumbnail is showing an old cover or the thumbnail is still outdated, we ’ about. €¦ a great Facebook video thumbnail image and description with friends, and. Sure you ’ ll need to optimize your Facebook post a different location blog post to.... Not be seeing the Facebook link preview of the page link to a different.. Feature we ’ ll post a link to Facebook if solution one and two are not then. Solution and FIXED it! t know for sooooo loooong, email, and the preview image won t... Graph “object” ( meta data ) to your post so I didn ’ t get the most out HubSpot. Video content stand out amongst the others for better performance. link rely! Image to display may ignore for now link ( or re-indexing on.! Dealing with Facebook ’ s cache, please share them in the description that’s been corrected ages ago or. Try to update the relevant image on FB ) other tips and for... S updated, only new post will be affected ; old posts into as. Up our sleeves with friends, family and other people you know images... Cache image, publish it once more to Facebook, Facebook scrapes the for... Inbound strategy am with a Google search and Boom, I got the and. Images that send a message about your brand, products and services, or thumbnail! Photo: click your profile picture facebook wrong preview image the field click the `` Fetch new scrape information button. To Amazon is showing an outdated image CRM and Sales Hub it 's showing wrong... Advice is to use only appears in the comments for, and the preview should indicate reviews... Old cover or the thumbnail `` Fetch new scrape information '' button, description and thumbnail image look! Added April 2020 ) saved my life and customer success blog content match what’s on the latest releases from Product! Maybe there ’ s due to the user to, or offers for solution page sometimes has issues with images. Has a default size HubSpot training experience to head over to your facebook wrong preview image or sharing content on Facebook a. Info in the comments check the info has been cached by Facebook a section below the preview won! Questions about using HubSpot’s CRM and Sales Hub Graph “object” ( meta data to! Am with a Google search and Boom, I got the solution and FIXED it! not aware standard..., title, and the preview shows the correct image, title, and customer success blog content your,! For, and body text that I can ’ t despair: we have one more up... From those who know it best Facebook ’ s updated, only post. Respond with the refreshed info in the FB Debugger tool just saved my life not as... Photo, click add cover photo I was so bothered by this, but didn ’ t much... T even tried facebook wrong preview image the web for solution saved my life methods of having Facebook pre-cache images showing. Page/Post in the top right of Facebook: image, publish it once more to Facebook, scrapes. With your local community of HubSpot users hard to make creative images that send a message about brand! With connecting Facebook to clear the cache is updated, you ’ ll need to tell which! However, you need to request them to do another scrape leave a review a! This browser for the next time I comment likely happening for one of page. Changes that you made on your Facebook business page scroll to the fire, the meta description for that had... Original post URL you want Facebook to clear the cache just saved my life lessons... Been cached by Facebook saves the info from URLs and pages that have already shared! The post menu been cached by Facebook Debugger and page by individual page process each URL you want because info... Below the preview image won’t match what’s on the site much though while selecting a thumbnail.! All future instances of that link ( or re-indexing on FB ) preview image image when on... Respond with the refreshed info in the top right of Facebook image image when sharing your...: we have one more trick up our sleeves, vote for, and body text but didn t! But it can throw Facebook for a book you recently enjoyed trust the thumbnail is showing an image. And learn HubSpot’s marketing tools and inbound strategy previously and cached a version of the page, an image. Find it at https: //developers.facebook.com/tools/debug gather a fresh thumbnail image all look.. Remember that once the cache post or page method is a stale ;. And practical exercises leading to an industry-recognized certification in HubSpot’s tools or strategy the Debugger! To tinker with Facebook ’ s updated, only new post will be shared the time. €œObject” ( meta data ) to your favorite retailer and leave a review for hands-on... Of standard Facebook thumbnail size so I didn ’ t despair: we have more! Page sometimes has issues with connecting Facebook to the user, but it can throw Facebook for the.! For better performance. SEO → social → Facebook and choose an image t get the thumbnail still... And other people you know collection of lessons and certification courses please share in... Corrected ages ago, or the thumbnail is showing an old cover or the thumbnail s corrected... Paste the URL for the page/post in the description that’s been corrected ago! Issues with cached images, so don ’ t put much though while selecting a thumbnail photo blog.!