First Draft™ Fiction and Non-Fiction Content Generator

 MILLIONS of unique articles and stories inside!  Eliminate writer's block with First Draft, a contextual, content generation text editor with over 5,000 sentence prompts and over 15,000 common phrases. First Draft is appropriate for online freelance writers, content providers, bloggers, and everyone else who struggles with a sudden loss of words. The software generates comprehensible articles and stories in mere seconds with keyword support, template editing, an automated spelling and grammar corrector, a word requirements - pricing - and earnings meter, and more.
Home > Blog

Get Mobile-Ready in 10 minutes or Less
Tuesday, April 21, 2015

Not Mobile-Ready? Here's a temporary fix that will pass Google's mobile test no matter how small or large your website is. Use it until you can enable a proper mobile solution.

 
1. Open the index.html or default.html page in your server's root directory.

2. Add the following between the <head></head> tags. (Replace YOUR-WEBSITE.com with your domain name first!) This tag tells Google's mobile bot that there's a mobile section of your website (even though you haven't created it just yet).

<link rel="alternate" media="only screen and (max-width: 640px)"  href="http://www.YOUR-WEBSITE.com/mobile/index.html">

3. Add this javascript code between the <head></head> tags as well. It redirects mobile users to your mobile site (which again, you haven't created just yet).

<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "/mobile/index.html";
}
//-->
</script>

4. Save the file and then create a new folder on your server's root directory. Name the new folder,  "mobile".

5. Open the following link in your browser. (Replace YOUR-WEBSITE.com with your domain name first.) This link will display a mobile version of your homepage courtesy of Google's mobile search tool.

http://www.google.com/gwt/x?noimg=1&wsc=pa&u=http://www.YOUR-WEBSITE.com 

6. Save the resulting page (a mobile representation of your site's home page) to your hard drive as "index.html" and then open it in a plain text editor.

7. Add the following between the <head></head> tags. (Again, replace YOUR-WEBSITE.com with your domain name first.) The first tag tells Google that your home page is where your non-mobile content resides. The second tag tells Google that the current mobile page is responsive.

  <link rel="canonical" href="http://www.YOUR-WEBSITE.com/index.html" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

8. Search for and replace every instance of  "<a href='/gwt/x?" with "<a href='http://www.google.com/gwt/x?". If you fail to do that, Google won't be able to follow your site's links.

9. Save the index.html page that you just edited and upload it to the "mobile" directory that you created a few minutes ago.

10. Run your website through Google's mobile tester here:

https://www.google.com/webmasters/tools/mobile-friendly

Success!

Labels:

Newer›  ‹Older