educational

How to Optimize Your Mobile Website

Having problems trying to implement a mobile version of your site? The use of mobile and other wireless handheld devices for browsing the Internet is on the rise and it's now time to make your website mobile friendly. Keep in mind that specialized optimization is required to make mobile content easily accessible, searchable and easy to use. In this article you will find the guidelines for mobile standards, along with tools and plug-ins available to make your website mobile friendly.

One common question when developing a mobile presence is, "Do I need a .mobi TLD to serve up content for mobile devices?"

The answer is "no"; dot-mobi, the top-level domain for mobile Internet sites, has lived a short and unproductive life. It is generally felt that we will, in the end, be better off without it, as it is getting easier to construct websites for mobile devices without the need to jump through developmental and architectural hoops, or to have to deal with duplicate content issues.

The iPhone, in particular, has significantly changed the way the game is played, and given that it relies on Apple's Safari browser rather than some sort of proprietary mobile platform, it's made .mobi domains unnecessary. Even if you offer a mobile version of your website, an Apple iPhone will pull in the .com website over a .mobi version, assuming a mobile version exists. Currently in beta is Skyfire, a mobile web browser that does pretty much the same thing on Windows mobile devices; transcoding regular websites on-the-fly for delivery to mobile platforms.

I'd also like to point out that a .mobi version of a website is most definitely not the ideal solution where mobile SEO is concerned. A standalone .mobi website splits up traffic and inbound links; doubles the size of the index; can cause search engines to return the wrong page for a given medium (mobile or traditional computer); and can even cause search engine spiders to stop indexing pages of a website because it finds too many copies of the same pages with different URLs. The upshot is that you just don't need two separate websites (one for mobile users, and one for PCs).

Another common question is, "What can I do to improve my website for better mobile functionality?"

The answer to this is to implement a mobile-traditional hybrid. To accomplish this you will use one set of website content pages but at least two sets of CSS; one for PC monitors and one for alternate mobile versions.

This approach is unlike having a second copy of your pages on a .mobi version, which inadvertently becomes duplicate content. Instead, you can construct multiple versions of your site's CSS to accommodate different mobile browsers, with each version automatically rendered properly by its targeted browser. This option eliminates the duplicate content problems and is one of the better practices (if not the best) for mobile website design and is also the most cost-effective solution.

At this point in time it seems the most consistent way to present a handheld or mobile stylesheet is to use the on-page element:

<link rel="stylesheet" type="text/css" media="handheld" href="mobile.css" />

This style sheet is recognized by mobile device browsers and used instead of the primary CSS file. The mobile CSS file can reformat the site's content for better usability on a mobile device and can strip out elements of the site that are too large or download-intensive for the average mobile device. The resulting user experience is a fast-loading, simplified version of the same webpage at the same URL, so when it's time to redesign or update the site, it only has to be done once and — presto — the mobile CSS file continues to render the new design in a mobile-friendly format.

For details on the parameters and standards of creating a CSS-driven mobile version of a website, view the W3C CSS Mobile Profile 2.0.

For testing how your pages look on mobile devices, the Opera Mini browser simulator is quite good at presenting most web pages as they would be rendered on mobile browsers; while the MTLD.mobi emulator also lets you see your site the same way that mobile phone users do, by "emulating" a real mobile phone's Internet browser.

Finding additional tools and information to help you with your mobile implementation is easy, with Google's Webmaster Help Center providing information on the mobile markup languages supported by the Google index, such as XHTML mobile profile (WAP 2.0), WML (WAP 1.2), and cHTML (iMode); as well as information about Google Mobile Sitemaps and more.

Users of the popular WordPress blogging platform have an advantage when it comes to developing mobile offerings due to the various plug-ins that are available for it. Although Wordpress is not natively mobile friendly, Alex King's WordPress Mobile Edition plug-in can optimize your blog to make it easily accessible on mobile devices. This plug-in supports standards, and comments can be submitted via mobile phone. You can also monetize your site using the Admob mobile advertising service using this WordPress plug-in.

One important thing that you have to remember when installing this plug-in is to not just unzip it into the plug-ins directory; you need to copy the "wp-mobile" theme over into the wp-content/themes directory and activate it as well. There is no configuration needed and it will automatically detect your mobile browser so you will see a mobile friendly interface for your blog.

