Skip to main content

Tips To Get Sitelinks In Google Search Results - Blogger

Sitelinks are some links that are showing below site in search engines. Its not just in Google search results but in Bing, Yahoo and also in Yandex. There is no idea how to get sitelinks, even Google says that sitelinks are automatically generated links to help visitors reach important pages of your site. Also you have no control over which page you want in sitelinks and also there is no code which can do it. You might be thinking that if nothing is known about sitelinks, how am I going to get it for my site ? Well, the answer is simple you will get it as I got them ! What Are Google Search Result Sitelinks: Above is the sceenshot of sitelinks of my blog. If you search "101helper" oon Google you will see the sitelinks live. These are featured links from my blog and are shown to visitors to help them reach deeper pages or help them to reach the content of interest on a site. Note that sitelinks never remain the same they change time to time and we have no control over it. Goog...
Post a Comment

How To Add Twitter Cards In Blogger

twitter cards in blogger blogspot blogs tutorial 101helper

You might be thinking, why I am posting about Twitter again because I have recently created a post about Twitter follow box and before that I have also created some posts about twitter like Twitter animated bird gadget and some other posts. But the reason which made me to write another post related to twitter is something new and interesting that is "Twitter Cards".

You might have heard about it. If you know about Twitter Cards then you are good at Twitter marketing and you must be getting good traffic from twitter.

So this post is about Twitter cards, How to add Twitter cards in blogger, what is its significance, What are types of twitter cards and everything about Twitter cards.
So let me start from:

What A Twitter Card Is?

Twitter cards are a kind of optimizations which makes your tweets more living. With twitter cards you are able to add images, videos and media experiences in your tweets. You just need to add some Html code in your template and after that when someone tweets your post, the tweet will carry post image or video so making your tweets more living.

Significance Of Using Twitter Cards:

Twitter cards have following significance:

1. Twitter cards add images, videos, GIF's and other media to your tweets.
2. Twitter cards make your tweets more attractive.
3. Boost your twitter engagement, people view your tweets and visit your links.
4. Ultimately you get more traffic from twitter.
5. Unique tweets with twitter cards bring you more followers too!
6. After embedding tweets tweeted with twitter cards they have an amazing look so you will definitely get noticed by your visitors so you will get more and more followers.

Types Of Twitter Cards:

1. Summery Card: Summery card contains title, description, thumbnail and twitter account info. All the info is gathered from the post it is tweeted. Take a look of summery card below.

twitter summery card in blogger

2. Summery Card With Large Image: It is same as summery card with a little difference of large image unlike small image a in summery card. The large image is so prominent that such tweet will definitely get response of users. I have a demo of it too, take a look below.

summery twitter card with large image blogger


3. App Card: An app card contains info about your site's mobile app with a Download button which directly takes you to App store. So this card is good for those who have apps for their site. This card has different looks for mobile and desktop, you can take a look below.

twitter mobile android,ios app card blogger

4. Player Card: A card which provides tweets with videos, audio, images, GIF's and other media. This card is best for sites with media content like videos or audio(mp3). You can take a look below.

player card twitter blogger tutorial

How To Add Twitter Cards In Blogger?

1. Summery Card:

To install twitter summery card in your blog include the code given below in your template after <head>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='summary' name='twitter:card'/>
<meta content='@101helperblog' name='twitter:site'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<meta expr:content='data:post.firstImageUrl' name='twitter:image'/>

Replace @101helperblog with your blog's twitter ID. You can check if your card is working fine or no by either tweeting your post or by using Twitter Card Validator.

2. Summery Card With Large Image:

Copy the below code and paste it in your template after <head> and save your template.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@101helperblog"/>
<meta name="twitter:creator" content="@101helperblog"/>
<meta name="twitter:title" expr:content='data:blog.pageName'/>
<meta name="twitter:description" expr:content='data:blog.metaDescription'/>
<meta name="twitter:image" expr:content='data:post.firstImageUrl'/>
</b:if>

