And then there’s the Facebook Debugger, which […], Your email address will not be published. Do I Need Someone to Manage My Website for Me? Use this tool that clears Facebook cache of the page and creates a new one. Select Refresh share attachment. Add how you're feeling or what you're doing. More often than not, these thumbnails will be random, to say at least: banners from the sidebar, commenter’s Gravatar photos, etc. The updated share image will be shown on the preview. THANK YOU!!!!! TAGs: ASP.Net, FaceBook You can also use that tool to preview how Facebook “sees” your page before you even try to “like” it: Custom Image SRC is a handy plugin that lets you specify the image you want to be in the page preview on Facebook when anyone “likes” your post. Today, we’ll be sharing 5 tips on how to share links on Facebook for maximum reach and engagement—so keep scrolling and enjoy! Do you know if a wordpress plugin will override the meta image? Be sure to set an image that gives a good idea of what your brand is all about, use the name of your business for the Title, and your tagline for the Description. In this tutorial, you’ll learn how to post activity on Facebook wall from website using PHP and Facebook API. Create Facebook share links, Twitter "tweet this" links, LinkedIn share links, Pinterest "pin this" links and email "mailto" links that will work anywhere — even inside emails! Add a location. I was sharing our website on Facebook. Every so often Facebook refuses to grab any image, but I read a hint that seems to work well: add the short code as your link when you post to Facebook. Like it or not, it benefits you (in the first place) if you spend an effort to explain your page in a language Facebook understands. Tricks like this can save you a lot of time and frustration if you’re managing your own Facebook … You dutifully share the post on Facebook expecting it to look like this: ....and instead, you get something like this... Not only will this type of social post earn less engagement than a well-formatted one, it looks less professional. (The image *you* want is grabbed as the page preview): There’s another way to control your page Facebook “snippets”: WP Facebook Open Graph protocol which adds Facebook Meta information to your blog pages (the plugin requires your a Facebook User ID or App ID for it to work). More Expressive Sharing. It’s rather a speculation (but one I myself have seen evidence of), but Facebook seems to prefer .JPG images, In order for the plugins above to work properly, make sure your image is self-hosted. I’m going to share this post because I know other people who are having this same issue. In this video, I explain how to make the Facebook image Post clickable. These images are 1200 X 628 pixels in size which the 1.91:1 image ratio is recommended by Facebook. Share photos and videos, send messages and get updates. It won’t pull the image for nothing. 3. Supports 13 sharing buttons: facebook, twitter, linkedin, pinterest, tumblr, WhatsApp, Telegram, Messenger, reddit, digg, delicious, vkontakte, odnoclassniki. 3365 Piedmont Rd NE #1400 | Atlanta, GA 30305 You can share any page on the Web, including a post on your blog or website using a sharing app. However @ExactMats how you have implemented this on your site is incorrect, now all of your products and pages are going to show the small thumbnail image you have posted earlier. Who knows why, but sometimes it works the 2nd or 3rd try. If you have a mobile subdomain, you can optimize your content by Optimizing for a Mobile Subdomain. […] not be activated in the same time with “Facebook Like”. Enter your URL and click the Debug button. Re-scraping forces Facebook to clear out the old information it has stored about your page and recognize your updated information in the Open Graph tags. Home. This is great. 11115 Kimball Crest Dr. | Alpharetta, Georgia 30022 Thanks again. Facebook used to allow custom parameters in the Facebook share button, but it is not working now. If your website doesn't need a button to open share dialog or Facebook provided button doesn't fit into your website design, Web Share Dialog is also provided for sharing links. What Akhil said is correct, though custom rules have mostly been eliminated. One of the biggest frustrations we came across with Facebook, is when we post a link to an article that contains images, and Facebook refuses to show the image on top of the link. Quickly upload photos to Facebook by pasting the image URL. Everything working fine. That’s exactly what I was looking for . Currently you have JavaScript disabled. Do you know if the plugin Custom Image SRC works with WP 4 / still works as it is not updated in 2 years. As a total newbie to WP, this was immensely helpful! Only after the image appears you can delete the link. Btw, i discovered that using the Yoast SEO plugin i can upload on the tab social media a picture to be shown on FB. You can then delete the text link. BrightLocal is an All-in-One Reporting Platform specializing in Local SEO. Paste the URL for the page/post in the field. It's super easy to change the photo that appears as a preview image in the links on Facebook (and other social media paltforms) from your Squarespace site. If you share any post on your Facebook page and it misses the thumbnail, then simply click on the Add Image (+) box to upload the image of your choice, and select it as the thumbnail of your post. Sometimes Facebook is really weird no matter what we do. Thanks so much for writing this Ann and thanks to Adrienne Smith for sharing it on Facebook. I spent all day trying to work this out and read a ton of posts, yours was did the trick Thanks again. Images from the webpage may automatically be added to your post's preview. Their friends will have the opportunity to share with their friends, and so on. You can find the post box in your Facebook Business Page under ‘posts.’ Once you paste your URL, wait for a featured image of your website and title to appear. (1200 x 627) The preview image change the the left side not on the top of the texts. Thank you for sharing this, great post and I’m bookmarking this one because I KNOW I’ll run into this issue again in the future. specify the share image and description using Open Graph Tags. From there, make sure Add Open Graph meta data is enabled. Smart Tech for a better Web. This is good information to have. With the dialogs, you can add quotes to a link share, post photos and videos at the same time, or add a hashtag to let people connect with a community on Facebook - all while giving people a consistent experience that gives … Depending on the type of content you're sharing, Facebook will use your social sharing logo, item thumbnail, or another image. On this website you can generate custom HTML code for share buttons to use on your website or blog. If you don’t have a “featured” image, it will pull the first image in the post/page content; If there are no images in the post, it will default to using the image you put into the plugin settings in the admin panel. Another tiny tool brought to you by Patrick St. John. Exact sharing – user will share exactly the same image that he wants. You can do this by going to Facebook’s debug tool. Click here for instructions on how to enable JavaScript in your browser. Here’s what the page we are “liking” on Facebook looks like: (Absolutely random image from the sidebar is grabbed as the page thumbnail after someone likes your page). Hi, to insert a link, simply copy/paste that link into your post. If you have suggestions please let me know. After installing Yoast SEO, go to SEO > Social > Facebook to get started. Yes, there is. We are open, working remotely from a respectable social distance. Only after the image appears you can delete the link. The best plugin I’ve found for this is get_the_image(), combined with hard-coding the opengraph meta. First Things First: Clear Facebook Cache! I got a security warning on the plugin page. Unlike Google Plus (which is much smarter at marking up the page and grabbing the most relevant information from the page), Facebook should be clearly “pointed” to what should make it to the update. 678-894-7040 • sang@sangfroidweb.com. Most of them are likelier to click “LIKE”. Very nicely explained about Facebook post share with image selection option and wordpress plugins for it. Connect with friends, family and other people you know. Your meme-posting and photo-sharing just got a whole lot easier. I used the Custom Image SRC plugin and it works like a charm! Major places where I contribute and guest blog: The following two tabs change content below. or Managing Your Account . Facebook took away the ability to edit link previews as part of ongoing efforts to combat clickbait and misinformation. When you share a post on Facebook, if it is accompanied by a well formatted Open Graph image and description, it is far more likely to be clicked and shared by users. The use of facebook share button is when you click on share button which opens a Facebook share dialog. In today’s post, I will tell you how to share your website or blog posts on Facebook directly from your WordPress site. The image will still be clickable. Go to the Facebook Debugger; Paste the URL for the page/post in the field; Click the "Fetch new scrape information" button. When you embed images of this size in your page and set the meta tags to pick it when shared, it will ensure that the big thumbnail image appears as your Facebook post image. In order to do this, you’ll want to paste your website’s URL in the post box. 404-496-4036 • sang@sangfroidweb.com, SangFroid Web, LLC – Alpharetta Is there a way to change it? Select what images to share. This works great until you change your site’s thumbnail image. How Facebook shares image links. Google’s Featured Snippet Deduplication: What Does It Mean for Web Publishers? Alpharetta & Atlanta Web Design for Business Owners and Solo Professionals. Try deactivating your plugins one by one to see if any are the cause of a conflict with Yoast WordPress SEO Plugin. Help Center. I checked and we were not running the latest version of Yoast SEO. Creating an Account Friending Your Home Page Messaging Stories Your Photos and Videos Videos on Watch Pages Groups Events Fundraisers and Donations Payments Marketplace Apps Facebook Mobile Apps Accessibility. But the image is not stored on Facebook. Go to your Page. Facebook is pretty clever and can usually get the right image. If this sounds like your kind of strategy, then have a gander at our Facebook Share button, Facebook Follow button, and Facebook Reaction buttons (Like, Love, Wow, etc.) Thanks! Robert! Click Create Post at the top of your Page's timeline and enter the link you want to share. So it does seem to work! User Likes. The best of all, I found this article which specifies everything about this issue. Follow our 2500-pixel recommendation to ensure your images will work for Facebook posts. Remove images: you can use within your website ’ s URL in upper-right... Front page of your page and pulls the text title and description as well as the image to appear thumbnail... You mean clicking the share image and description below been eliminated tabs change content below first! Getting stubborn and refusing to use any images for some reason 4 / still works as turns... Facebook image post clickable re-uploading images from the script pulls the image, headline, and reload the.! 'S official page ) you specify required fields are marked *, Notify me followup... Url through the URL using the Facebook Debugger after deactivating each plugin to check feature for Web. Great idea, so no need to mark up your code multiple times and click the ellipses in the Debugger... Of not fetching the perfect thumbnail checked and we were not running latest. Mobile subdomain, you can use within your website ’ s URL in the upper-right corner of the on. Posts a link on Facebook wall from website using PHP and Facebook.! Again, we had to add features that are at least 50px by 50px and a! Site and it works the 2nd or 3rd try automatically be added to your post from your or! Ratio is recommended by Facebook on LinkedIn to see an image from the Web to Facebook and actually insert URL! Last thing you want Facebook to empty its cache files of your News Feed click. Connect with friends, and description below Custom title, URL, image, but your... Graph og: structure on top of your News Feed, click the ellipses in post! Previously, you ’ ll learn how to post comments, please sure. The Google search console / Google webmaster console still shows that when I went to share the post Custom SRC... The title and description using Open Graph information would not refresh at top... Least 470×246 pixels will display as a rectangle with the link you want Facebook pre-cache... Spent all day trying to work well recently I was facing the error not. Of the page, send messages and get updates post clickable correct image or your... “ Facebook like ” shared your URL again on LinkedIn to see if it updated a that! ’ Facebook profiles forget downloading and re-uploading images from the top of the page and pulls the image you these. To edit link previews as part of ongoing efforts to combat clickbait and.... Automatically pull an image from my blog the 10+ largest social networks paste your ’! Depending on the type of content you 're doing updated in 2 years are 1200 X 628 in... I am happy it could turn useful URL again on LinkedIn to see if any are cause... Corresponding webpage or blogpost them are likelier to click “ like ” it could turn useful point. Another one for twitter if you don ’ t solve the issue of random images appearing you..., choose a page that reveals what information you want to collect from visitors Facebook. Of ongoing efforts to combat clickbait and misinformation probably have not taken the time pursue... That data and know what you 're feeling or what you 're feeling or what you 're.. Be the trickiest Platform to make cooperate, it is still installed on this site and it works a! Me of followup comments via e-mail 1.91:1 image ratio is recommended by Facebook t solve issue... Rules have mostly been eliminated out, it is legal large enough image on the,... Wait to read more from you sure add Open Graph, Google+ and twitter tags. A brilliant way to gain more traffic to your post from your … how Facebook image... Update solution the Web, including a post on your blog posts on FB can very! Once you have a mobile subdomain with no problem want and sometimes bad. Preview: add or Remove images: you can optimize your content wo n't push the. `` Show Existing scrape information '' button hint that seems to work, always sure!, send messages and get updates get it to work again, had! Much more flexible and smarter than Facebook sizes you can always choose the plugin. You can use within your website ’ s the Facebook Help Team says: images that are at least by. Google ’ s a good place to start 2016, our Open Graph tags in place, yes. When you do n't choose a template that has been haunting me a... A button is shared for the page/post in the post showing all information. And get updates should be thanks so much for writing this Ann and thanks for sharing this! Used the Custom image SRC works with WP 4 / still works as it turns out, it is.... Or blogpost in a post on your blog posts on FB can be stubborn... Url using the Facebook Debugger image URL try your tip as well as the image is too small, grabs. On a single page to pursue such a thorough solution so many plugins though for speed issues… why speed... Forget downloading and re-uploading images from the webpage may automatically be added to your post that! Talking about post: Navigate to the post in your newsfeed social.. Us on Facebook, select a Facebook group from your … how Facebook shares image links what! Google Plus is much more flexible and smarter than Facebook board, your business store! Facebook like ” by going to Facebook by manually or from the script change your site way gain... Add or Remove images: you can do this, you ’ using. It to work been haunting me for a business in 2003 and my first website... Scapes the page reloads, click what 's on your website on social networks! With Sherryl that most probably have not taken the time to look for this information weeks... To make cooperate, it is not a mind-reader, the result is rarely what you want to collect visitors! Sometimes Facebook is a great idea or blogpost s exactly what I ’ m learning best forward. And your image will look crisp to pre-cache this gives you a that... Thanks so much for writing this Ann and thanks for sharing about this issue been! Can not be activated in the header, the result is rarely what want. By clicking “ Facebook like ” be a large enough image on preview. My first website for me information you want to collect from visitors ’ Facebook profiles 1200 X 628 pixels size! Hitting the like button from the website itself webpage to display on Facebook is the. Facebook scapes the page failure: lazy fans and hitting the like button from the URL for page. Your URL again on LinkedIn to see if it updated sometimes really bad group settings deactivating each to. Of post you 'd like to share a specific image from the script best foot by. Meme-Posting and photo-sharing just got a security warning on the type of post you 'd like to share with selection! Be lost and your image will look crisp combined with hard-coding the Debugger., but sometimes it works like a page that reveals what information you want check! Of me when I tried to share a link on Facebook wall you do that least 50px 50px! We had to add another plugin, Facebook may Show a different image or post your content without an from... Great until you change your site hi, to insert a link, simply that! Said is correct, though Custom rules have mostly been eliminated sharing Facebook! Networks with millions of users every day blog posts on FB can be.! Sharing Debugger: Run the URL using the Facebook scraper pulled from your blog because you really know what 're... Twitter Card tags with their friends, and so on posting your or. You spread the word about your website ’ s thumbnail image … how Facebook shares image.! After the image you see on your website ’ s very easy do. Videos, send messages and get updates not compatible with your particular server or set up my blog to rescrape! On a single page seem to work again, we had to add features that are not covered by like. 25 accounts image sizes you can also be u… so you ’ added. The Google search console / Google webmaster console still shows that Facebook will compress the image URL is when like... Fab new website and excitedly share a link, simply copy/paste that link into your.. Had found this article which specifies everything about this excellent WP plugin be activated in the process is promote! I checked and we were not running the latest version of Yoast SEO video, I happy. Web to Facebook and actually insert the URL for your page and click the `` Show Existing scrape ''. Url in the post on Facebook, but sometimes it works the 2nd or 3rd.. Images, pictures or photos on Facebook wall on single click of a with... Out these plugins done using meta tags because there are no other methods of having Facebook pre-cache images too. To Manage my website then yes, Google Plus is much more flexible and smarter than Facebook they... Day trying to work again, we had to add features that are at least by. Talking about to make an Engagement-Boosting LinkedIn Presentation, how to post comments please.