11 things that makes your visitors to hate your blog

Do you want your visitors to stay on your blog for a while and read your posts? I bet you do. That is why you should know these 11 mistakes that drives your visitors away in less than two minutes. Avoid them and your visitors will enjoy their stay and come back again in future. Making your visitors annoyed quickly is never a good idea for a blog / website, you know. Especially when it's growing.Try to follow these rules in your blog.

 

1. Using large or too many graphics or pics: loads slow

Large and lots of graphics cost bandwidth and and make your site slow to load. If the load time is beyond your visitors' limit of acceptance, they will get impatience obviously. Thus resulting in their leaving at once, and that is not something you want. If a larger image is needed to describe your content, provide a link like "click here to view in larger size" or something. Therefore, the slow loading only occur when your visitor wish to see the larger image. Bigger size is not always better, dude.

2. Playing music or video automatically: irritating

Have you ever visited a website or blog that plays music automatically without your agreement? What do you feel? 9 of 10 people will get annoyed and quickly close the tab or window to silence it. If you have a plan to add sound effect or music to your site, don't do it, just don't. That's why they created Winamp, so that people can listen to music WHEN they want it. Don't force them to hear it from your site, that's bad.

3. Using bad formatting styles / template 

 
Very simple: if your site is not friendly on the eyes, visitors will feel uncomfortable. It will drive them away fast, especially when the formats break into each other like crazy. Therefore, decide your format / template early and stick with it. There are a lot of free web templates out there that look tidy and good, don't say you can't afford them.

 

• Checkout our premium templates that make your blog beautiful!

4. Using poor background color or image: text hard to read

 Poor background color or image will make your text hard to read, and it is certainly annoying for your visitors. They will leave in half a minute. Improve your site's readability to make your visitors comfortable to stay. Light background is good with dark texts, and vice verse. Your target visitors are not super-men with their super vision, are they?
 

5. Wrong Information And Broken Links

You don’t have to ensure the accuracy of the information on your posts. I mean who has so much time to do researches just to make sure that the facts and figures are correct. An estimate would do fine. A little exaggeration wouldn’t hurt either.
And forget about checking all those links to see if they really work. If you want to move the pages around, by all means do it freely. “Error 404 Page not found” is just a few things that reader should put up with and not get all upset over it.

6. Writing too long posts: boring

No one likes someone who talks too much, and it also applies in blogging. Most internet surfers are modern type of people, and in this modern day, people have lots of things to do. Therefore, if you think people will have the time to read long babbling posts, you are wrong. Always make your articles comprehensive and don't extend them over and over.

 

7. Using elements that blink, bounce, or scroll: distracting

Unless your website or blog is for kids, it is a bad idea to have these elements. They will distract your visitors from your message, reducing your communication effectiveness. Whatever you do, always limit or remove distracting elements from your site. Less is more my friend, less is more.

8. Using poor opening on the posts: negative first impression

Some people tend to open their post lamely, and that is totally bad for visitors. For example, if you are going to write a post about computer technology, don't open it by telling what activity you did yesterday, which has nothing to do with the topic.

9. Putting excessive advertising and inline ads

Few ads will make your website looks more professional, but putting too many of them will distract your visitors from your content. It also has a big chance to irritate your visitors and drive them away quickly. You won't get more money from ads if they are annoying for your visitors. Don't look like you desperately wanting money, it's not too good for your brand.

10. Putting a registration page

Trust me folks, it will not make the visitors register. Instead, it will drive them away instantly. Time on site and bounce rate will show it, if you use some traffic analytic. If you really really want to ask people to register to your website, you better offer them something worthy registering. Otherwise, those who have registered may curse you because they feel deceived.

11.Bad fonts : irritating

Fonts play a major role in the blog design.Apply fonts that are easily readable to users. Dont use hard fonts to make blog unique from others.Dont use more than 3 types of fonts within a post.Fonts make your readers to read your post again and again!!

What kind of annoyance do you hate the most from a website (based on your experience)? Let's share on the comment box below.

Edit Blogger Mobile Templates

here is some Good news from the Blogger Team on the Blogger Code Blog. If you have enabled the Mobile Templates, you will be able to customize the Blogger Mobile Template by using CSS definitions. You will also be able to control which widgets are to be shown and which shouldn't. You can also configure the widgets to show an alternate content in the mobile view.
Though this looks so promising, I was not able to test all of these features.

Where to Start?

Go to Template and Click on the Gear Icon below the Mobile Template. From the Dropdown opt for “Custom”, Preview the mobile template  and Save it. 

Customizing the structure of your Mobile Template.

Blogger Templates are made up  using Widgets.Blogger has added a new property(mobile) to the <b:widget/> tag. This property can take values ‘default', ‘yes', ‘no' or ‘only'. And this property will determine how the widget will be rendered in the mobile view.
The widgets that display on mobile by default are the following:

• Header
• Blog
• Profile
• PageList
• AdSense
• Attribution