Replace @101helperblog with your's(twitter:creator) and your blog's(twitter:site) twitter ID.

3. App Card:

This card is not for everyone because I don't think that bloggers have ios app. But maybe those who buy a domain later after successful blogging, the may create ios app. So this card is for those who have ios app and they want to increase their downloads. Simple include the below code in your template just after <head>.
<meta name="twitter:card" content="app"/>
<meta name="twitter:site" content="@TwitterDev"/>
<meta name="twitter:description" content="Cannonball is the fun way to create and share stories and poems on your phone. Start with a beautiful image from the gallery, then choose words to complete the story and share it with friends."/>
<meta name="twitter:app:country" content="US"/>
<meta name="twitter:app:name:iphone" content="Cannonball"/>
<meta name="twitter:app:id:iphone" content="929750075"/>
<meta name="twitter:app:url:iphone" content="cannonball://poem/5149e249222f9e600a7540ef"/>
<meta name="twitter:app:name:ipad" content="Cannonball"/>
<meta name="twitter:app:id:ipad" content="929750075"/>
<meta name="twitter:app:url:ipad" content="cannonball://poem/5149e249222f9e600a7540ef"/>
<meta name="twitter:app:name:googleplay" content="Cannonball"/>
<meta name="twitter:app:id:googleplay" content="io.fabric.samples.cannonball"/>
<meta name="twitter:app:url:googleplay" content="http://cannonball.fabric.io/poem/5149e249222f9e600a7540ef"/>

After adding this code in your site or blog below <head> make following changes.
1. <meta name="twitter:card" content="app"/>
2. <meta name="twitter:site" content="YOUR SITE'S TWITTER ID"/>
3. <meta name="twitter:description" content="SITE DESCRIPTON"/>
4. <meta name="twitter:app:country" content="APP COUNTRY"/>
5. <meta name="twitter:app:name:iphone" content="YOUR APP'S IPHONE NAME"/>
6. <meta name="twitter:app:id:iphone" content="YOUR APP ID FOR IPHONE"/>
7. <meta name="twitter:app:url:iphone" content="YOUR APP'S IPHONE URL E.G: cannonball://poem/5149e249222f9e600a7540ef"/>
8. <meta name="twitter:app:name:ipad" content="YOUR APP'S IPHONE NAME"/>
9. <meta name="twitter:app:id:ipad" content="YOUR APP ID FOR IPAD"/>
10. <meta name="twitter:app:url:ipad" content="YOUR APP'S IPAD URL E.G: cannonball://poem/5149e249222f9e600a7540ef"/>
11. <meta name="twitter:app:name:googleplay" content="YOUR APP'S GOOGLEPLAY NAME"/>
12. <meta name="twitter:app:id:googleplay" content="YOUR APP'S GOOGLEPLAY ID E.G: io.fabric.samples.cannonball"/>
13. <meta name="twitter:app:url:googleplay" content="YOUR APP'S GOOGLEPLAY URL E.G: http://cannonball.fabric.io/poem/5149e249222f9e600a7540ef"/>

4. Player Card:

Player card is for those sites which have videos or audio content. If you have a blogger having video content then you can install this card in your blog. Just copy the below code and paste it in each of your post's Html editor not in text editor or in template. After pasting the code below just make changes according to your needs. If you have videos hosted on youtube then you don't need this card because Youtube has installed the cards, you don't need to install player card.
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta name="twitter:card" content="player"/>
<meta name="twitter:site" content="@TWITTER ID"/>
<meta name="twitter:title" content="TITLE OF VIDEO"/>
<meta name="twitter:description" content="DESCRIPTION OF VIDEO"/>
<meta name="twitter:image" content="IMAGE URL FOR VIDEO"/>
<meta name="twitter:player" content="PAGE URL CONTAINING VIDEO"/>
<meta name="twitter:player:width" content="480"/>
<meta name="twitter:player:height" content="480"/>
<meta name="twitter:player:stream" content="URL OF VIDEO E.G: Yourvideo.com/video.mp4"/>
<meta name="twitter:player:stream:content_type" content="video/mp4"/>
<meta name="twitter:player:stream" content="http://devimages.apple.com/iphone/samples/bipbop/gear1/prog_index.m3u8"/>
 <meta name="twitter:player:stream:content_type" content="video/mp4;codecs=&quot;avc1.42E01E1, mp4a.40.2"/>

