ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Writing Articles Designed for Mobile Ready Responsive Websites

Updated on November 20, 2016
janderson99 profile image

John uses his scientific skills (PhD) & experience developing 50+ websites to research, review & evaluate SEO, website design, Social Media

Website visits from mobile devices exceeded visits from conventional sources such as PCs and laptops for the first time in 2013. It has been rising rapidly and within five years the mobile device share may be more than 70%. Website owners have been slow to respond and the stages that occurred are:

► Denial, forcing users to zoom in and out struggling to read the site
► Fragmentary cut down versions of the website for specific screen sizes
► Responsive designs that scale down to be delivered on any screen size
► Completely redesigned responsive, mobile-ready and mobile-optimized, design

These changes have led to a complete re-think of website design that is revolutionizing SEO. Basically it is delivering what users want. If a user wants to order a pizza the landing page does just that. The elements of the changes are:

► Cut the fluff, eliminate verbiage.
► If in doubt, leave it out
► Shift all the background information to secondary pages accessed by links. It is there for the few users who want to read it, but ALL users don't have to wade through this detailed information.

Just as writing for the Web is different to writing offline, so writing for large screen notebooks is different from writing for mobiles. It is not solely about screen size, but is about delivering the right synopsis of the information for people on the go, who want quick facts delivered with elegant simplicity. This article outlines how to write copy for mobile ready websites.

SEO has to change with the tide. The latest change is to optimize content for mobile ready devices
SEO has to change with the tide. The latest change is to optimize content for mobile ready devices | Source
The World Wide Web has forced several major changes in writing style. Read about writing for mobile devices here.
The World Wide Web has forced several major changes in writing style. Read about writing for mobile devices here. | Source
Dylan Thomas wrote delightful succinct poetry in a messy room with a beautiful view over a cliff.
Dylan Thomas wrote delightful succinct poetry in a messy room with a beautiful view over a cliff. | Source

Tips for Writing for Mobile Ready Websites

► The average smartphone screen size is about 4 inches (10cm). While a responsive design will squeeze down to fit, the lettering size will generally be larger. People using smartphones on the go need to get the information quick and easily. Your content should be short and succinct, not only in terms of overall length, but also the length of sentences. Paragraph need to be very short, perhaps only one or two sentences.

Use bullet points and numbered points to break the content up and make it easier to read.

Buttons work better than underlined in-text links.

Immediacy is important. Users want the information directly and immediately, so make sure you provide what they want. It is quite a different experience from sitting down at a desk using a PC of notebook. You need to be more relevant and deliver what the user wants in a clever and wittier way.

Mobile Links and Search - Keep your keyword phrases short, less than three words. People don't want to type long five-word searches especially with thumb typing of single hand typing.

Avoid the temptation of having two versions of your site, one for mobiles and another for desktops and notebooks. You need one brand and one version. Visitors may share your mobile content on social media and the different versions will only confuse people.

► Google uses two bots to index websites, one for desktop and one for mobile (Googlebot-Mobile). When Google finds your site is mobile-friendly, it is added to the Google web index for mobiles. This is another reason to have a mobile-ready website.

Don’t bury the lead - This device often works in other forms of writing, but not on mobile ready websites. Your most important take home message should come first. The reader can read on for the details if they are still interested. If you bury the message in the fourth sentence many of your readers will never get that far. Put the secondary information on other pages.

Stay positive, encouraging and polite otherwise your users will switch off. Don’t communicate below your audience in an effort to keep it simple. Show that your know and respect your audience.

► Make sure your copy is readable on a range of small screens. Often this means using a larger text size. The font type and size must be easily read.

► Use short eye-catching titles that really relate to the message

Use compelling and revealing summaries and succinct Lists. Tables may not resize very well, or display clearly on small screens. Images may not display properly when reduced. Text may not flow well around images or become unclear or lose its context.

Keep it short, but don’t overdo the brevity, as readers will often continue through a long article if you keep them interested.

► Think outside the box and move beyond the limitations of the small screen. Mobile devices offer new and different opportunities to communicate your message, that are different to those for laptops. It is often about swiping, zooming, tapping and touching. It is a unique medium of telling a different story in a unique and interesting way. You need to understand the medium of mobile devices.

Design to Increase Mobile Page Load Speeds - Research suggests that Google expects mobile pages to load in less than one second, but the average mobile page load speed is over 7 seconds. That is fare too slow. Pages bloated with images and fancy stuff can slow the load especially on mobiles that lack the fast cable connections that applies for notebooks and PCs. The other aspect is that users want things delivered fast. After one second they lose interest and go elsewhere.

Focus on a Clean Design that is Easy to Use - Usability should drive the design, combined with ruthless elimination of clutter and anything that hints of being unnecessary.

Understanding Mobile-User Intent and Providing What Users Want - The Mobile SEO should be based on a profound understanding of the needs, wants, biases, intentions of the intended audience. Mobile users may want and need different things than desktop users. They certainly want everything faster. 'Local' is also an important driver.

Conversational and Voice Search Should be Considered - In 2014 and beyond SEO and Keywords will have to be designed for voice search as users will 'ask' search engines specific questions. The designs need to cater for these.

© 2014 Dr. John Anderson


Submit a Comment

No comments yet.


This website uses cookies

As a user in the EEA, your approval is needed on a few things. To provide a better website experience, uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at:

Show Details
HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
LoginThis is necessary to sign in to the HubPages Service.
Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
AkismetThis is used to detect comment spam. (Privacy Policy)
HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the or domains, for performance and efficiency reasons. (Privacy Policy)
Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
MavenThis supports the Maven widget and search functionality. (Privacy Policy)
Google AdSenseThis is an ad network. (Privacy Policy)
Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
Index ExchangeThis is an ad network. (Privacy Policy)
SovrnThis is an ad network. (Privacy Policy)
Facebook AdsThis is an ad network. (Privacy Policy)
Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
AppNexusThis is an ad network. (Privacy Policy)
OpenxThis is an ad network. (Privacy Policy)
Rubicon ProjectThis is an ad network. (Privacy Policy)
TripleLiftThis is an ad network. (Privacy Policy)
Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)