How To Add Twitter Cards Meta Tags To Blogger
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 amend on Twitter. It industrial plant every bit Facebook Open Graph industrial plant for Facebook posts. For instance :
If you lot posted a link of whatever of your post service on Twitter without setting upward Twitter cards tags,
it volition hold off 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 afterwards adding the Twitter cards meta tags it looks similar this :
This is to a greater extent than probable to larn clicked together with Tweeted past times users, thus if you lot 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 you lot convey already added Facebook opened upward graph tags inwards your blogger, together with thus you lot convey to add together entirely basic tags because twitter tin dismiss fetch information from opened upward graph tags except few.
Step 1. Log inwards to your Blogger account, together with thus buy the farm to Dashboard > Template > Edit HTML.
Step 2. Click anywhere within the Template code, together with thus search for the next code ( CTRL+F ) :
Step 3. Add this code only below it.
Step 4. Configuration of Twitter cards tags :
Step 5. Click on Save Template.
Step 1. Log inwards to your Blogger account, together with thus buy the farm to Dashboard > Template > Edit HTML.
Step 2. Click anywhere within the Template code, together with thus search for the next code ( CTRL+F ) :
Step 3. Add this code only below it.
Step 4. Configuration of Twitter cards tags :
Step 6. Click Save template.
Now you lot volition come across optimized Title, description, icon etc on your Twitter tweet linked amongst your blogger. If you lot convey whatever resultant purpose Twitter carte du jour Validator . Still non resolved comment below. Stay Updated, Browse ! :)
If you lot posted a link of whatever of your post service on Twitter without setting upward Twitter cards tags,
it volition hold off 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 afterwards adding the Twitter cards meta tags it looks similar this :
This is to a greater extent than probable to larn clicked together with Tweeted past times users, thus if you lot 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 you lot convey already added Facebook opened upward graph tags inwards your blogger, together with thus you lot convey to add together entirely basic tags because twitter tin dismiss fetch information from opened upward graph tags except few.
Steps : How To Add Open Twitter Cards Tags To Blogger
Option 1 : If you lot convey already added Open Graph tags for Facebook.
Step 1. Log inwards to your Blogger account, together with thus buy the farm to Dashboard > Template > Edit HTML.
Step 2. Click anywhere within the Template code, together with thus 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, together with Twitter describe of piece of employment organization human relationship attribution.
- summary_large_image: Similar to a Summary Card, but amongst a prominently featured icon ( Recommended ). For to a greater extent than information click here.
Step 5. Click on Save Template.
Option ii : If you lot convey non added Open Graph tags for Facebook.
Step 1. Log inwards to your Blogger account, together with thus buy the farm to Dashboard > Template > Edit HTML.
Step 2. Click anywhere within the Template code, together with thus 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 icon you lot desire to exhibit for homepage.
Types of Twitter carte du jour :
- summary: Default Card, including a title, description, thumbnail, together with Twitter describe of piece of employment organization human relationship attribution.
- summary_large_image: Similar to a Summary Card, but amongst a prominently featured icon ( Recommended ). For to a greater extent than information click here.
Step 6. Click Save template.
Enjoy !
Now you lot volition come across optimized Title, description, icon etc on your Twitter tweet linked amongst your blogger. If you lot convey whatever resultant purpose Twitter carte du jour Validator . Still non resolved comment below. Stay Updated, Browse ! :)
Belum ada Komentar untuk "How To Add Twitter Cards Meta Tags To Blogger"
Posting Komentar