Creating a Mobile Friendly or Responsive Google Site

About Mobile and Responsive Web Design in Google Sites
Google has produced a Mobile Friendly Test where Google will Analyze your site and determine if it is "mobile friendly" or not. This is somewhat subjective in the age now of Phablets (tablet sized phones) and ever increasing screen sizes (think iPhone 6 plus).

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

Two Approaches
1. Design for Google Sites Automatic Mobile Adjustment (located in Settings > General > Adjust Site for Mobile)
Example: http://www.sitestemplate.net/business-templates (see Mobile Ready Material Design template)

The only way for a Google Site to "pass" the Mobile Friendly test is with this approach. However, the test does not care about how things actually look on your site. All it notices to whether you have the "Automatically adjust" setting on. Be Careful! Sometimes this can make your site look much worse on a mobile phone.

2. Design for scaling to a smaller screen size.
Example: www.kirksvillewebdesign.com

Sometimes you are better off using big clear text, images and buttons. The Site will scale to the device and maintain the full website look & feel. I've been to websites where I hate their mobile site and just want to view the real deal.

Buy a Theme
We made a new Google Sites template based on Google's Material Design. It is available here for purchase:

http://www.sitestemplate.net/business-templates




Comments

Popular posts from this blog

Tip - Using Social Media Buttons

RSS Feed for Google Sites!

Google Sites Tutorial - Background and Favicon Design