One more thing about this card that after implantation of code you need to request Twitter for approval. So go to Twitter Card Validator to first confirm that your card is implanted correctly or no and after that you have to send request for approval.

After validating your player card you will see following page, click on Request Approval.

how to request twitter for player card approval

Fill up the form and send request and wait for approval!

how to request twitter for player card approval 101helper

NOTE: Include the above code only once in a page for a video. Also use https for every link you add inside meta tags. Otherwise you won't get your player card approved!

I hope you found this post helpful. I have used all the meta tags in my template to check if they are working fine or no and I found every tag working fine. But if you have any problem ask me or if you have any info about Twitter Cards share it with me so that I can add it in this post.

Thank you very much for visiting 101Helper, do visit again. Share us with your fiends and co-bloggers or webmasters. Follow us on social networks to stay updated.

Search Tags: twitter cards in blogger,twitter app,player,summery cards in blogger or website,info about twitter meta tags,optimize blogger blog for twitter,get traffic from twiiter,twitter cards blogspot

Labels:

Comments

Post a Comment

Popular posts from this blog

Addthis Pop-up Social Sharer Widget For Blogger

We all know that popups are really beneficial to get followers, likers and traffic and thats why tools like Hellobar is used by many. I also use Popups because my visitors give response more to popups rather than sliders or fixed content. Similarly its very hard to get content shared so popups work for it too. And its important to get content shared because more sharing equals to more traffic. Popup share buttons are not new, many of use have used them but popup have either 5 or 6 buttons so visitor is limited to share content only to some social networks and may be he or she is not using any of these networks so it will be a waste of time you will not get content shared. So I brought you a new idea, Why don't we use addthis popup sharer, it has all social buttons plus it doesn't need long coding and too many scripts so it doesn't slow down our blogs. So in this post I am going to share addthis popup sharer along with some customization. So you can get popup by the time whe...
Post a Comment
Read more

5 Sites To Submit Your Posts To Boost Traffic Instantly

New bloggers often search "how to boost or increase traffic instantly" and don't find any answer or usually get answers that are not satisfactory. So they head towards fake traffic or seo. Fake traffic is obviously useless because you don't either get money and that traffic is limited because same visitors visit your site again and again for points(traffic exchange) and there is no ad network that pay you for ordinary traffic. So fake traffic is not beneficial that's why bloggers optimizes their blogs for search engines to get traffic that is organic and unique, but the fact is that once your blog is optimized for search engines you will not get traffic in one day but you have to wait for months or for year. Actually it depends on your blog's topic e.g if you have a blog about making money you will get more traffic in less time because every 2nd person is surfing on internet to earn money. So this post is about how can you increase your blog traffic instantly....
Post a Comment
Read more

How To Add Map In Blogger Contact Or About Page

Bloggers are advancing day after day and making their blogs professional by adding pages like privacy policy, contact page, about page, terms and conditions page etc which are seen in professional websites so they are trying to make their blogs look more professional to impress visitors because such things improve blogs reputation. One more thing which can improve a blogs reputation and make it look more professional is a map which shows the location of the blog. So if you have a business website converted to dot com then you can add a map in your website or blog's about or contact page and your location to your visitors as well as make your website or blog more professional. So this post is all about adding Google map in contact or about page of your blog. Follow below steps to add a map in your blog's page. How To Add A Map To Contact Or About Page In Blogger? Step 1: Go to Google Maps   and search your location. Step 2: Click on Share below directions : Step 3: Click on Embe...
1 comment
Read more