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

Damage Inc Rocket League, Product Code Search, Dilute In Tagalog, Fox Sports Midwest Plus, Amsterdam In January, Aircraft Characteristics And Their Influence On Planning Of Airports, Tsmc - Minecraft Statues,