Make Mobile Websites

Providing a user friendly website version in a smaller size for the mobile market is essential for future growth. Accessing the web through mobile handheld devices is commonplace today. Statistics show that mobile access to the Internet is growing faster that any other market segment. In addition, many of consumer-focused companies have now realized how promising the mobile platform is and are now equipped with mobile-friendly alternatives to their primary websites.

In fact mobile web browsing is not a passing fad, it has actually become an absolute necessity, even the new Internet standard. So if you haven’t yet set up your own mobile site, we’ll today focus on how you can create a mobile version of your site running through various important options and basic techniques you can employ to make your mobile site work successfully.

  • Your URL says much about your mobile website. You may wish to use a .mobi domain which indicates a mobile experience instead of .com, .edu, .org, etc. These latter domains indicate "designed for a desktop web experience". You may also want to think of having your mobile version on a subdomain – that’s the way many websites avoid duplicate content and mix-ups on their primary "desktop" domain. An example, the mobile version of Digg is

    Mobile Websites
  • Test the mobile version of your site on multiple devices and preferably of different platforms since this is the only way to be sure your site provides a good mobile experience. If you do not have an access to multiple devices you may use one of the web-based emulators, such as the

  • Since most mobile browsers are not compatible with Flash, most video and audio players, JavaScript, frames, pop-ups, and other things that people like to use to spice up their sites, they are completely unusable for those who come to your website through their mobile phones.

  • It would be also very convenient to have variable screen sizes and resolutions of your mobile website to scale page elements by screen size, rather than setting fixed pixel widths for page elements. Do consider that different mobile phones have different screen sizes.

There is a special procedure involved in designing a mobile website.
The easiest way to build your mobile site is to modify your existing website to make it compatible for mobile handsets. If you decide to do so, expect that there will be big changes in terms of layout, design and construction. Here are some principles you should take note of before proceeding to build one of your own:

1. Layout

It can be time consuming to browse through a mobile site, so remember to put all of the most important information you want mobile users to see on the top of the page. And don’t forget to include your company logo being customized for a mobile site. Make sure to minimize left/right navigation, which is difficult on a phone, and instead arrange your content in a single column layout. Also you should minimize the use of tables, but if you do need to incorporate them, use no more than 2 columns, and avoid row and column merging. You may browse our mobile website templates for more ideas.

2. Content

You should make sure that the information on your website is easy to read and navigate, and does not take the visitors much to figure out, since they’re probably on the go while looking at your mobile site. Having finally selected what part of the content should be displayed on mobile, tailor your site menu adjusting text to avoid zooming. As for the typography used to render the content, consider using headings to control font sizing.

3. Coding There is no really any special coding required for your actual mobile site. It is much easier if your mobile site is coded using either XML or XHTML. You may also build your site with the most basic HTML and CSS coding possible. Title tags, description meta tags, heading tags and filenames should be carefully crafted with target keywords to maximize the little optimizable content available.

4. Images

Most mobile phones would take forever to load heavy images. So use images and graphics as little as possible, only where contextually relevant. And if you do wish to put images on your mobile website, it should be in .jpeg or .gif or .png format as these files are pretty much light-weight. Plus make sure to compress your pictures to avoid zooming. And one more, today nearly all current devices display images, however, users may browse with the images turned off. So always use the alt text which is a recommended practice.

5. Page size

When assigning a style for a mobile website, it’s very essential to keep it all simple and page sizes small. Mind that the maximum page size for a mobile page is only 20 Kb, so make everything fit and if possibly use less than 10 Kb. Keep in mind that the users usually get charged per KB of mobile web data.

6. Link pages

A good mobile website design provides back buttons and links. While it is rather difficult to get around on a mobile phone and many phones are not equipped with back buttons, try to provide them to escape dead ends. Plus make sure that all pages are linked to other pages. And one more, if it is actually a phone site why not invite to a call making it a link.

Web Templates | Dreamweaver Templates | Site Map