The Twitter cards meta tags were the social media meta tags for Twitter which enable whatever webpage of your weblog to larn a rich object inwards social graph. In curt when mortal tweet your weblog post, the tweeted exceptional looks meliorate on Twitter. It plant equally Facebook Open Graph plant for Facebook posts. For instance :
If y'all posted a link of whatever of your postal service on Twitter without setting upwards Twitter cards tags,
it volition await similar this :
Which is non an impressive slice of content. Influenza A virus subtype H5N1 social media user cancel this instead of tweeting it, But afterward adding the Twitter cards meta tags it looks similar this :
This is to a greater extent than probable to larn clicked as well as Tweeted past times users, therefore if y'all desire to add, implement or setup Twitter cards social media meta tags to your blogger only follow the given pace past times pace tutorial amongst images :
Note : If y'all bring already added Facebook opened upwards graph tags inwards your blogger, as well as therefore y'all bring to add together exclusively basic tags because twitter tin fetch information from opened upwards graph tags except few.
Steps : How To Add Open Twitter Cards Tags To Blogger
Option 1 : If y'all bring already added Open Graph tags for Facebook.
Step 1. Log inwards to your Blogger account, as well as therefore give-up the ghost to Dashboard > Template > Edit HTML.
Step 2. Click anywhere within the Template code, as well as therefore search for the next code ( CTRL+F ) :
<head>
Step 3. Add this code only below it.
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@your-name' name='twitter:site'/>
<meta content='@your-name' name='twitter:creator'/>
Step 4. Configuration of Twitter cards tags :
- Replace your-name amongst your refer or amongst your weblog title.
- ( Optional ) Change summary_large_image amongst the type of twitter card.
Types of Twitter carte du jour :
- summary: Default Card, including a title, description, thumbnail, as well as Twitter draw organisation human relationship attribution.
- summary_large_image: Similar to a Summary Card, but amongst a prominently featured picture ( Recommended ). For to a greater extent than information click here.
Step 5. Click on Save Template.
Option ii : If y'all bring non added Open Graph tags for Facebook.
Step 1. Log inwards to your Blogger account, as well as therefore give-up the ghost to Dashboard > Template > Edit HTML.
Step 2. Click anywhere within the Template code, as well as therefore search for the next code ( CTRL+F ) :
<head>
Step 3. Add this code only below it.
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@your-name' name='twitter:site'/>
<b:switch var='data:blog.pageType'>
<b:case value='index'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<b:default/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
</b:switch>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
<meta content='@your-name' name='twitter:creator'/>
<b:switch var='data:blog.pageType'>
<b:case value='item'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<b:default/>
<meta content='img-url-for-home-page' name='twitter:image'/>
</b:switch>
Step 4. Configuration of Twitter cards tags :
- Replace your-name amongst your refer or amongst your weblog title.
- ( Optional ) Change summary_large_image amongst the type of twitter card.
- Replace img-url-for-home-page amongst url of the picture y'all desire to exhibit for homepage.
Types of Twitter carte du jour :
- summary: Default Card, including a title, description, thumbnail, as well as Twitter draw organisation human relationship attribution.
- summary_large_image: Similar to a Summary Card, but amongst a prominently featured picture ( Recommended ). For to a greater extent than information click here.
Step 6. Click Save template.
Enjoy !
Now y'all volition run across optimized Title, description, picture etc on your Twitter tweet linked amongst your blogger. If y'all bring whatever lawsuit role Twitter carte du jour Validator . Still non resolved comment below. Stay Updated, Browse ! :)
0 comments
Post a Comment