Blogging: How to Create a Mobile Experience

11 Actionable Blog Tips You Need to Be Mobile-Friendly

smartphone use Smartphones and tablets present challenges for bloggers because consumers expect a seamless experience across connected devices regardless of what’s required to provide it.

Understand that the characteristics of mobile usage affect how readers access and engage with your blog. Specifically, this means the screen size of the device and the bandwidth available to access your content.

3 Reasons to make your blog mobile-friendly

Mobile devices, including smartphones and tablets, are increasingly found where people spend their time and consume content. Therefore, that’s where you must be too. (Here’re fifty-three mobile research facts with charts.)

  1. Increased mobile device ownership. It’s not just smartphones. It’s tablets, e-readers and other connected devices. (Check this research for other connected devices.) Mobile Adoption - comScore
  2. Expanded time spent consuming content. With more content options and devices, consumers have increased their content intake. This behavior encompasses both legacy devices such as televisions as well as new mobile options.  Edison_Research_Arbitron-Time spent per day with media
  3. Changed content consumption habits. Expanded use of mobile devices has influenced how, when and where consumers choose to read your blog. Specifically, consumers use connected devices sequentially and simultaneously via four distinct behaviors: focused use, dual consumption, information snacking and time shifting Content Marketing-4 types of consumption -INFOGRAPHIC by Heidi Cohen

How to mobilize your blog content

Given the expanded mobile device ownership and increased use, your blog must be able to be viewed on a variety of mobile devices. Because they tend to have smaller screens than a computer, consumers use pinch, scroll and zoom actions to see different information elements.

  1. Add a mobile plug-in to your blog theme. This piece of code translates big screen computer formatting for a smartphone or tablet device based on activity. (BTW—I use the WPTouch plug-in. You may also want to check out Ian Cleary’s detailed How to Make Your Blog Mobile Friendly.)
  2. Use responsive design. This functionality determines the visitor’s device characteristics (most important is screen dimensions) and browser type. Based on this information, your content is reformatted appropriately for that reader.
  3. Consider how mobile blog post emailings render. Understand that some readers will sign up to receive your posts via  email (regardless of device) because it reduces navigation. Unlike a blog post, an email can’t be edited once it’s sent out so it’s important to test how it presents on as many devices as practical.

Develop blog content for mobile consumption

When creating content, how you format the information is more important for a mobile device than it is for a computer because there’s less screen real estate. (Note: This also applies to your post emailings.)

  1. Craft short attention-getting titles. As the hooks that pull readers in, titles shouldn’t wrap. If possible, keep title tags less than 45 characters for Safari or 65 characters for Chrome to ensure that they appear in search according to SEOmoz.
  2. Make text stand out.  Skip the fancy fonts and teeny type sizes. They’ll make your readers abandon your site because they’re unintelligible when shrunk down for smaller screens and too much work to read.
  3. Select colors to facilitate content consumption. While your brand should be your guide, use color to help draw readers in and through your posts. This includes use of headlines and headings.
  4. Avoid heavy background patterns. Realize these designs can be compressed beyond recognition on a smaller screen and detract from readability.
  5. Keep paragraphs short. Understand that long paragraphs appear longer on a mobile device since they’ll take up more space. This can scare readers away.
  6. Structure information for easy consumption.  This applies to post organization as well as outlining to guide readers through your post. It also allows readers to scan your content quickly.
  7. Pay attention to image size. Large images increase download time, use up device power and data allocation. Therefore properly size images for optimal download.
  8. Include large call-to-action buttons. Understand that finger gestures on a mobile device are imprecise. Think fat fingers! Therefore make your call-to-action buttons bigger to account for this factor.

 

The bottom line is that your blog readers must be able to find and access your content on the device of their choice when, where and how they want to.

What have you done to make your blog more mobile-friendly and what has your experience been?

Happy Marketing,
Heidi Cohen


Heidi CohenHeidi Cohen is the President of Riverside Marketing Strategies. You can find Heidi on , Facebook and .

Even though Content Marketing World is finished until next September, you can still get all the content from 2014's exciting conference. The CMWorld On Demand package includes: Audio and video from the 2014 keynote sessions, audio and PowerPoint presentations of all the breakout sessions, over 40 audio sessions from the leading B2B and B2C brands, as well as keynote video performances. CMWonDemand

Social Media Marketing World — San Diego — March 25-27, 2015. Social Media Marketing World Register Now and Save $480!   Limited time offer.

Register Now for the Intelligent Content Conference.

Intelligent Content Conference

An annual gathering of the best and brightest content professionals on the planet. People who know the secrets (and are willing to share them). People who value content as a business asset. People who have made it their life’s work to develop repeatable, systematic approaches to producing amazingly effective content.


Free Webinar!

How Small-to-Medium Businesses Can Join the Content Marketing Revolution

How Small-to-Medium Businesses Can Join the Content Marketing RevolutionJoin the discussion on Tuesday, December 2 - Time: 2 PM (EST) / 11 AM (PST) to learn how small and medium sized businesses don't have to have an entire content marketing organization (or budget) to be successful in content marketing.

Joe Pulizzi, Author and Founder of Content Marketing Institute and Werner Mansfeld, President of NetLine Corp, discuss realistic and actionable methods for your company to get awareness, consideration and sales leads using marketing content – without the budget or resources of an enterprise-level organization.

Date: December 2nd, 2:00 pm EST/12:00pm CST/11:00 am PST

Here are just some of the questions you'll get answered:

  • What is content marketing and why is it important?
  • What do I need to have in place to compete effectively using content marketing?
  • How do I drive sales leads and get a positive ROI using content marketing?
  • How can my small business (or budget) compete with my larger competitors using content marketing?
  • What can I start doing today to start seeing results?

Joe Pulizzi and Werner Mansfeld are experts in Content Marketing and Content Syndication. Learn from their combined experience how to take advantage of content marketing for your business, no matter the size.

Register for this Free Webinar today!


 

 

Related Articles

Photo Credit:http://www.flickr.com/photos/davelawler/7370505166/

 

Tags , . Bookmark the permalink.
  • http://tweet4ok.com/ Frithjof

    Excellent list Heidi! May I add my pet-peeve as someone that reads a lot of posts on my phone:
    Most pop-ups don’t play nice with mobile. Too often I discover great content and am unable to read it because I can’t close the %^&*&#^+ pop-up.
    I will never share one of those posts!

  • https://plus.google.com/100326307084686532550 Christa Joe

    Responsive web design is the key for enhanced user experience in changing scenario of technology. It allows a user to browse a website easily on different screen sizes and maintains the look and feel of the website throughout different platforms.

    Read more about responsive web design here: http://blogs.q3tech.com/2013/02/22/introduction-to-responsive-web-design