You can also implement the WordPress PDA Plug-in, which enables your blog to be viewable by PDA and iPhone users. It is a really simple plug-in that detects the browser agent and then loads a simple theme on the fly. The plug-in comes with a theme folder that acts like normal theme with all the functionality of typical WordPress themes.

The plug-in doesn't have any advanced options to control, so if you want to customize the mobile display, then you can do it with the theme files. Installation of this plug-in is simple and straightforward: just extract the files into your WordPress plug-ins folder then activate the plug-in in the admin area's plug-in panel.

RSS feeds for mobile devices can also be optimized by using any of several services; including Feedm8, which lets users view your feed on their mobile phones and offers a publisher program through which you can earn money from your RSS feeds; along with Mobispine, a free mobile browser that allows users to search feeds and articles using this service and providing a way for mobile publishers to reach their mobile user base.

However you develop your mobile offerings or the platform you use for them, being careful to remember a few basics and to do your homework will pay big dividends.

Related:  

Copyright © 2024 Adnet Media. All Rights Reserved. XBIZ is a trademark of Adnet Media.
Reproduction in whole or in part in any form or medium without express written permission is prohibited.

More Articles

opinion

Why Cyber Insurance Is Crucial for Adult Businesses

From streaming services and interactive platforms to ecommerce and virtual reality experiences, the adult industry has long stood at the forefront of online innovation. However, the same technology-forward approach that has enabled adult businesses to deliver unique and personalized content to consumers worldwide also exposes them to myriad risks.

Corey D. Silverstein ·
opinion

Best Practices for Payment Gateway Security

Securing digital payment transactions is critical for all businesses, but especially those in high-risk industries. Payment gateways are a core component of the digital payment ecosystem, and therefore must follow best practices to keep customer data safe.

Jonathan Corona ·
opinion

Ready for New Visa Acquirer Changes?

Next spring, Visa will roll out the U.S. version of its new Visa Acquirer Monitoring Program (VAMP), which goes into effect April 1, 2025. This follows Visa Europe, which rolled out VAMP back in June. VAMP charts a new path for acquirers to manage fraud and chargeback ratios.

Cathy Beardsley ·
opinion

How to Halt Hackers as Fraud Attacks Rise

For hackers, it’s often a game of trial and error. Bad actors will perform enumeration and account testing, repeating the same test on a system to look for vulnerabilities — and if you are not equipped with the proper tools, your merchant account could be the next target.

Cathy Beardsley ·
profile

VerifyMy Seeks to Provide Frictionless Online Safety, Compliance Solutions

Before founding VerifyMy, Ryan Shaw was simply looking for an age verification solution for his previous business. The ones he found, however, were too expensive, too difficult to integrate with, or failed to take into account the needs of either the businesses implementing them or the end users who would be required to interact with them.

Alejandro Freixes ·
opinion

How Adult Website Operators Can Cash in on the 'Interchange' Class Action

The Payment Card Interchange Fee Settlement resulted from a landmark antitrust lawsuit involving Visa, Mastercard and several major banks. The case centered around the interchange fees charged to merchants for processing credit and debit card transactions. These fees are set by card networks and are paid by merchants to the banks that issue the cards.

Jonathan Corona ·
opinion

It's Time to Rock the Vote and Make Your Voice Heard

When I worked to defeat California’s Proposition 60 in 2016, our opposition campaign was outspent nearly 10 to 1. Nevertheless, our community came together and garnered enough support and awareness to defeat that harmful, misguided piece of proposed legislation — by more than a million votes.

Siouxsie Q ·
opinion

Staying Compliant to Avoid the Takedown Shakedown

Dealing with complaints is an everyday part of doing business — and a crucial one, since not dealing with them properly can haunt your business in multiple ways. Card brand regulations require every merchant doing business online to have in place a complaint process for reporting content that may be illegal or that violates the card brand rules.

Cathy Beardsley ·
profile

WIA Profile: Patricia Ucros

Born in Bogota, Colombia, Ucros graduated from college with a degree in education. She spent three years teaching third grade, which she enjoyed a lot, before heeding her father’s advice and moving to South Florida.

Women In Adult ·
opinion

Creating Payment Redundancies to Maximize Payout Uptime

During the global CrowdStrike outage that took place toward the end of July, a flawed software update brought air travel and electronic commerce to a grinding halt worldwide. This dramatically underscores the importance of having a backup plan in place for critical infrastructure.

Jonathan Corona ·
Show More