Showing posts with label mobile. Show all posts
Showing posts with label mobile. Show all posts

Thursday, January 6, 2011

How to Get More Mobile Visitors Onto Your Email List

image of email on mobile phone

On Copyblogger recently we’ve talked about why it’s so important to make your website mobile-friendly.

And we’ve hammered on how critical it is to get people onto your email list.

But there’s a problem: it can be really hard for your mobile visitors to sign up for your newsletter.

Here’s why:

Most mobile-friendly themes (in WordPress or other content management systems) hide the sidebars. They show just the main content area. For example, in the mobile theme I used for one of my sites, there’s a built-in way to share posts with Twitter, but there’s no way for a visitor to see the signup box in my sidebar. No matter what they do, they just can’t get there.

Even if you’re not running a special mobile theme (for example you’re depending on the built-in mobile-friendly goodness of a framework like Genesis) your visitors are still just looking at your main content column.

Why? Because even though they see your full page when they initially arrive, the first thing they’re going to do is “double-tap” on the content column to blow it up to a readable size. That pushes those sidebars out of sight and out of mind.

Also remember that if someone is reading your site on a mobile device, you probably don’t have their full attention. So don’t expect them to take the initiative and hunt around for your signup box. They won’t.

How to fix the problem in two easy steps

The solution is simple. You need a call to action for your newsletter at the bottom of your content column.

Not in the sidebar. Not in the footer. You want it right there at the bottom of your text, so it’s the first thing people read after they finish your post.

Step one is to copy the code of your signup box and drop it onto its own page. Give it a sexy name like yourblog.com/subscribe. Add some content that lets people know why it’s a good idea to subscribe. And be sure to test that it works.

(Here’s an example if you need one.)

Step two is to get a call to action and a link to your new signup page onto the bottom of every single page you create. You can do this manually, by typing or pasting it into every post, or you can do it automatically by editing your theme.

I actually prefer doing it manually. (That’s also how they do it on Copyblogger.) I like to vary the call to action depending on the content of the post. And writing it reminds me to make sure that the rest of my content is mobile-friendly.

For example, if I’m showing a video hosted on my own site, I’ll provide a link to a copy on YouTube, so people on iPhones or iPads can see it. And if I’m using a Flash-based audio player, I’ll provide a link to download the MP3, which also allows it to play on mobile devices.

If you’re comfortable with code, you can insert the signup link into your regular theme with a hook or a widget so it shows at the bottom of the content column. Then it will show up automatically on every post, past and future.

But if you’re using a mobile theme, I don’t recommend modifying the code. That’s because your mobile theme is probably a plugin or a module, and any customizations you make will be overwritten when you update the plugin. For normal human beings, the chance that you’ll update your mobile theme without remembering to reinstall your customizations is pretty high, and unless you visit your site frequently on a mobile, you won’t notice the mistake for months.

Getting people onto your email list should be a major goal with every post you write. No matter what device someone uses to read your content, you can make it easy for them to get to your signup box.

It takes just a couple of minutes to copy your signup box onto a standalone page, and only seconds to add a link at the end of each blog post. Start doing it now, because mobile traffic is only going to increase … and you want to be sure you’re there to capture it.

Related Articles

Friday, November 19, 2010

How to Make Your Website Mobile Friendly (And Keep Your Readers Happy)

image of iphone

Is your website content ready for mobile devices?

By the year 2013, forecasts predict that there will be 1.7 billion mobile internet users.

And it’s a pretty safe bet that at least a few of them are visiting your site, and seeing it on a screen that takes up just a few inches.

So what happens when readers feel cramped or have to work hard to navigate your site or read your content?

They leave.

Connection speed can also frustrate readers. A lot of the time, people are trying to access your site on slow cellular data connections. And despite the attempts by providers to increase capacity, it still feels “slow,” since the more they add, the more we consume.

You want both regular and new readers to have a great experience with your site, whether it’s at home on a nice large screen or while they are mobile and seeing it on a tiny device.

Brian Gardner of StudioPress summed it up pretty well when asked about mobile site design.

Many folks spend a lot of time working on the design of their site for modern browsers, but fail to realize the ever-increasing percentage of site visitors that come by way of mobile devices.

Not only is having a great site design important, you also need to prioritize usability and a quality user experience. That’s why we recommend using a plugin like WP Touch.

So how can you make sure your site is up to par for all those mobile readers out there?

Well, as luck would have it, there are some fairly easy things you can do to assure a more mobile-friendly site.

Here are some quick improvements you can make, starting today.

Install a mobile plugin

If you are using WordPress, you can transform your site into a mobile-friendly version in about 30 seconds with a simple plugin.

There are a lot of these plugins out there, but as Brian recommended, WP Touch is a great place to begin. It’s free, and you can customize it in several ways to best suit your site.

Learn more about WP Touch here.

Oh and one other thing about mobile versions of your site. Make sure you give readers the choice of viewing the standard site as well.

There are options in each plugin to do this. There are times when readers will want to view the full website, depending on their device and internet speed.

Note: before you install and activate any plugin, make sure your site has been properly backed up.

Create smart navigation

How’s your site navigation? Creating smart, thorough navigation for your website is a key aspect to making your site mobile friendly.

Make sure you offer readers clear and distinct ways to get to your most important content.

For example, do you see the red tabs along the top of this site? Those are examples of links to cornerstone content. Not only are they great ways to attract traffic, but they are perfect examples of clear navigation.

Write clear content

Now more than ever, you need to grab reader attention instantly.

When your site is being viewed on a much smaller screen, make sure you have compelling headlines that let the reader know she’s going to have a great experience reading this content.

Clear content that gets right to the point also assures readers can digest your material on their mobile devices, even while they’re distracted and busy.

Don’t use too many images

I’ve been guilty of this one. And I’ve also noticed in my analytics that when I include a lot of images in a particular article, I get less traffic reading it on mobile devices.

Lately, I have been limiting my use of images to one or two, and now my articles are getting read more by those with mobile devices.

Images are a great way to get a point across or break up text, but just try to imagine someone reading your content on a really slow connection with a tiny little screen. It might mean you don’t need that 20th image after all.

Notice that Copyblogger has, for most types of content, always had just one single, attention-getting image per post.

Don’t rely on Flash or Javascript

All arguments aside about the relevance of Flash, it is generally a safe bet that not all mobile devices will be able serve up either of these technologies.

Even if they do, it tends to be an extra step or two to actually view the content. The best practice is to stick with plain (X)HTML/CSS standards.

Practice good design

In the non-mobile web version of your site, it might be easier to get away with a few design problems that are far more visible and obvious in the mobile version.

Keep in mind the whitespace around paragraphs and words. If your content is so cramped that it makes readers physically uncomfortable, they might not hang out for very long.

Making your content scannable and breaking up long blocks of text is great for all readers, but even more so for mobile readers.

And cluttered, visually busy sites are hard enough to read on a large screen. Don’t ask mobile readers to go there!

So there are several ways you can begin making your website content more mobile friendly. Get started on a few of these and you will be way ahead of the competition.

(If you’re not sure where to start, the best payoff for the least amount of effort is probably getting a mobile plugin for WordPress like WP Touch.)

Have you recently turned your website mobile and noticed more readers? Fewer?

Share your experience with others in the comments below. And let us know your favorite tip for making your site more mobile friendly!

Related Articles