![\"stonetemple](\"https:\/\/assets.hongkiat.com\/uploads\/mobilegeddon\/stonetemple-results.jpg\")
<\/figure>\nOthers companies with business interests in the search engine fields like Adobe, Searchmetrics<\/a> and s360 Consulting<\/a> also conducted analyses that returned quite similar results.<\/p>\n Google execs already anticipated the significance of the update well before its launch in March 2015 when they claimed<\/a> at the SMX Munich Search Marketing Conference<\/em> that the upcoming mobile-friendly algorithm would impact more sites than their Panda<\/a> and Penguin<\/a> algorithms did<\/strong>. Although there are still debates about whether the new change was as significant as Panda or Penguin, looking back, Google\u2019s anticipations proved to be right.<\/p>\n Mobile-friendliness is not only important because of good search engine rankings. A good position increases the number of your visitors and therefore your conversion rate and revenue for sure, but is there anything more in it that can hold the interest of a smart designer?<\/p>\n Behind all of the perks listed above, mobile-friendliness significantly improves user experience<\/strong> too. The concept of a better UX is also at the heart of the mobile-first design principle.<\/p>\n When designers design first for the mobile screen and the desktop comes only after that, they need to prioritize content<\/strong>, omit superfluous fluff<\/strong>, and focus on the core functionality<\/strong>. This approach results in a better UX not only for mobile users, but also the desktop version, which will be better structured and easier-to-use.<\/p>\n If search engine ranking tables don\u2019t inspire your creativity, take the following approach instead. Behind Google\u2019s new mobile-friendly update, there\u2019s a strong endeavor to improve the user experience of the web, so as a designer you don\u2019t have to focus on anything else than creating an amazing one<\/strong>.<\/p>\n There\u2019s a simple rule of thumb to follow if, entangled in boring SEO reports, you happen to lose your motivation is that everything that improves UX improves SEO too<\/strong>. If you want to be an SEO-wise designer, the best you can do is to become a designer who creates webpages with a UX that rocks.<\/p>\n To achieve that rocking UX, first, you need to test the mobile-friendliness of your sites. You can easily assess how well your sites meet the new requirement by running Google\u2019s Mobile-Friendly Test<\/a>.<\/p>\n If you want a more detailed analysis you can check if there\u2019s any mobile usability errors<\/strong> on your site with the help of Google\u2019s Mobile Usability Report<\/a>. To use this handy tool, you need to log in to your Google Webmasters account (you can easily create one here<\/a> if you don\u2019t have one yet).<\/p>\n It\u2019s important to check all the site variants you have added<\/strong> to your Google Webmasters account as there can be minor differences between them: if you added your site with and without the www subdomain, or with and without the HTTPS protocol you will need to check both.<\/p>\n There are a few things you can do to create a mobile-friendly site:<\/p>\n Responsive design<\/a> is the most handy solution if you want fast results. It\u2019s especially convenient for those of you who use content management systems like WordPress, Drupal, Joomla, etc. All you have to do is to find and install a responsive site template<\/strong>.<\/p>\n Responsive sites dynamically adapt (respond) to the viewports of different devices<\/a> such as mobile phones, tablets, notebooks, desktop monitors, etc. Responsive design serves the same HTML<\/strong> to all devices, and adds different style rules to the CSS<\/strong> file(s) to determine the appropriate layout<\/a> that changes according to the size of the screen and the orientation of the device.<\/p>\n There are many cases when you can\u2019t afford a completely new site design, which can also happen when you work for a stubborn client<\/a>. When you find yourself in a situation like that, a secondary mobile design can be a good solution<\/strong>.<\/p>\n Secondary mobile themes are the alternative of responsive design. In this case your website will have two versions: one for desktop, one for mobile users. This solution also means having separate URLs for the desktop and the mobile versions<\/strong> such as www.anything.com<\/em> and m.anything.com<\/em>.<\/p>\n If you have a WordPress site, there are some cool plugins out there that detect if the user comes from a mobile browser <\/strong>and if yes they load a secondary mobile theme<\/strong>. If you are interested in this solution it\u2019s worth to take a look at and try any of the Any Mobile Theme Switcher<\/a>, WP Mobile Edition<\/a>, or WPtouch Mobile<\/a> plugins.<\/p>\n Do you known that if your mobile visitors have your Android app installed on their phones, and they enter a search query into the Google Search bar, the search engine also gives them results from the contents of your app?<\/p>\n To enable this feature, you need to make your app indexable<\/strong> by adding support for App Indexing<\/strong>. By doing this you can increase your site\u2019s mobile search engine ranking. Read Google\u2019s guide on how to set up App Indexing<\/a>. If you don\u2019t yet have an Android app, maybe it\u2019s the right time to think about creating one.<\/p>\n On mobile, people consume content differently<\/a>. They usually have less time, and on smaller screens, it\u2019s harder to scan through the content<\/strong>. Because of this, typography and spacing matters even more than elsewhere.<\/p>\n If you want to keep your visitors on your mobile screen with an engaging content it\u2019s worth to think about writing shorter headlines and shorter paragraphs, and using more sub-headlines<\/strong>. It\u2019s also a good idea to leave more space between links so that users can easily tap them<\/strong>.<\/p>\n Finally, don\u2019t forget about the most important thing: choose legible fonts<\/strong>. If you keep typefaces simple you can hardly go wrong. Choosing the right font size also needs some serious consideration: the general rule of thumb is to use 30-40 characters per line for mobile<\/strong>.<\/p>\n If you want to see a good example for that take a look at the design of The Washington Post\u2019s apps and website for mobile<\/a>.<\/p>\n![\"Searchmetrics](\"https:\/\/assets.hongkiat.com\/uploads\/mobilegeddon\/searchmetrics-results.jpg\")
<\/figure>\nThe Smart Designer\u2019s Point of View<\/h3>\n
![\"Mobile](\"https:\/\/assets.hongkiat.com\/uploads\/mobilegeddon\/mobile-first.jpg\")
<\/figure>\nTest Your Sites<\/h3>\n
![\"Google's](\"https:\/\/assets.hongkiat.com\/uploads\/mobilegeddon\/hk-mobile-friendly.jpg\")
<\/figure>\nDesign Tips For A Mobile-Friendly Site<\/h2>\n
1. Make Your Site Responsive<\/h3>\n
2. Use A Secondary Mobile Theme<\/h3>\n
3. Make Your Android App Indexable<\/h3>\n
4. Know How To Design For Mobile<\/h3>\n
![\"Washington](\"https:\/\/assets.hongkiat.com\/uploads\/mobilegeddon\/washingtonpost.jpg\")
<\/figure>\n
\n\t\t\t\t\tRead Also:<\/strong>\u00a0\n\t\t\t\t\t50 Portmanteaus Words You Don't Know<\/a>\n\t\t\t\t<\/p>\n A site can be called mobile-friendly if its content displays well on handheld devices<\/strong>. By introducing it as a new priority in search engine rankings, Google adapts to the latest trend that shows more and more people use mobile as their primary device to access the internet.<\/p>\n Google recently confirmed officially<\/a> that, more Google searches take place on mobile devices than on computers in 10 countries, including the US and Japan.<\/p>\n A few days after the change, articles<\/a> all over the Internet popped up claiming Mobilegeddon wasn\u2019t such a big thing after all. However, a smart algorithm needs time to take effect, which is why four months down the road, we can now see how big a deal Google\u2019s Mobilegeddon really is<\/a>.<\/p>\nThe Effects of the New Algorithm<\/h3>\n