<!- css starts ->
<!- css ends ->
▪ Mobile searches have grown-up four
times ever since 2010.
▪ 79 percent of people like better
reading product reviews on mobile sites versus non-mobile whereas 63 percent like
better mobile sites for purchasing.
▪ 38 percent of Americans use iPhones
while 51 percent use Android phones.
You Can Check Your Website it is Mobile Friendly or Not
This test will analyze a URL and report if the page has a mobile-friendly design.
Learn more about the mobile-friendly criteria and how it may affect Google's search results by reading our blog post.
Learn more about the mobile-friendly criteria and how it may affect Google's search results by reading our blog post.
-
Avoid App Install Interstitials (BETA)
This page appears to have an app install interstitial that hides a significant amount of content from the user.
Learn more about our recommendations for interstitials.
-
Learn more about mobile-friendly pages
If you're interested in learning more about mobile sites, check out our Webmaster's Mobile Guide or the Principles of Site Design on Web Fundamentals.
-
Make this page mobile-friendly
Pick the option that describes how you created this site:
-
Do you use Google Search Console?
See how many of your pages are mobile-friendly by signing into your Search Console account.
-
Give feedback
Encountered an issue with the test? Comments or questions about the results? Post to our discussion group.
▪ Tablet and Smartphone users, 88 percent use Smartphone’s for online actions. Tablet users commonly browse and research products while Smartphone users naturally buy products on the go. However, 62 percent of iPad and 56 percent of Android Tablet users spent an average of $250 on consumer products in 2012. This predicts a rising trend in mobile shopping on tablets in the future years.
Step #1: Create a Mobile Subdomain
It is important from an SEO point of
view to create a mobile subdomain using your presented website’s domain rather
than using a separate one. The link juice earned on your major site is
maintained on your mobile site too.
Check with your hosting contributor as
some give free subdomains with your hosting package. To create a subdomain one
needs to create a CNAME. There are different ways of creating a CNAME record,
depending on the DNS provider which is illustrated here.
Your mobile URL must be mobile.yourwebsite.com
or m.yourwebsite.com.
Step #2: Add Content to Your Mobile
Subdomain
Using an FTP software or with the help
of your web developer, move the contents of your original site to your mobile
subdomain.
Take away all the XHTML and JavaScript
coding as some mobile browsers may only sustain standard HTML.
Remove any flash files on the website as
iPhone does not support flash.
Step #3: Detecting the Mobile customer
Your website must understand whether a
user is on a mobile device or not and serve the appropriate version of the
website.
The following are various methods to
detect a mobile user:
▪ Detectmobilebrowsers.com gives an
extensive list of mobile browser detection scripts. You can download a script
of your option from an array of options, such as Apache, PHP, ASP.NET, and
JavaScript and so on. The only thing you need to change in the script is the
redirect URL.
▪ Check MIME types in your .htaccess file
that is accepted by the user’s browser. This code assists to detect mobile
device users and redirects them to the mobile version of your site.
The following is a sample code that can
be included in your .htaccess file:
 |
| Sample MIME Code |
▪ a mobile user be able to detect with
the help of JavaScript. This method is execute by detecting the screen width
since mobile screens are not wider than 800 pixels, so users can easily be
redirected to the mobile version of the site.
The following is the sample code that
needs to be included on each of your web pages:
 |
Sample JavaScript Code
|
▪ if your site is on WordPress, you can
use built-in features with a variety of WordPress plugins for mobile sites that
help detect mobile users, such as, WPTouch and WordPress Mobile Pack.
▪ If your site is on Drupal, use
built-in features in the Drupal plugin for mobiles to detect the mobile user.
▪ If your site is on Joomla, mobilize
your desktop site using MobileJoomla.
Step #4: Optimize Your Mobile Website
The graphics and content on the main
website need to be minimized in the mobile version for improved usability and
optimized speed.
The following are some quick steps to
optimize your mobile website:
▪ Work with a single column layout on
the mobile style sheet.
▪ enlarge whitespace. Use 'display:
none;' on elements of the site that are of least importance.
▪ decrease margins and padding.
▪ eliminate any large background images
and use 'display: none;' on any unnecessary content graphics.
▪ Increase font size and use bullet
text.
▪ Use 30–40 pixels for buttons on the
site.
▪ Use drop-down menus and opt-in or
opt-out boxes wherever feasible.
▪ to fit the font size on all screen
resolutions you must use a Meta Viewport Tag in the < head >, as shown
below:
 |
Meta Viewport Tag
|
▪ Use top aligned labels on forms reduce
the number of fields and pre-fill areas that can be detected on the phone, such
as the location via GPS. Read more about optimizing contact forms on mobile
devices here.
▪ Place your phone number importantly on
the home page and use a click-to-call functionality
▪ Place a link to the desktop version of
your website on the mobile version, as shown below:
 |
| A Prominent Link to the Main Site from the Mobile Version of the Site |
▪ Add vertical scrolling as opposed to
horizontal.
▪ Include your address/store locator on
the home page.
