How To Fix Twitter Image Preview Not Working For Blogger (2023)
Image Is Not Showing For Link In Twitter
When you shared your blogspot link in your twitter account's tweet, you may face image / picture not shown problem.
How To Fix Image / Blog Thumbnail Not Shown In Twitter For Blogspot Links
1. Go to Blogger2. Then, click “Theme”3. Click “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 copy 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 image preview. You will get image preview after publishing your tweet.
If still the image is not shown, then you need to visit Card Validator from Twitter Developer. Paste your blogger blog url here and click “Preview Card”. Now, this will give you the information about fetching page. If successful, you will see the image when you paste blogger blog url in your tweet or in your published tweet.
Comments