TEST FOR: www.grahamrobertsonmiller.co.uk

Your score was 7 out of 8!

So close! There's only one thing you're missing!

1. Well done
   You specified the viewport

   The viewport tag tells the device to fit the web page to the width of the device (instead of scaling it down).

   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

2. Well done
   You didn't disable zooming

   Using maximum scale and user scalable options in the viewport is bad form indeed, as it takes control out of the users hands.

   <meta name="viewport" content="maximum-scale=1.0, user-scalable=no"/>

3. Well done
   You used the MobileOptimized tag

   This tells the mobile browser which mobile width the site is best optimised for. It's an extra failsafe for mobile browser rendering.

   <meta name="MobileOptimized" content="320">

4. Well done
   You used the HandheldFriendly tag

   Similar to the MobileOptimized tag, this tells devices such as Blackberrys that the site is optimised for mobile browsing.

   <meta name="HandheldFriendly" content="True">

5. Well done
   You are using Modernizr

   Modernizr is an open-source JavaScript library that gives you media-query-like abilities in older browsers.

   <script src="modernizr.js">
</script>

6. Well done
   You used an Apple Touch Icon

   If someone adds your website on their home screen, an Apple Touch icon will look far better than a shrunk down screenshot.

   <link rel="apple-touch-icon" href="/images/apple-touch-icon.png" />

7. Oops!
   You have no phone link

   In the olden days mobile phones were used for calling people. The quickest way to connect with a potential customer is to include a clickable phone number.

   <a href="tel:your number">

8. Well done
   You haven't used tables for layout

   Tables should only be used for tabular data. Using table tags for layout is naughty - they aren't semantic and they bloat your site with code.

   <table>

Add the logo:

Add the small logo:

Or just show a link: