{"id":5177,"date":"2017-11-12T10:23:26","date_gmt":"2017-11-12T15:23:26","guid":{"rendered":"https:\/\/www.eparrs.com\/blog\/blog\/?p=5177"},"modified":"2025-02-26T18:01:25","modified_gmt":"2025-02-26T23:01:25","slug":"twitter-not-showing-my-blogs-pictures","status":"publish","type":"post","link":"https:\/\/www.eparrs.com\/blog\/twitter-not-showing-my-blogs-pictures\/","title":{"rendered":"Twitter Not Showing My Blog\u2019s Pictures \u2013 Thumbnails Not Displayed Properly"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">How frustrating it can be when you go to all the trouble of creating an awesome post with a perfect picture used as your featured image (in WordPress, of course) and then when you share that post on social media only to wonder why Twitter not showing my blog\u2019s pictures properly.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">What do I mean about Twitter no showing my blog\u2019s pictures properly?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So that you understand, I am using a premium paid-for WordPress theme. And, I have made sure to always fill in the Social Media options that appears in every one of this company\u2019s themes, which is located directly below EACH and EVERY post and page edit window within my WordPress dashboard.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The following screen print is what their Twitter card looks like.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"613\" src=\"https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image01-1024x613.webp\" alt=\"a screen print of my theme's Twitter card\" class=\"wp-image-8697\" srcset=\"https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image01-1024x613.webp 1024w, https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image01-300x180.webp 300w, https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image01-768x460.webp 768w, https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image01.webp 1110w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Even though I have shared a particular post in Twitter in previous months, many times now Twitter still won\u2019t show my blog\u2019s pictures properly when tweeting the same post once again.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is what I mean about Twitter not showing my blog\u2019s pictures properly.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"753\" height=\"300\" src=\"https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image02.webp\" alt=\"a &quot;before&quot; screen print of my tweeting my post\" class=\"wp-image-8698\" srcset=\"https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image02.webp 753w, https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image02-300x120.webp 300w\" sizes=\"auto, (max-width: 753px) 100vw, 753px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Yet I have shared this exact same post at LEAST twice over previous months this year.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So, why Twitter does this is beyond me. This has happen to me far more times than I care to imagine anymore.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now I keep a shortcut on my desktop computer to use BEFORE each time that I share any of my posts from MY blogs on my Twitter account.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The shortcut I\u2019m referring to is: https:\/\/cards-dev.twitter.com\/validator and, this will only work for you when you are logged into your Twitter account.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The tweet shown in the screen print above, I deleted almost immediately (well, after I took the following screen print, that is).<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"333\" src=\"https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image03.webp\" alt=\"a screen print showing how to delete my before tweet\" class=\"wp-image-8699\" srcset=\"https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image03.webp 941w, https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image03-300x106.webp 300w, https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image03-768x272.webp 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Then I went to Twitter\u2019s validator web page and pasted the URL for my post into the textbox provided, and then clicked on the \u201cPreview card\u201d button and &#8230; VOILA!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The screen print below shows you what I saw:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"557\" src=\"https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image04-1024x557.webp\" alt=\"a screen print of my using Twitter's validator\" class=\"wp-image-8700\" srcset=\"https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image04-1024x557.webp 1024w, https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image04-300x163.webp 300w, https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image04-768x418.webp 768w, https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image04.webp 1276w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">So that you are forewarned, sometimes even their validator will refuse to display the Twitter Card preview properly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When this happens, I simply refresh my browser tab session that I\u2019m using their validator in, and then press their \u201cPreview card\u201d button once again. Sometimes, I have had to refresh and try this as many times as 3 before their validator would display my post properly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then and ONLY then will I share my post in a tweet on Twitter. You can see in the screen print below as to how my shared post now looks in my tweet:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"732\" height=\"581\" src=\"https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image05.webp\" alt=\"a screen print of my tweeting my post after validating\" class=\"wp-image-8701\" srcset=\"https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image05.webp 732w, https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image05-300x238.webp 300w\" sizes=\"auto, (max-width: 732px) 100vw, 732px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>NOTE:<\/strong> If you should still find you are having issues getting Twitter&#8217;s Card validator to display your featured image, please&#8230; look below the test result and read over what Twitters validator displays under the subtitle &#8220;Log&#8221;. If there is a WARN that you need to address, please do so and test again.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The reason I\u2019m so fussy about my tweeted images being displayed properly is simply because of the <a href=\"#IMAGE\">importance of using images on social media<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What about Facebook Images?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now, if you have found you are having similar issue when sharing your posts on Facebook, they TOO offer something similar to Twitter\u2019s validator.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Facebook calls their validator <a href=\"https:\/\/developers.facebook.com\/tools\/debug\/\" target=\"_blank\" rel=\"noopener noreferrer\">Object Debugger &#8211; Facebook for Developers<\/a>, and again, you need to be logged into your Facebook account to be able to go to the URL.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once again, if you find that Facebook is not showing your blog\u2019s pictures properly after you&#8217;ve clicked the Publish button, you can simply delete your Facebook post. See screen print below which shows you the individual post Delete option:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"637\" height=\"320\" src=\"https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image06.webp\" alt=\"a screen print of a Facebook post, showing how you can Delete from Page\" class=\"wp-image-8702\" srcset=\"https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image06.webp 637w, https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image06-300x151.webp 300w\" sizes=\"auto, (max-width: 637px) 100vw, 637px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Then visit the <a href=\"https:\/\/developers.facebook.com\/tools\/debug\/\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook Debugger<\/a> web page &#8230; remembering to do so only AFTER you have logged into your Facebook account.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"302\" src=\"https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image07-1024x302.webp\" alt=\"a screen print of Facebook's open graphic object debugger textbox\" class=\"wp-image-8703\" srcset=\"https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image07-1024x302.webp 1024w, https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image07-300x88.webp 300w, https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image07-768x226.webp 768w, https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image07.webp 1286w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Once there, place the URL of your blog post in the \u201cInput URL\u201d textbox (shown in screen print above) and click their \u201cShow existing scraped information\u201d button. If you do NOT like what it shows, then click on their \u201cFetch new scrape information\u201d button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Should you find your post STILL is not being displayed properly, then DO check to make sure your social media fields are filled in properly or that at least you have a <a href=\"https:\/\/en-ca.wordpress.org\/plugins\/facebook-thumb-fixer\/\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook thumbnail fix plugin<\/a> installed and that you are using that correctly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"FB\">For those wanting to know how to install and use a Facebook thumbnail fix plugin, I offer you the following video.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Fix Post Images Not Showing in Facebook<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.eparrs.com\/blog\/fix-post-image-not-showing-in-facebook\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"682\" height=\"422\" src=\"https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image08.webp\" alt=\"screen print of video training for Facebook image fixer\" class=\"wp-image-8704\" srcset=\"https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image08.webp 682w, https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image08-300x186.webp 300w\" sizes=\"auto, (max-width: 682px) 100vw, 682px\" \/><\/a><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">There have been NO times that I have had to constantly refresh my browser to get the Facebook Debugger to show my post properly IF\/WHEN my Social Media option was setup correctly. [THIS IS NO LONGER NEEDED. SEE UPDATE AT THE BOTTOM OF THIS POST]<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Having said this &#8230; what I HAVE noticed with my business Facebook Fan page is that once I paste the URL into my Facebook post &#8230; I wait a few seconds to see what will happen with how my post will get shared &#8230; BEFORE I click the Publish button or even Schedule my post.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Many times I\u2019ve had to delete my post along with any text I had add above the URL, and then refresh my tab and try posting it again, simply because Facebook refused to display my featured image properly &#8230; if at all.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Most times though, I\u2019ve only need to do this twice before Facebook displays my images properly. Then I carefully remove the URL and click the \u201cPublish\u201d button. In this way, it saves me having to constantly go to their Debugger tool first.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This SAME method works for me when sharing posts in Google+ too, simply because both Facebook and Google+ offer users a preview so we can see EXACTLY how our post will look once we click the button to share our posts &#8230; providing you are not in a big hurry.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It only takes a few seconds for these two Medias to show you EXACTLY how your post will be displayed but you HAVE to wait BEFORE clicking the Publish button.<br><a name=\"IMAGE\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why Using Images on Social Media Important<\/h2>\n\n\n\n<ol class=\"wp-block-list\"><li>) Images get the attention of your audience \u2013 which makes it VERY important that you choose the correct image(s) that are relevant to your content.<br><br><\/li><li>) Varying your images keeps interest of your audience \u2013 using the same image in social media will have your audience becoming blind to your shares, thinking it is the same one you shared the last time.<br><br><\/li><li>) Images make it easier to remember your post\u2019s message \u2013 another great reason to share the image(s) most applicable to your topic.<br><br><\/li><li>) According to some reports online, images shared in social media were considered second only to blogging in providing relevant traffic.<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">I would tend to believe the following screen print of a post shared recently in my Twitter account would address each and every one of the points shared above &#8230; wouldn&#8217;t you?<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"740\" height=\"588\" src=\"https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image09.webp\" alt=\"screen print of a great featured image used in a tweet\" class=\"wp-image-8705\" srcset=\"https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image09.webp 740w, https:\/\/www.eparrs.com\/blog\/wp-content\/uploads\/2017\/11\/twitter-not-showing-my-blogs-pictures-image09-300x238.webp 300w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">If you found this post helpful, I would appreciate your help in sharing this with your friends. And, more importantly &#8230; all comments will be greatly appreciated.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>UPDATE: 18 Sep 2021: <\/strong>The new All In One SEO plugin now offers both Facebook and Twitter card option in the FREE version, so you won&#8217;t need the plugin mentioned above. See video tutorial below&#8230;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/hashtag\/aioseo\" target=\"_blank\" rel=\"noopener\"><\/a><strong>How To Edit Social Media Preview Links (All In One SEO Tutorial)<\/strong><\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"700\" height=\"394\" class=\"aligncenter\" title=\"[video title here]\" src=\"https:\/\/www.youtube.com\/embed\/gKNSykIzbsU?modestbranding=1\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><br\/>\n\n\n<!--Yasr Overall Rating Shortcode--><div class=\"yasr-overall-rating\"><div class=' yasr-rater-stars'\r\n                           id='yasr-overall-rating-rater-56d16acb87aa9'\r\n                           data-rating='5'\r\n                           data-rater-starsize='32'>\r\n                       <\/div><\/div><!--End Yasr Overall Rating Shortcode-->\n","protected":false},"excerpt":{"rendered":"<p>How frustrating it can be when you go to all the trouble of creating an awesome post with a perfect picture used as your featured image (in WordPress, of course) and then when you share that post on social media only to wonder why Twitter not showing my blog\u2019s pictures properly.<\/p>\n","protected":false},"author":1,"featured_media":8695,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"yasr_overall_rating":5,"yasr_post_is_review":"","yasr_auto_insert_disabled":"","yasr_review_type":"","footnotes":""},"categories":[2],"tags":[],"class_list":["post-5177","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-archived"],"yasr_visitor_votes":{"stars_attributes":{"read_only":true,"span_bottom":"<div class='yasr-small-block-bold'><span class='yasr-visitor-votes-must-sign-in'>You must sign in to vote<\/span><\/div>"},"number_of_votes":0,"sum_votes":0},"_links":{"self":[{"href":"https:\/\/www.eparrs.com\/blog\/wp-json\/wp\/v2\/posts\/5177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.eparrs.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.eparrs.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.eparrs.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.eparrs.com\/blog\/wp-json\/wp\/v2\/comments?post=5177"}],"version-history":[{"count":1,"href":"https:\/\/www.eparrs.com\/blog\/wp-json\/wp\/v2\/posts\/5177\/revisions"}],"predecessor-version":[{"id":11819,"href":"https:\/\/www.eparrs.com\/blog\/wp-json\/wp\/v2\/posts\/5177\/revisions\/11819"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.eparrs.com\/blog\/wp-json\/wp\/v2\/media\/8695"}],"wp:attachment":[{"href":"https:\/\/www.eparrs.com\/blog\/wp-json\/wp\/v2\/media?parent=5177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.eparrs.com\/blog\/wp-json\/wp\/v2\/categories?post=5177"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.eparrs.com\/blog\/wp-json\/wp\/v2\/tags?post=5177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}