7 Tips on Building a Mobile-Friendly Website

A guest article by Daniel Guidotti. Share your article by following the guest blogging guidelines.

Today, because of the huge popularity of smartphones, tablets, and other hand-held devices, website owners, whether they be businesses or bloggers, cannot afford not to have a mobile-friendly website. More and more people are accessing the Web through mobile devices, and some studies suggest that in the not-so-distant future mobile Internet usage will further increase. If your website is not mobile friendly, visitors will not stay around for long, and that means you will lose potential followers or customers.

 

Getting started

wp touch example, 7 Tips on Building a Mobile Friendly Website

There are several approaches to building a mobile-friendly website. If your site uses a CMS like WordPress, you can start by grabbing a free plugin like WPTouch that optimizes your web pages for display on the iPhone and other popular smartphones, as well as for the iPad, by creating a separate, lighter version of your website that loads only for mobile users. You can also buy a premium responsive theme designed to display flawlessly on all screen sizes. A good premium theme is usually at least $25 dollars, but the investment is well worth it.

Once you’ve added a plugin that makes your website mobile friendly, and purchased a responsive theme, it’s time to tweak your design to ensure the mobile user experience is excellent. Here are some tips.

  • Strip your website of all unnecessary elements and pages. A mobile-friendly website has to be light, to include only those elements that are essential to your business: company information, contact, shopping cart, and so on. A website laden with information will appear cluttered on a mobile device, and it will also load slowly.
  • Disable all pop-ups. Pop-ups are quite annoying for desktop visitors, but for mobile users they are terrible. Closing pop-ups on a smartphone or a table is a really nasty business, and it takes the charm out of the user experience. If you really need pop-ups keep them only for the version of your website displayed to desktop and laptop visitors.
  • Don’t use Flash. Websites with Flash animations often provide a poor user experience for mobile users because many mobile devices, iPhone included, don’t favor Flash. Stick to simple text-based content that displays well on all screen types and mobile visitors will love your website.
  • Put emphasis on usability. Do this by creating conspicuous links and buttons that are easy to ‘touch’, provide your phone number and location on your homepage, or if not, make it only one-click away, and choose a readable font with an appropriate size that fits the width of the screen.
  • Test your mobile website across devices. There are hundreds of different screen variations, meaning that even if your mobile website displays well on the iPhone and the iPad, there’s a good chance it won’t show well on some lesser-known devices. Using Screenfly, you can test your website for the most popular screen sizes.
  • Give mobile users the option to view the full site. Doing this is important because some users might want to access or use a part or a resource of your website that is not available by default for the mobile website. The best position for a link leading to the full version of your website is at the bottom of the page, where it doesn’t intrude.
  • Optimize images and videos for mobile users. Images and videos slow down your mobile website considerably, sometimes ruining the user experience. But removing them altogether is not usually a good idea because your website might end up looking just too plain. What you can do instead is to reduce the size of the images, and to make available for mobile users non-HD videos.

