facebook wrong preview image

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

Disadvantages Of Out Of-home Advertising, Coronavirus In My Area, Buy Mutual Fund Before Or After Dividend, American Ninja 6, Killarney Golf Deals, Archaeological Geophysical Equipment, If Ever I Would Leave You Instrumental,