If you want to hide any of those, then use the property mobile='no' in the Widget tag, and that widget would no longer appear in the mobile view.
For example I can hide the Attribution Gadget in Mobile view if I use

<b:widget id='Attribution1' locked='true' mobile='no' title='' type='Attribution'/>

If you want  to display the non-default widgets in your Mobile view, then just set the mobile property to yes.
E.g.: this is the normal tag for the Blog Archive Widget

<b:widget id='BlogArchive1' title='Blog Archive' type='BlogArchive'>

Now if you set the mobile property as

<b:widget id='BlogArchive1' title='Blog Archive' mobile='yes' type='BlogArchive'>

, then you should see the archive widget on your Mobile View(I didn't get it working).
If you want a widget to appear only in the mobile view, then you can set the mobile property to 'only'

<b:widget id='Attribution1' locked='true' mobile='only' title='' type='Attribution'/>

If I use this tag, the attribution gadget will disappear from my desktop view, and will appear only on the mobile view.
This code change will make the attribution widget disappear from your Mobile View.

Customizing the Look and Feel of your Mobile Template

Now you can fully customize the looks of your mobile template. The body element of the mobile template will be styled my the mobile class

<body class='loading mobile'>

Make sure that your template has:

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

So if you are good at CSS, you can use this class name to style your mobile template.

.mobile .date-header {
  text-decoration:underline;
}

Alternate Widget Content on Mobile View

Once you switch to the Custom Mobile Template, you might find that the template is too huge to fit into a Mobile Browser. If you want, then you can provide alternate content inside a widget.
e.g:

<div class="widget-content">
  <b:if cond="data:blog.isMobile">
    <!-- Show a text link in mobile view.-->
    <a href="http://www.blogger.com">
      Powered By Blogger
    </a>
  <b:else/>
    <!-- Show an image link in desktop view.-->
    <a href="http://www.blogger.com">
      <img expr:src="data:fullButton" alt="Powered By Blogger"/>
    </a>
  </b:if>
</div>

This will show a Powered by Blogger Text link on the Mobile View, and a Powered by Blogger image on the normal desktop view.
The condition
<b:if cond="data:blog.isMobile"/>
can be used to check if the viewer is viewing your blog in a mobile browser or not. You can use this conditional check creatively and give a totally different look to the mobile version of the blog. Happy hacking, and do share if you have created some really awesome mobile template :)

Add Blogger Sitemap to Google Webmaster Tools

I hope you do know about Google Web Master Tools. This tool enables Webmasters to provide a better and detailed information of their site to Google.This will greatly help you in your SEO needs.Webmaster Tools allows you to submit your blog's sitemap so that Google gets a better idea of your blogs structure.

Blogger’s robots.txt file automatically specifies a sitemap URL[The blog feed], but it would be even better if you manually add the sitemap URLs to GWT.

Wordpress and other blogging platforms have some Sitemap generator plugins for the same.If you are using blogger you can use your blog's atom.xml feed as your sitemap.


Note:- If you have disabled Blog Feeds then enable it by going to Settings > Site Feed and change Allow Blog Feeds to Short or Full. (Don't set it to None)
1. Login to Google Web Master Tools with your Blogger account.
2. See if your Blog is already listed there, if it is listed and verified then click on the blog name and proceed to Step 5
3.If its not listed, Click on the Add a site button and provide your blog URL there and hit continue.

4.It will now ask you to verify your Blog using any of the two methods. You can use any of those. The File upload method would be simpler.

  a. File Upload Method – Change the Verification method to Upload an HTML File. Ignore the file download and upload instructions provided there. Google will automatically download and upload that file for you. So just ignore the instructions and hit the Verify button. Your blog should get verified now. If it doesn’t then opt for the  second method (b)

  b. Meta Tag Verification method. Google will provide you a Meta Tag code which looks like

<meta name="google-site-verification" content="verificationkey" />

Copy this Code,  login to your Blogger Dashboard navigate to Layout >Edit HTML and place this code somewhere above </head> Save the template, come back to GWT and hit the verify button.

5. Once your blog is verified you can  add  sitemaps for your blog[From the Left Pane > Site Configuration > Sitemap].In the sitemap URL give the following URL as shown in this screenshot and click the Submit Sitemap button
atom.xml?redirect=false&max-results=500
 
If you have more than 500 posts on your blog, then add an additional sitemap URL
atom.xml?redirect=false&start-index=501&max-results=500
If your blog has more than 1000 posts, then add one more sitemap URL
atom.xml?redirect=false&start-index=1001&max-results=500
If it has more than 1500 posts, then add one more sitemap
atom.xml?redirect=false&start-index=1501&max-results=500
Continue this process depending upon the number of posts on your blog. So this means that you will be adding additional sitemaps for every 500 posts.
Once you have added the Sitemap, you can play around with the different other tools in GWT. It will provide you with a better analysis your site, show you the sites linking to you, help you in managing your site links and much more.



And if you liked this post, please consider sharing it. Thanks!

 Source:Internet