There is no magic application or plugin that can make your website mobile friendly right away. You really have to understand what devices your visitors are using, and then to optimize your site for those.

  • Shreya@Embedded Software

    As we all know very well most of the people on the earth have their personal mobile and many companies are giving that kind of options in mobiles which will be great to stay update with latest technology. So also you should keep update with all those techniques which will work great for you in online marketing.

  • Doreen Dickens

    The use of mobile phones has changed the way people do business and interact for good. All one needs to do is to invest in a business friendly device and follow the above laid down techniques and they will see a huge difference in terms of website ranking.

    Thanks for the great tips

    Kind Regards

    Dickens

  • Rakesh Kumar

    mobile internet user growing day by day so i think mobile friendly website is the nice way to generate traffic and get revenue, so thanks for the nice post and really nice info.

  • E-Commerce Web Development

    Alfa web solutions designs content management system using WordPress. The CMS websites are developed with Search engine optimization.

  • Helen Wright

    Refreshing information for me very useful and informative

  • dupattaboutique

    great idea friendly website really thanks fr the post

  • hire php developers

    nice post

  • Infoway LLC

    Thanks for sharing this great information. If there is one industry that is continuously growing and developing at a huge speed, it’s none other than the mobile industry.
    To keep pace with the rising demand, businesses and service providers in the industry will need to focus on the approach of improving the network speed,
    reliability, and intelligence.

  • martin

    hello, I´m trying to get into responsive design myself. Good tipps.

  • http://twitter.com/AntipodesLtd AntipodesLtd

    Mobile-friendly website is a great way to increase sales, and if you make it the right way is also great way to bring customers to the full website, as still some products/services can not be “described” in full in the mobile display network. So the link to the regular version as you mentioned in the article is very important part. Great post

  • Helen Wright

    New information for me. Some excellent tips . I like your tips

  • best astrologer in jaipur

    such a nice post thanks for updating and you doing great job

  • Web Design India

    Fantastic content for mobile friendly site tips..it gives a lot information to share with others..thanks for sharing with us.

    • Infoway LLC – Web Development

      The suggestions implemented in your post for designing a mobile friendly website is up to date as per current scenario. In fact building a mobile application in today’s market is a must and primary work. Living in a mobilized world where the clients or customers are well equipped and dwelling with mobile, thus having a proper mobile friendly website or a responsive website is no more a optional but a necessity.

  • http://www.bestessayservices.com/ Essay Writing Service

    Thank you for sharing these insightful tips with us. Optimizing for mobile phones should be a must in this day and era because it is said almost half of internet usage these days is via mobile phones. This has been fueled by the rise of affordable smartphones being used by middle and low income earners.

  • Polo duffle bag, Caprese handb

    Nice tips..
    Its really useful for me…
    Thanks for sharing..

  • mahfugalam

    gdgdgdg

  • http://www.nextfly.com Brett Beck

    It’s all about responsive web design. Mobile is the present…and the future.

  • Buy Travel accessoreis online

    Great tips
    this post is really informative and very interesting
    indeed…Thanks for sharing this post to us…^_^

  • http://www.familyfocusblog.com/ Scarlet

    I have not worked on this aspect of my website at all yet but it is on my to do list. Thanks for the tips!

  • Baptiste

    Very interesting! I’ve been looking for a website like this – i’ve bookmarked it; will definitely come back for more!

    • http://www.facebook.com/citypestinc Fred Chris

      what sort of website do you want? any idea.

  • HP Pakistan

    New information for me. Some excellent tips . I like your tips

  • http://twitter.com/basicpctips Praveen Soni

    wow, very informative article for me.
    thanks for sharing

  • wedding planner in jaipur

    nice work thanks for shareing us

  • Laptop Rates in Pakistan

    Very interesting!

  • http://www.techdesighn.com/ Ahsanul Karim

    Now a days smartphone users visit site by mobile. So its very important to build a site
    Mobile-Friendly. Thanks for sharing some important tips

  • http://www.wisestep.com/ WiseStep

    These are great high-level tips, Daniel. Thanks for sharing them. I’m Tweeting them out to my followers, as we are working on several mobile web projects and I’ve been blogging about them.

  • venkat

    You completed some
    fine points there. I did a search on the subject and found most people will
    agree with your blog.

  • begonia

    thanks dude, its very interesting, i got good information here

  • www.begoniainfosys.com

    good

  • julia

    Great….nice info….also u can see mobiles at low price @91mobiles

  • vikram

    Thanks for this help. I am planning to make a mobile friendly website and i think this article will help me a lot.

  • HP Pakistan

    like this article. very beautiful information for this blog.

  • wedding planner in jaipur

    such a nice post

  • Backpack travel bag, Caprese b

    Great tips…..
    this post is really informative and very interesting indeed…
    Thanks for sharing this post to us…^_^

  • Sharon

    Thank you dear i was planning to have a mobile friendly website and i am sure it will be helpful for me

  • Soumi Das

    Thank you for sharing this article with us and it is very much interesting……..

  • Stephanie Crume

    Hi there,

    thank you for this interesting and informative blog, please keep us posted with your newest blog. I will surely make my mobile like this. Have a great one!

  • Backpack travel bag, Caprese b

    great tips…
    really useful for everyone..
    Nice article. Good to see this…
    Thank You Very Much for posting this.. :-)

  • andrewwilson

    Thanks for the tips.hope it’ll work with me.

  • http://fashstylo.com/

    Great and interesting these 7 tips. Thanks for share a lot of information.

  • http://ninjakillercat.co.uk/ Claire Toplis

    Some useful tips here thank you that I shall make use of

  • sweetroyal

    Good way of explaining, and fastidious post to take data regarding my presentation subject, which i am going to

    deliver in college.

  • http://labyrinthfishcare.weebly.com/ Jeremy Gan

    Got it. I will just keep it simple and tidy to fit the small screen.

  • facebook fans

    Great tips you gave here in your article!

    One of the tasks I would like to start
    incorporating into my activities

  • http://www.topbuy.com.au/ Echo

    Thanks for sharing such interesting and useful tips on building mobile website. I was currently also doing the same thing on my own site. Please keep up the good work. I will definitely come back for more. Thanks.

  • dance troops in jaipur

    nice article

  • افلام اون لاين

    thank you

  • http://www.funbench.com/ Muhammad Usman

    If you have a website that is mobile friendly, it can become popular in short span of time.

  • bretcutts@New Songs 2013

    your post is really helpful for those who do not know much about the mobile friendly website. thanks

  • siva

    nice article. Great and interesting these 7 tips. Thanks for share a lot of information.

  • Coskun KOC

    my friend :) good post .. i will tray my website thank you

  • http://www.facebook.com/anthony.hopper Anthony Hopper

    Great info.!

  • rnd technologies

    Good blog.

  • http://www.vinfotech.com/solutions/social-network-design.htm Venus Brown

    One more I would like to add is smooth navigation. As it becomes really difficult for the users to follow many navigation through their tabs to reach the inner pages.

  • Private Hard Money California

    Great article and very good solution. Thanks for posting. The solutions
    for such kind of problems are found very rare. Keep Posting.

  • braintechnosys

    Nice share

  • Essay Help

    Thanks for the informative post. I would also wish to emphasis on the issue of easy navigation for perfect user experience.

  • RitishVerma

    Great Post Daniel!
    And yes WPTouch is the best mobile theme plugin available for WordPress.
    My site looks awesome on my iPod Touch!!

  • http://www.couponations.in/ sintu kumar

    thanks for the tips

  • leena dasot

    This is the best advice on this topic and you have a perfect way with words to explain. Mobile internet user are increase day by day. Thanks

  • mycarzs

    thank you For Sharing These For Mobile.

  • http://twitter.com/Praveen_Bhrdwaj Praveen Bhardwaj

    I really needed such an article. Thanks for sharing!

  • billiga fälgar

    thank for sharing this site ..

  • http://www.thetraveltart.com The Travel Tart

    Cool, thanks for these tips – very important now that almost everyone is connected to the web via their mobile these days!

  • http://www.freefblike.com/ Shailesh Tripathi

    Very nice article on blogging. I am new to blogger and want to learn more from your articles. Thank you very much!

  • maksan

    Interesting news . It would be great if you can provide more
    details about it. Thanks you

  • leena dasot

    Perfect, I think you have a magic with words. I would agree mobile friendly websites is the smart way for improve your site traffic. Thanks for the knowledgeable post.

  • Rajkumar Jonnala

    this is a must article for building a mobile friendly website…

  • microsoft promo code

    I enjoyed your article; visiting your website was fun and I Learned Few Things from your informative post. Thanks for sharing it.

  • rahat

    Nice post, this tips is very useful to build a mobile friendly website.Thanks for all the tips you share with us.

  • rnd technologies

    Good thought.

  • luka

    you have a very interesting site ;)

  • jambrong sijam

    choose a responsive themes i thing might be good solution, some themes developer providing this with fairly cheap price

  • Tayyub Khakan

    This is really so amazing and nice post. Great job.

  • james

    Thank you helpful info…….

  • http://see24h.com/ see24h

    That sure help me a lot,thank you for a great post.Now i can improve my website for a mobile device

  • TRI-GEM

    Awesome and very interesting article. I like it. It’s helpful for us.
    Thanks for sharing.

  • Crane Companies

    I experienced your article; viewing your web page was fun and I Discovered Few Factors from your useful publish. Thanks for discussing it.

  • http://www.mega.pk/ Laptops in pakistan

    Super great information about mobile-friendly website. Thank you for sharing this.

  • http://www.goldcoin.net/ Gold Coin

    Having a great mobile website, especially in HTML5 is a great way to dominate your market.

  • siddharth

    thanks for that great information about mobile-friendly website. Thank you for sharing this.

  • MH Manik

    I like very much this cause it is very attractive site . Thanks

  • http://www.toptechbytes.com/ rabbi from TopTechBytes

    creating a mobile friendly website is a must and all my website is mobile friendly so I have nothing to worry.

  • Obat Herbal Anak

    how are you…..??

  • promdressusa

    great post i am also following some methods for make a responsive sites. thanks.

  • seo developer

    This is really an interesting topic..Truly today’s people surf the net from mob device more than computers…that’s why its very important to build mobile friendly web sites…

  • Website Development

    Thank you for your suggestion. I have got my website and i want to build a website which would be user as well as mobile friendly so please tell me the ways or techniques or process which would decrase the loading time and please suggest me the best plugins of wordpress.

  • http://twitter.com/JadonTechnology jadon_technology

    good and simple to understand .really good article

  • diseño web ecommerce

    Mobile sites are so important now, users need to be able to easily navigate your site on the go.

  • Alisha john

    THE TIPS YOU PROVIDED AE VER INFORMATIVE AND USEFUL.

  • http://www.facebook.com/fash.stylo Fash Stylo

    One more I would like to add is smooth navigation. As it becomes really difficult for the users to follow many navigation through their tabs to reach the inner pages.

  • http://freeallstuff.com/ asif shahzad

    fantastic tips hope it also prove for monetizing blog

  • Birth Certificate Attestation

    i like your blog because this blog has fantastic tips hope it also prove for monetizing blog. this is too gud….

  • jay

    the tips helped a lot developing mob friendly site.
    No time than surfing site through my mobile

  • Blogging

    Smart phones are getting so popular now days that people are using their handsets for browsing or other internet work. For this it becomes necessary for us that we use a responsive theme and optimize it for smart phones, tablets etc… you have described it in a better way. Thanks for that.

  • International Taxation books o

    I read your tips and it’s amazing Wonderful tips! your post make a clear
    idea about it is really helpful for me thanks for sharing!

  • Furniture Jati Jepara

    Nice Article !

  • Alisha john

    blog is very nice

  • Michele Kelvin

    Nice post, this tips is very useful to build a mobile friendly website..Thanks for sharing!!

  • http://www.incion.com/ professional web design

    The biggest factor in making your site easy to use and easy to buy
    from is in the design. It’s important to remember that your mobile site
    doesn’t follow the same rules as your desktop based site. Here are some
    tips to help you build an optimal mobile site.

  • neetikamanhas

    Great Article to enhance your information, Today i came to know the difference between normal website and a mobile friendly website. The mobile friendly website really helpful for those people who uses the mobile phones only for the internet surfing.

  • zersys

    Keep up the great content!This is an awesome post which i love it..
    I have enjoyed reading your posts. I do agree with you sometimes you are a bit long winded.

  • John

    What’s with your index page. You have to be mobile friendly, it’s so important, but don’t forget it’s equally important to be desktop friendly as well. Right now you’re not…

  • Dwi Prasetyo

    Thank you for sharing articles on “7 Tips on Building a Mobile-Friendly Website” very useful for me,, nice and perfect, I agree mobile friendly website smart way to increase your website traffic.

  • Guest

    Thanks for your guidance for mobile friendly website.

  • http://www.pricecheckindia.com/ urstrinath

    Nice…. Thanks for sharing the information…

  • http://www.seoserviceszone.com/ SEO Services Zone

    Now a days mobile devices are also used for business purpose. Its a smart way to increase your website traffic.

  • http://peomax.com/ Nilantha

    Thanks for your guidance for mobile friendly website.

  • InventionsUp

    Really Great Information… It Helps me a Lot. I think You Will Post More About the Same…. i think you have more content related to the same topic.. ? if you have then please post more….

    • runabutt26

      I’ve been looking for a website like this – i’ve bookmarked it; will definitely come back for more!

  • vikky singh

    Dear your idea is good but not unique method.

    Dear please if you have new idea please share with me.
    Thanks

  • 99hosters

    Thanks for posting, it really good tips for the mobile friendly.

  • http://www.bestnindia.com/Mangalore/Restaurants Restaurants in Mangalore

    Building a mobile-friendly website version doesn’t have to be
    complicated. As you’ll see in the next section, there are plenty of
    different programs out there that can help you put together a mobile
    website with just a few clicks of your mouse.

  • http://www.aaretch.com/ anwar hussain

    by adding more navigation plays very important role in mobile apps, website that has to be customer centric.

  • Aditya Singh

    Informative articel

  • reneta jemas

    Thanks to share nice article

  • saurabh

    Building mobile friendly website is really a good task because now a days a huge amount of people are using mobile phones. If our website is mobile phone compatible, it can be accessed through anywhere from any mobile device and will will really help in increasing the business.

  • Party Rental Miami

    Its very easy and interesting. Now We can use on mobile.

  • maxzoe378

    Dogging contacts site for Australians looking for outdoor Dogging, swinging, personals or contacts and dating

  • runabutt26

    Fantastic content for mobile friendly site tips..it gives a lot information to share with others..thanks for sharing with us.

  • zulfiqar

    This post is very useful for making a good mobile site so i will try it for the best making mobile site.

  • http://makewebworld.com/ Sanjeev Mohindra

    I like WPtouch for mobile version of a site, it works really well if you are trying to convert a blog.. Also with the V3, we can have lot more customization options……

  • DaisyLiverman

    Its nice to have such blogs which guides us with lots of information and keeps us aware of right process of activating our website through mobile.

  • http://www.aaacredit.net/ Phil Pennington

    nice information for me because i have plan to design my mobile application for my business.

  • Aisha

    Nice articles. Thanks for sharing.

  • daviddash41

    If Looking for gorgeous Male and female strippers in Sydney Book Our professional topless male And Female stripper performers for a truly unforgettable experience

  • futurefirsthomes

    nice post

  • http://5best.in/ Manish Kataria

    I did mistake of using flash. It made my site heavy & useless on mobiles & tablets. Will remove them.

  • bdnnnada

    Interesting! thx

  • http://www.halwits.com/ halwits

    Yeah all these tips are good.

  • Maninder Pal

    very nice information about this topic thanks for sharing….:)

  • andersonjan90

    hi. its very useful and very informative..thanks and all the best..

  • http://www.orkidedunyasi.com/ cicek siparisi

    very good informations thanks for everything

  • http://seo-mumbai.co.in/social-media.html sanjay sharma

    I have mobile site. It not support every mobile. Its error that why im not understant what i do. I also want to use flash on my site.

  • Santhosh

    Nice post. Thanks for sharing.

  • http://www.30yearrefinancerates.com/ Xavier D.

    I agree that there are quite a few ways of making a website mobile friendly. Many of the techniques you mention here are new to me, and are very helpful. I appreciate your article and this website. Thank you, I’ll be back for more, and refer people here.

  • http://www.telex.co.in/railway-branding.html Jitesh Patil

    Its very nice note for mobile site. I have one mobile site. I want it improve it. Can i do its seo or need not?

  • marshallmews

    nice do follow seo and internet marketing blog !

  • Leigh Car Finance

    Thanks for the information, but you make all these things out of your
    site like plugin or pop-up then surely it will decrease the PR of the
    website. So then?

  • http://carewareit.co.uk/ IT Support London

    Nice tips, thanks for sharing. Having a mobile friendly site is really important because you might have a good number of prospects searching for your service from a mobile device.