When you share your Blogspot link in your Twitter account's tweet, you may face an image/picture not shown problem.
How To Fix Image / Blog Thumbnail Not Shown On Twitter For Blogspot Links
1. Go to Blogger
2. Then, click “Theme”
3. Click the “Arrow Button” to get the option of “Edit HTML”
4. Now, click “Edit HTML”
5. Now, to solve this problem, you need to copy one of the copies below and paste it after <head>
<!-- twitter summary card with small image details -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@Abdul-Majid" />
<meta name="twitter:creator" content="@Abdul-Majid" />
<meta property="og:url" expr:content='data:blog.url' />
<meta property="og:title" expr:content='data:blog.pageName' />
<meta property="og:description" expr:content='data:blog.metaDescription' />
<meta property="og:image" expr:content='data:blog.firstImageUrl' />
<!-- twitter summary card -->
OR
<!-- twitter summary card with large image details -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@Abdul-Majid" />
<meta name="twitter:creator" content="@Abdul-Majid" />
<meta property="og:url" expr:content='data:blog.url' />
<meta property="og:title" expr:content='data:blog.pageName' />
<meta property="og:description" expr:content='data:blog.metaDescription' />
<meta property="og:image" expr:content='data:blog.firstImageUrl' />
<!-- twitter summary card-->
6. Click “Save”
Now, paste your blogger post link in your tweet to get an image preview. You will get an image preview after publishing your tweet.
If still the image is not shown, then you need to visit the Card Validator from Twitter Developer. Paste your blogger blog URL here and click “Preview Card”. Now, this will give you the information about the fetching page. If successful, you will see the image when you paste the blogger blog URL in your tweet or in your published tweet.
Comments
Post a Comment