MediaKit of 101helper.blogspot.com

101Helper

101Helper is a blog about blogger(blogspot) tips,tricks,seo tips,blogging tutorials,menus,blogger gadgets and widgets,mobile blogging,video tutorials.
101helper.blogspot.com

Offered products

Not yet available

fahim raza

fahim raza

Gender

Language

English

Social Media

How To Remove Swipe "next" And "previous" From Blogger Mobile Site

1 month ago

Have you swiped next or back while surfing your blog's mobile site on your phone? If yes then you might have wished to remove this thing from your blog because sometime it is swiped next or back without intention and it is a negative thing for your user experience. Mostly it happens if your mobile site page e.g a post has a html table or it has a big image because of with content is bulging out of your main post body which causes the user to swipe next or back without intention and if it happens 2-3 times the visitor just leave and stop visiting your blog. May be they don't leave but it is not a good visitor experience. I personally don't like swiping pages without next.

Anyway, suppose your visitor is reading a long story on your blog page on his mobile and he is in the middle of the page and just swipe to next page although he doesn't want to do so but by mistake he did it so now he has to go back and scroll to the middle and find where he was? so he will definitely not like it. Because most of the mobile sites do not have this feature so everybody don't know about it so this mistake occurs often on blogger sites. So to avoid this bad user experience you can remove it.
Unfortunately it is not known that how blogger add this swipe next and back because you don't find any script for it in blogger templates so we have to add a script to remove this swiping rather than to remove a script.
So in this post I am going to show you step by step how to remove swipe next and back from blogger mobile site. In my next post I will show you how to add sticky next and back buttons in your blogger mobile site so that if a user wants he can go to next or previous post by intention without any mistake.
How To Remove Swipe "next" And "previous" From Blogger Mobile Site?
Step 1: Go to blogger > Theme > Click on Edit HTML.

Step 2: Click in your theme code and use CTRL+F to open theme search box.
Step 3: Search for </body>.
Step 4: Copy below code and paste it above  </body>.
<b:if cond='data:blog.isMobile'>    <script>      document.getElementById('main').addEventListener = function() {}    </script></b:if>

Step 5: Save your theme and visit your site on your phone, swipe next or back and see its removed!


I know it is not a long post and just simple 5 steps post but many people ask how to do it so I decided to do a post on it. If you like it share it with others and if you don't leave a comment below.
Thanks for visiting 101Helper. Follow oon Google+ or Pinterest and like on Facebook for updates.
Search keywords: How To Remove Swipe "next" And "previous" From Blogger Mobile Site, add next and prev button in blogger, remove swipe from blogspot mobile,how to modify blogger mobile template,blogger mobile template help,101helper mobile blogging

Tips To Get Sitelinks In Google Search Results - Blogger

2 months ago

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. Google allowed webmasters to remove certain links from sitelinks but now this feature is gone from webmaster tools so you can't remove URLs from sitelinks even if these are not of visitor's interest.

Though, you can control it indirectly by blocking these pages from index using meta tag or robot.txt.


Why Sitelinks Are Important ?


1. Sitelinks Increase CTR(Click through rate):

If you search a site and it doesn't have sitelinks, you will just click on the main site URL because you have no other option but if you search a site and it has sitelinks, you may like to click on something from the sitelinks which will grab your interest. So it increases your pageviews plus CTR.

If your site doesn't have sitelinks yet then before using tips below go to your webmaster tools and click on search analytics, take a sceenshot and compare it later with your click-through-rate. You will see an increase in CTR and also traffic.


2. Sitelinks Increase Visitors Trust:

Sitelinks makes a site look professional and increases visitors trust in your site which results in more bookmarks and more visiting because they trust your site.


3. Sitelinks Shows Your Rank:

Sitelinks are shown only below these sites which have a good rank. Rank is improved when you have good content, good traffic and your site is more social. So your fans will see that your site has a good rank so it improves your reputation.


4. Sitelinks Shows Featured Content From Your Site:

If you have sitelinks below your site it may show featured links like link to best post of your site or links to certain category where your visitor can read many posts with same label so it is good for your site because visitors can visit these links directly before visiting your main site so it will increase your traffic.


Google Search Sitelinks Mobile And Desktop Site:

As we know that Google is working on mobile sites and improving user experience on mobile because people use smartphones more than computers to visit sites so Google is working more on mobile site rather than desktop. Google has enabled carousel schema for mobile sites and shows many websites(news sites mostly) posts in carousel which shows how importance mobile site experience is.

So if your blog has a separate template for desktop and separate template for mobile then you have to optimize both of them to show sitelinks in mobile and desktop.

Here is a sceenshot of how sitelinks appear in mobile devices.





How To Get Sitelinks In Google Search Results?

Here are some tips to get sitelinks below your site in search engines.

1. Make Content:

I got sitelinks below my site first time when my posts were above 50 and appeared only when I searched "101helper" on google.com not on google.com.pk or google.co.in so it means that sitelinks may take more posts to appear on country specific Google.


