View source

<seo title="Make your website mobile-friendly" metakeywords="mobile web,mobile friendly site,mobile web design,mobile website" metadescription="How to make your website mobile-friendly" />
<div align=justify>More and more people are using several sources to connect to the Internet and it is rather difficult to say whether you are reading this article now on your PC or laptop or a mobile device such as a smartphone or tablet computer.  This alternative way of accessing the Internet via a wireless network, using a handheld mobile device is referred to as mobile web.

The mobile web is forecast to overtake the desktop web in 2014. In other words, more users will access the Internet using a mobile phone rather than a PC.

Approximately 900 million people currently use mobile devices to access the web, compared to 1.4 billion desktop Internet users. In 2014, the division will look like this: approximately 1.7 billion mobile users to approximately 1.65 billion desktop users. By 2015, the number of mobile web users is expected to increase to 2 billion. (Source: '''[http://meta.wikimedia.org/wiki/Wikimedia_Foundation/Annual_Report/2010-2011/Mobilization Wikimedia]''')


* '''''Is Your Website Ready?'''''

For your particular site this means that more people than ever will be viewing it through a mobile device (e.g. a smartphone or tablet computer) via a wireless network. To keep up with your competitors, you have to make your website mobile web friendly. Don't worry, it’s easier than you may think.

“Within the Alexa top 1,000 sites, 40.1 percent of all sites are mobile-friendly. These sites represent the world’s most popular web properties, like Google, Facebook and Yahoo!

Beyond the top 1,000, mobile friendliness still holds strong but is not yet as widespread. Of the top 10,000 Alexa sites, 29.7 percent perform well on mobiles. Once the input data is broadened to include the top 500,000 sites, the total number of mobile-friendly sites drops to 19.3 percent.” (Source: '''[http://mobithinking.com/blog/2010-study-mobile-web-trends-shows-continued-explosion-mobile-friendly-content mobiThinking.com]''')

To begin with, you need to make sure that users of mobile devices will be able to view your site optimally.

The quickest and easiest way to do this is to go to the '''[http://mobiready.com/launch.jsp?locale=en_EN MobiReady]''' online testing
and run your site through it. It evaluates the level of your site mobile-readiness.

However, this site is not the sole source to test your site with.  In fact, there are '''[http://sixrevisions.com/tools/10-excellent-tools-for-testing-your-site-on-mobile-devices/ 10 Excellent Tools for Testing Your Site on Mobile Devices]'''.
Nonetheless these testing tools are a useful resource, the true test is what users of mobile devices are seeing.


There is an number of things you can do to mobile-optimize your website. Just follow the below tips to make your website mobile compatible:

'''1.''' Have a fast-loading site. A number of mobile-web users may have a slow 3G connection. Having your website code clean will make it loading faster.

'''2.''' Avoid using flash. Not all mobile devices can see flash. But if you definitely have to have a flash site, make sure you have an alternate HTML version of your site as well.

'''3.''' Make sure your site is easy to navigate. Remember, your site is being viewed on a small screen with no mouse, etc. Try to keep the site simple, and it will be user-friendly for everyone.

'''4.''' Avoid horizontal scrolling. Mobile users prefer to scroll vertically rather than horizontally. It is recommended to make your content a single column of text.

'''5.''' Images. With slow Internet connection, images of big size can take forever to load. To avoid this, reduce the number of images on your website. and make sure to compress them to avoid zooming.


* '''''Indexing of mobile sites'''''

Proper indexing by Google can be achieved by following these recommendations:

• Google has a separate mobile bot for indexing mobile friendly pages. So, always redirect this bot to the mobile version of your site. This bot should not see the normal site.

• Use the XHTML Mobile doctype for search engine bots to identify the page as mobile friendly.

• Your site should have a link for the standard view of each page. This helps Google to categorize mobile pages and its corresponding standard pages. 


* '''''Making Blogger & WordPress Mobile Compatible'''''

The below 3-step process is for Blogger users:

'''1.''' Log into your blogger account.

'''2.''' Navigate to the “Email & Mobile” settings.

'''3.''' Click on the radio button saying “Show mobile template on mobile devices.” Save your settings.

If you have a WordPress blog, then there are a lot of plugins available for you to make your site mobile compatible.
</div>
Return to Make your website mobile-friendly.
Retrieved from "http://myidealhost.com/tutorials/Make_your_website_mobile-friendly"
Navigation

Search
