Mobile Optimized Website Checklist

Is your website mobile optimized? By making sure your website is ready for the mobile traffic already visiting, you’ll want to review these 7 points to give users the best experience.

  1. Mobile responsive

    When a visitor loads your website on their mobile device, does the site scale to fit that evice?  Avoid expecting users to pinch & zoom or squint at their screens. They won’t. They’ll just move on.

    To easily test this out, grab the side of your internet browser on a desktop and make it very skinny.  You should see the items resizing themselves automatically.

  2. Media visible

    Does all the media on your website display or play properly?  Flash elements were all the rage but no longer work well.  Flash isn’t visible on iOS devices, and will stop being supported on Android devices.  Make sure that if you include media on your website that it will play on a mobile device.

  3. Does media scale?

    When someone loads your page, is the Youtube video half off the screen?  When properly coded, your theme should scale the video.  However, not all theme developers adhere to the standards that would support scaling.

    Likewise, any other form of media, whether an image or an embedded pdf, should fit to the width of the device in horizontal and landscape modes.

  4. Action oriented – click to call & email

    Near the top of your website should be your business phone number, with a click-to-call option enabled.  This will help mobile phone visitors easily press a link to place a call.  The code to make it click to call would look like:

    <a href=”tel:8005551212″>Click to call 800-555-1212</a>

    Likewise, your email should open an email program.  You’ll want to add some code or a plugin to your website to obfuscate the address, preventing an open invitation for spam.

    <a href=”mailto:someone@example.com?Subject=Hello%20again”>Send Mail</a>

  5. Thumb ready?

    Can you navigate the entire website with your thumbs?  Think here about the navigation bar, search box, email opt-in form, blog titles, etc.

  6. Readable?

    How is your font size on smaller mobile screens?  Often it works well to use font larger than you may have been used to for the past few years.  I like 14pt for body text, and up to 24 for title text.

  7. Social Sharing?

    While I like using a floating sidebar for social sharing icons, like Google+, it is also good to duplicate it into the footer of your blog post so that mobile viewers can see it.  Floating sidebar buttons often aren’t visible on the screen.

Enhanced by Zemanta

Courtney Engle Robertson

From high school business education to the WordPress Training team, Courtney helps people of all skill levels get their message out. She lives in south-central Pennsylvania, loves coffee, plays the mandolin, and has a very large vegetable garden.

5 Responses to Mobile Optimized Website Checklist

  1. The least friendly thing you can do for a mobile site is have popups, which you have… Might want to get rid of it to make your site mobile friendly.

  2. […] While contests are a great way to engage with fans and attract new followers, be sure that you have a way for mobile viewers to participate.  If the contest drives traffic back to your own website or just to your main Facebook page, you are safe.  However, if you are sharing links that bring people to a tab in your Facebook page, remember that mobile viewers cannot see content that resides exclusively inside a tab.  For them, you’ll need an option to display the content for mobile viewers as well. Several 3rd party contest providers offer this service, such as Heyo. Alternatively, you can host all the content on your own website and attract others to view you there, provided that your site is mobile-responsive. […]

Leave a Reply

 

Get Your FREE WordPress Website Checklist, Social Media Audit, & Exclusive Training