Quick Ways To Setup Twitter Cards For Your Blog/Website

Quick Ways To Setup Twitter Cards For Your Blog/Website

Sponsor
All You Need To Do To Setup Twitter Cards For Your Blog



All you need to do to setup Twitter cards for your blog are explained as follows; 
1.Edit your template to add the Twitter card metadata. Login to your Blogger account and go to Template > Edit HTML Click within the Template Editor and press Ctrl + F to search within the template for </head> and paste the below code just above that . You will have to modify the @TWITTER-ACCOUNT-NAME  in the below code with the name of the twitter account you use for your blog. The second YOUR-BLOG-URL should be changed to the name of the blog author’s twitter account. Finally you need to change the image source URL-FOR-IMAGE-YOU-WANT-TO-USE-IF-THERE-IS-NOT-A-THUMBNAIL-PHOTO-IN-THE-POST. 

Make sure you save your template after pasting.

<!--  START - TWITTER CARD TAGS   -->
<meta name="twitter:card" content="summary"/> 
<meta name="twitter:site" content="@YOUR-TWITTER-ACCOUNT-NAME"/> <meta name="twitter:domain" content="YOUR-BLOG-URL"/>
<b:if cond='data:blog.pageType == &quot;item&quot;'><meta name="twitter:title" expr:content='data:blog.pageName'/><b:else/><meta expr:content='data:blog.homepageUrl' name='twitter:url'/><meta expr:content='data:blog.pageTitle' name='twitter:title'/></b:if>
<b:if cond='data:blog.postImageThumbnailUrl'><meta name="twitter:image:src" expr:content='data:blog.postImageThumbnailUrl'/><b:else/><meta name="twitter:image:src" content='URL-FOR-IMAGE-YOU-WANT-TO-USE-IF-THERE-IS-NOT-A-THUMBNAIL-PHOTO-IN-THE-POST' /></b:if> 
<b:if cond='data:blog.metaDescription'><meta name="twitter:description" expr:content='data:blog.metaDescription'/><b:else/><!-- Still looking for a way to use the post snippet if there's no description --></b:if>

<meta name='twitter:url' expr:content='data:blog.canonicalUrl'/>
<!--  END - TWITTER CARD TAGS   -->
2.Configure and validate your Twitter Card on the Twitter Validation Page



– twitter:description -> A description of the content in a maximum of 200 characters.

– twitter:creator -> If the content of this card was authored by someone, include their Twitter username here.

– twitter:image:src -> A URL to the image representing the content.

– twitter:domain -> your blog’s domain name.
– twitter:card -> should be the type of Twitter Card you want

– twitter:site -> The Twitter username of the owner of this card’s domain.

– twitter:title -> The title of your content as it should appear in the card.


3.Click “Update Preview” after inputting the above twitter settings. If all looks fine, apply for approval by clicking on the “Validate & Apply” tab. Enter the URL of the post and click on “Go”. After validation, you can then request for the final approval for your card. You will get email when Twitter approves your request. This can be immediate or can take like 48 hours.

More so,  you can monitor the traffic generated by the Twitter card via your Twitter Analytics. Once approved, all your posts which have an image and description will start showing twitter cards when you or anyone else shares your post to twitter. So, it is important that while making a blogger post, you should add a “Search Description” and an added an image to the post. If you don’t do any of these, the post won’t display a twitter card.

                                     
Sponsor