2. Submit Site To Webmaster Tools:

Its the 2nd most important thing to do after making content, every single post you publish should be on Google.  How To Add Blogger Sitemap To Google Webmaster Tools

Its best to submit your blog to all search engines i.e bing and yandex also.



3. Markup Your Site Navigation:

Your blog menu or navigation should be markedup with schema, it means alot because after marking up site navigation with schema you are actually telling search engines that certain part of your site is navigation and later the menu items start appearing as sitelinks.  How To Markup Site Navigation In Blogger For Seo


4. Customize Your Blog's Robots.txt:

Make sure that the robots.txt you are using is not blocking pages from crawling or not disturbing index status in any way. You can see your blog's robot.txt by visiting http://yourblog.blogspot.com/robots.txt. If you can see that these is no blocking then it good. Many bloggers disallow static pages(contact page, about page and sitemap page etc) in robots text which results in disappearance of these pages in search results. So if you have done this then even if you makeup your menu or navigation and your menu items include sitemap page, contact page etc, you will never see these pages in sitelinks and also it may take some more posts for sitelinks to appear because more content means sitelinks. If you have disallowed pages from appearing then only posts will appear as sitelinks.

Useful Post: How To Use Robots Text For Better Seo In Blogger


5. Be More Social:

Share your posts and blog URLs as many time as you can, join facebook groups, Google groups and other sites where you can get your URLs shared, it will not only bring you some social traffic and followers but also it will improve your sites social impact and improve your search rank.


6. Choose A Unique Short Name For Blog :

By choosing a short and unique name for your blog, your visitors don't only remember your site but also use it in search and when there are more searches, you start getting sitelinks and popularity. Like for example my blog's name is 101Helper, Do your remember it easily ? if you do then you will surely search it on Google and you will see that my blog has sitelinks and I get many visitors daily which use "101Helper" as keyword to reach my blog.


7. Interlink Your Content:

Make a habit to interlink your older content with newer, show useful links of other posts in your new posts. It will increase your pageviews also because interlinking is good for multiplying traffic.

I hope you found this post helpful, if not please let me know by leaving a comment below. Share it if you found it helpful. Thanks for visiting 101Helper.

Search keywords: How to Get Google Sitelinks on Your Blog, google search sitelinks guide for blogger,show sitelinks in google,bing,yahoo,blogspot search engine and seo guide,benefits of sitelinks,how to get sitelinks quickly tips

How To Markup Site Navigation In Blogger For Seo

2 months ago



There are certain things about seo and blogging that only professional bloggers and webmasters know and are not told to everyone and if told everybody don't understand it. One of these things is marking up site navigation with schema which helps search engines know what is site navigation element and it is helpful to get sitelinks below site in google search results.

Its a little bit complicated to markup site navigation with schema but I will show you step by step and after final step we will verify if we correctly marked up site navigation or not. Popular websites and blogs are using this method to tell Google what is in menu and hence in the sitelinks these menu is shown.

Although it is not guaranteed that you will get sitelinks below your site in search results but it will markup your navigation and whenever you will get sitelinks, your menu items will be included in sitelinks. I am not guaranteeing because according to Google sitelinks are automatically generated links below websites to help visitors reach what they are looking for. It is also unknown what is the criteria for showing specific items in sitelinks but marking up site navigation has impact on it as I experienced !

So lets start marking up site navigation with schema for search engines.

Step 1: Go to your blog theme or layout where your menu code is.

Step 2: Add below line inside your menu's <div> or <nav> or <ul>:

itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'


like this:

<nav class='main-nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>

Step 3: Add   itemprop='url'   to your menu's every item "link attribute" like this:

<li><a href='https://101helper.blogspot.com'   itemprop='url'  >Home</a></li>


Step 4: Now add   itemprop='name'  to your menu item names, you can't add it directly so use <span> attribute and add   itemprop='name'  as I did for my menu, look it below:

<li><a href='https://101helper.blogspot.com/search/label/Blogger%20menus'   itemprop='url'  ><span    itemprop ='name'  >Blogger menus</span></a></li>


Step 5: Do it for all your menu items one by one.

Note: If your menu items do not have <li> attribute, it doesn't matter but you need to markup all the <a> and <span> attributes.

Step 6: After you are done go to Google Structured Data Testing Tool.

Step 7: Put your blog URL and  RUN TEST .


Step 8: Look for SiteNavigationElementif you found it and there is no errors or warnings then its cool and you did it correctly, Congratulations !



Let Google crawl your site and see your site performance after markingup navigation. Follow on Google  +101helper or Like on Facebook to get more posts like this.

Thanks for visiting 101Helper.

Search keywords:  sitenavigationelement json-ld,How to Add Schema.org Markup on Site Navigation? How To Markup Site Navigation In Blogger For Seo, hoow to use schema.org markup in blogger,blogspot seo tutorials,101helper.blogspot seo

Websites by this publisher

WebsiteViewsUniqueSocialPrice
No records found
Share