{"componentChunkName":"component---src-templates-articles-index-jsx","path":"/articles/how-to-make-website-mobile-friendly/","result":{"data":{"props":{"adsense":true,"adsenseMobile":null,"byLine":"","canonical":"https://staging.business.com/articles/how-to-make-website-mobile-friendly/","content":"\n

We live in a fast-paced world where continuous technological advancements make all kinds of information easily accessible and available right at our fingertips. Furthermore, the desire for instant gratification leaves people constantly hungry for more information and more services, regardless of their location or the type of device they use.

\r\n

Granting mobile users website access on the go has become a ubiquitous priority of most businesses in the world. A seamless mobile experience is a must, and having a mobile version of a website also provides customers with much better user experience, which positively impacts brand image and sales. 

\r\n

On April 21, 2015, Google rolled out a massive update of its ranking algorithm, requiring all websites, landing pages and blogs to be fully optimized for mobile. The internet started revolving around users' needs, delivering information that was relevant and accessible without tapping or zooming in.

\r\n
\r\n

Optimizing for mobile is imperative.

\r\n

Making your website mobile friendly is important not only for avoiding being penalized by Google. There are a number of excellent reasons for opting in. 

\r\n\n

Check your website for readiness.

\r\n

Besides creating cute seasonal doodles, Google offers a number of helpful tools for companies and website owners. Namely, they provide a free report inside Google Search Console, the Mobile Usability report, to help website managers adjust to the latest mobile search algorithm requirements. 

\r\n

Alternatively, Google has another tool, the Mobile-Friendly Test, that tells you \"how easily a visitor can use your page on a mobile device.\"

\r\n

Make your site mobile friendly.

\r\n

If your website is unprepared for mobile-first indexing, it will have some serious SEO problems. No matter how stylish and awesome your landing page is, it means little if it's not optimized for mobile. So how do you convert a website so it's mobile friendly? 

\r\n

Basically, a mobile version of your site can be developed by reorganizing your desktop content elements into mobile-friendly ones. In this case, you're going to deliver a responsive web design that matches the desktop version. Additionally, you have some other options for creating a mobile-friendly site. They include: 

\r\n\n

When do users see a website as mobile friendly?

\r\n

From a viewer's perspective, a responsive website means a smooth experience. It's the same address and the same content, and it adjusts to the reader's device, providing an uninterrupted user experience. 

\r\n

Here are four additional tips for creating a mobile-friendly website and making it easily accessible: 

\r\n\n

A mobile-friendly website benefits everyone.

\r\n

It may seem like Google just loves giving website managers more work. This mobile-first indexing, however, is a change for the good, and benefits webmasters, Google users, and marketers. Updating your website will accommodate how people research information and shop and will help them find what they're looking for faster. This eliminates friction and helps increase your company's conversions and profit. It's a win-win for everyone.

\r\n
\r\n

Share this image on your website

\r\n\n
\n","docType":"article","guid":"articles_542e2417f3fd4304a02bf2f60078b7bc","lastModified":"2018-11-27T20:20:00.000Z","published":"2018-11-27T20:20:00.000Z","structuredData":null,"subtitle":"Mobile is now a leading platform. Here's how to prep your website so its mobile friendly.","template":"long_form","title":"How to Make Your Website Mobile Friendly","type":"article","author":{"avatar":null,"bio":"Alexandra Tachalova has worked in digital marketing for over six years. She is a digital marketing consultant, helping digital businesses to open new markets and boost sales. Alexandra is a frequent speaker, and founder of online digital marketing event DigitalOlympus.net.","name":"Alexandra Tachalova","image":null,"slug":null,"social":{"facebook":"","linkedin":"","twitter":"https://twitter.com/alextachalova","website":"http://digitalolympus.net"},"status":"enabled","title":null,"type":"New BDC Member","user":{"imagePath":"https://staging.business.com/images/uploads/user/profile/6eed524db9bb824c18262d48d05d122931f38.jpg","profile":{"company":"Digital Olympus","jobTitle":"Co-founder","website":"http://digitalolympus.net"}}},"breadcrumbs":null,"channels":{"primary":{"name":"Marketing","slug":"marketing"},"sub":{"name":"Marketing Solutions","slug":"marketing-solutions"}},"meta":{"robots":"index, follow","description":"Having a mobile version of a website provides customers with a much better user experience, which positively impacts brand image and sales.","title":"How to Make Your Website Mobile Friendly - business.com"},"parsedContent":{"json":[{"component":"p","children":["We live in a fast-paced world where continuous technological advancements make all kinds of information easily accessible and available right at our fingertips. Furthermore, the desire for instant gratification leaves people constantly hungry for more information and more services, regardless of their location or the type of device they use."]},{"component":"p","children":["Granting mobile users website access on the go has become a ubiquitous priority of most businesses in the world. A seamless mobile experience is a must, and having a mobile version of a website also provides customers with much better user experience, which positively impacts brand image and sales. "]},{"component":"p","children":["On April 21, 2015, ",{"component":"a","props":{"href":"https://webmasters.googleblog.com/2015/04/rolling-out-mobile-friendly-update.html","target":"_blank","rel":"noopener external nofollow"},"children":["Google rolled out a massive update"]}," of its ranking algorithm, requiring all websites, landing pages and blogs to be fully optimized for mobile. The internet started revolving around users' needs, delivering information that was relevant and accessible without tapping or zooming in."]},{"component":"div","props":{"id":"experience-5bda1f3121b39","style":{"position":"relative","width":"auto","padding":"0 0 185%","height":"0","top":"0","left":"0","bottom":"0","right":"0","margin":"0","border":"0 none"}},"children":[{"component":"iframe","props":{"className":"ceros-experience","style":{"position":"absolute","top":"0","left":"0","bottom":"0","right":"0","margin":"0","padding":"0","border":"0 none","height":"1500px","width":"700px","minHeight":"100%","minWidth":"100%"},"src":"//view.ceros.com/gherhich/how-to-make-your-website-mobile-friendly","frameBorder":"0","scrolling":"no","allowFullScreen":""}}]},{"component":"h2","props":{"id":"optimizing-for-mobile-is-imperative"},"children":["Optimizing for mobile is imperative."]},{"component":"p","children":["Making your website mobile friendly is important not only for avoiding being penalized by Google. There are a number of excellent reasons for opting in. "]},{"component":"ul","children":[{"component":"li","children":[{"component":"em","children":["The mobile revolution is still underway"]},". Mobile is now a ",{"component":"a","props":{"href":"http://gs.statcounter.com/platform-market-share/desktop-mobile-tablet/united-states-of-america","target":"_blank","rel":"noopener external nofollow"},"children":["leading platform"]}," keeping pace with or surpassing desktop use. Google reports that \"global mobile internet usage now stands at ",{"component":"a","props":{"href":"https://www.thinkwithgoogle.com/intl/en-gb/advertising-channels/mobile/consumer-barometer-study-2017-year-mobile-majority/","target":"_blank","rel":"noopener external nofollow"},"children":["76 percent"]},".\""]},{"component":"li","children":[{"component":"em","children":["Mobile sites facilitate most online research."]}," Today's ",{"component":"a","props":{"href":"https://www.thinkwithgoogle.com/consumer-insights/app-shopping-experience/","target":"_blank","rel":"noopener external nofollow"},"children":["mobile shoppers"]}," are obsessed with research and want to dig deeper when they look for products and services. This is especially true when online shoppers are more acquainted with the mobile site, or if they need to go directly to the source."]},{"component":"li","children":[{"component":"em","children":["Mobile sites can either build or break your brand. "]},"This is another interesting insight ",{"component":"a","props":{"href":"https://www.thinkwithgoogle.com/consumer-insights/app-shopping-experience/","target":"_blank","rel":"noopener external nofollow"},"children":["backed up by Google data"]},". Brand credibility is at stake when it comes to mobile site expectations. If it takes too long to load your mobile site, you may have just lost a potential customer."]}]},{"component":"h2","props":{"id":"check-your-website-for-readiness"},"children":["Check your website for readiness."]},{"component":"p","children":["Besides creating ",{"component":"a","props":{"href":"https://www.google.com/doodles/googles-20th-birthday-us","target":"_blank","rel":"noopener external nofollow"},"children":["cute seasonal doodles"]},", Google offers a number of helpful tools for companies and website owners. Namely, they provide a free report inside Google Search Console, the ",{"component":"a","props":{"href":"https://support.google.com/webmasters/answer/9063469?hl=en","target":"_blank","rel":"noopener external nofollow"},"children":["Mobile Usability"]}," report, to help website managers adjust to the latest mobile search algorithm requirements. "]},{"component":"p","children":["Alternatively, Google has ",{"component":"a","props":{"href":"https://search.google.com/test/mobile-friendly","target":"_blank","rel":"noopener external nofollow"},"children":["another tool"]},", the Mobile-Friendly Test, that tells you \"how easily a visitor can use your page on a mobile device.\""]},{"component":"h2","props":{"id":"make-your-site-mobile-friendly"},"children":["Make your site mobile friendly."]},{"component":"p","children":["If your website is unprepared for mobile-first indexing, it will have some serious SEO problems. No matter how stylish and awesome your landing page is, it means little if it's not optimized for mobile. So how do you convert a website so it's mobile friendly? "]},{"component":"p","children":["Basically, a mobile version of your site can be developed by reorganizing your desktop content elements into mobile-friendly ones. In this case, you're going to deliver a responsive web design that matches the desktop version. Additionally, you have some other options for creating a mobile-friendly site. They include: "]},{"component":"ul","children":[{"component":"li","children":[{"component":"em","children":["Canonical AMP."]}," All your site's pages are created in AMP HTML, and the mobile version is the same as the desktop site."]},{"component":"li","children":[{"component":"em","children":["Separate URLs"]},{"component":"i","children":["."]}," Each desktop URL has a sister URL, an m-dot site that serves mobile-optimized content. Since Google prefers the mobile URL for indexing, ",{"component":"a","props":{"href":"https://developers.google.com/search/mobile-sites/mobile-first-indexing#best-practices","target":"_blank","rel":"noopener external nofollow"},"children":["follow these instructions"]}," to get ready."]},{"component":"li","children":[{"component":"em","children":["Dynamic serving."]}," This approach keeps the same URL but changes the HTML. It employs user-agents to detect what kind of device is being used and dynamically switches the appropriate view."]},{"component":"li","children":[{"component":"em","children":["AMP and non-AMP."]}," With this approach, a user sees two different URLs. Google favors the mobile version of the non-AMP URL for indexing. If your non-AMP mobile version uses dynamic serving or separate URLs, study these ",{"component":"a","props":{"href":"https://developers.google.com/search/mobile-sites/mobile-first-indexing#best-practices","target":"_blank","rel":"noopener external nofollow"},"children":["best practices"]}," to fix it."]},{"component":"li","children":[{"component":"em","children":["Desktop only."]}," If your site only has a desktop version, there aren't going to be any changes. The mobile version will mirror the desktop version.   "]},{"component":"li","children":[{"component":"em","children":["Responsive web design."]}," This is the ",{"component":"a","props":{"href":"https://developers.google.com/search/mobile-sites/mobile-seo/","target":"_blank","rel":"noopener external nofollow"},"children":["most recommended website design"]}," method because it doesn't create two copies of one site – there's just one website. Online visitors only see one URL, and the website adapts as the user transitions between devices and screen sizes."]}]},{"component":"h2","props":{"id":"when-do-users-see-a-website-as-mobile-friendly"},"children":["When do users see a website as mobile friendly?"]},{"component":"p","children":["From a viewer's perspective, a responsive website means a ",{"component":"Link","props":{"href":"https://www.business.com/categories/web-hosting/","target":"_blank","rel":"noopener external"},"children":["smooth experience"]},". It's the same address and the same content, and it adjusts to the reader's device, providing an uninterrupted user experience. "]},{"component":"p","children":["Here are four additional tips for creating a mobile-friendly website and making it easily accessible: "]},{"component":"ul","children":[{"component":"li","children":["Add a clickable phone number so the consumer can quickly initiate a call right from the website page."]},{"component":"li","children":["If applicable, include a map to your office or store that can be opened in the consumer's preferred app."]},{"component":"li","children":["Use easy-to-click buttons and text. Ease your customers' anxiety by using legible text and big buttons that will improve overall user experience and increase conversions."]},{"component":"li","children":["Offer an option of using a keypad, not the full keyboard, when asking your users to fill out number fields on mobile forms. This will help your visitors save time and check out faster, without giving it a second thought."]}]},{"component":"h2","props":{"id":"a-mobile-friendly-website-benefits-everyone"},"children":["A mobile-friendly website benefits everyone."]},{"component":"p","children":["It may seem like Google just loves giving website managers more work. This mobile-first indexing, however, is a change for the good, and benefits webmasters, Google users, and marketers. Updating your website will accommodate how people research information and shop and will help them find what they're looking for faster. This eliminates friction and helps increase your company's conversions and profit. It's a win-win for everyone."]},{"component":"div","children":[{"component":"h4","children":["Share this image on your website"]},{"component":"textarea","props":{"style":{"width":"100%"},"cols":"60","rows":"4"}}]}]},"resource":null,"sponsorship":null,"thumbnail":{"path":"https://staging.business.com/images/content/5db/f1b879c658a00188b457e/1500-0-","caption":"Rawpixel/Getty","isBlurred":false},"bestPicks":null},"related":{"relatedArticles":[{"title":"Using Lean Strategies to Achieve Team Synergy and Efficiency","canonical":"https://www.business.com/articles/lean-strategies-team-efficiency/","slug":"lean-strategies-team-efficiency","thumbnail":"https://www.business.com/images/content/5be/480e49c658a51108b458c/1500-0-","dek":"Learn more about lean manufacturing strategies and how to implement them in your business.","lastModified":"2018-11-08T08:00:00Z","published":"2018-11-08T08:00:00Z","sponsored":false},{"title":"PowerShell: Everything You Need to Know","canonical":"https://staging.business.com/articles/powershell-everything-you-need-to-know/","slug":"powershell-everything-you-need-to-know","thumbnail":"https://staging.business.com/images/content/5b8/998581039eb8f738b457b/1500-0-","dek":"What you need to know to unlock Microsoft PowerShell's full capabilities.","lastModified":"2021-06-18T17:32:00Z","published":"2018-09-05T17:00:00Z","sponsored":false},{"title":"The 5 Most Common Mistakes SMBs Make When Designing Their New Website","canonical":"https://www.business.com/articles/smb-new-website-mistakes/","slug":"smb-new-website-mistakes","thumbnail":"https://www.business.com/images/content/5bb/527c551ee478f748b4584/1500-0-","dek":"Portray the right image for your small business following these crucial web design tips.","lastModified":"2018-10-03T07:00:00Z","published":"2018-10-03T07:00:00Z","sponsored":false},{"title":"Your Guide to Creating a Small Business Marketing Plan","canonical":"https://www.business.com/articles/sample-marketing-plan-outline-and-template/","slug":"sample-marketing-plan-outline-and-template","thumbnail":"https://www.business.com/images/content/5f3/3e1765a215eb62d8b4567/1500-0-","dek":"Follow these templates and guidelines to get started on creating your business's marketing plan.","lastModified":"2020-08-12T12:28:00Z","published":"2018-03-02T13:00:00Z","sponsored":false},{"title":"Mobile Wallet Guide: Google Pay vs. Apple Pay vs. Samsung Pay","canonical":"https://www.business.com/articles/google-pay-vs-apple-pay-vs-samsung-pay/","slug":"google-pay-vs-apple-pay-vs-samsung-pay","thumbnail":"https://www.business.com/images/content/5c5/e0a269c658a457c8b4591/1500-0-","dek":"You no longer need to carry a bulky wallet filled with numerous credit cards or cash.","lastModified":"2020-09-09T14:45:00Z","published":"2018-06-21T16:05:00Z","sponsored":false},{"title":"Choosing the Best Online Reputation Management Service","canonical":"https://www.business.com/articles/choosing-online-reputation-management/","slug":"choosing-online-reputation-management","thumbnail":"https://www.business.com/images/content/5f6/e4ae15a215e60358b4567/1500-0-","dek":"Is your business's reputation failing? Here's how to choose the best online reputation management service to save your brand.","lastModified":"2020-09-28T11:35:00Z","published":"2017-08-02T07:00:00Z","sponsored":false},{"title":"Have a WordPress Site? Optimize It.","canonical":"https://www.business.com/articles/have-a-wordpress-site-optimize-it/","slug":"have-a-wordpress-site-optimize-it","thumbnail":"https://www.business.com/images/content/5db/f1c7b5a215ed94f8b4574/1500-0-","dek":"Here's how to get the most out of your WordPress site and compete with large retailers.","lastModified":"2018-10-24T07:00:00Z","published":"2018-10-24T07:00:00Z","sponsored":false},{"title":"From COVID-19 to Hurricane Season: Disaster Preparedness for Small Business","canonical":"https://www.business.com/articles/business-disaster-prep/","slug":"business-disaster-prep","thumbnail":"https://www.business.com/images/content/603/ce90e5a215e5c208b4567/1500-0-","dek":"Natural disasters – whether a hurricane, tornado, or outbreak like COVID-19 – can have a disastrous effect on small businesses, but they don't have to. Here's how to weather a disaster successfully.","lastModified":"2021-03-09T22:20:00Z","published":"2018-09-26T07:00:00Z","sponsored":false},{"title":"Because Every Penny Counts: The Ultimate Free Tech Toolbox for Startups","canonical":"https://www.business.com/articles/ultimate-free-tech-toolbox-for-startups/","slug":"ultimate-free-tech-toolbox-for-startups","thumbnail":"https://www.business.com/images/content/59f/a346a51ee4783668b459e/1500-0-","dek":"Here are 19 free or low-cost apps and services that can give your startup a boost.","lastModified":"2017-11-01T22:01:00Z","published":"2017-11-01T22:01:00Z","sponsored":false},{"title":"How to Make Money in Retirement: A Guide to Turning a Hobby into a Side Business","canonical":"https://www.business.com/articles/how-make-money-retirement-hobby/","slug":"how-make-money-retirement-hobby","thumbnail":"https://www.business.com/images/content/603/569fd7b437446748b4568/1500-0-","dek":"Many retirees turn side interests into income. Learn how to make money in retirement.","lastModified":"2021-03-09T22:00:00Z","published":"2018-09-24T15:03:00Z","sponsored":false},{"title":"SMS Marketing vs. Mobile Marketing: Where, When and How to Use Them","canonical":"https://www.business.com/articles/sms-vs-mobile-marketing/","slug":"sms-vs-mobile-marketing","thumbnail":"https://www.business.com/images/content/5f2/ab70f5a215e0f518b4567/1500-0-","dek":"Both SMS marketing and mobile marketing are critical to your overall marketing strategy. Learn how and when to use each form.","lastModified":"2020-08-06T14:25:00Z","published":"2017-12-11T08:00:00Z","sponsored":false},{"title":"How to Create Content That Actually Increases Organic Traffic","canonical":"https://www.business.com/articles/content-that-increases-organic-traffic/","slug":"content-that-increases-organic-traffic","thumbnail":"https://www.business.com/images/content/5a1/5c20c1039eb0b348b456c/1500-0-","dek":"When you offer genuinely valuable content for your audience, your site will benefit too.","lastModified":"2017-11-22T08:00:00Z","published":"2017-11-22T08:00:00Z","sponsored":false}],"relatedReviews":[],"relatedSponsoredArticles":null}},"pageContext":{"displayModified":"2018-11-27T20:20:00.000Z","template":"long_form","title":"How to Make Your Website Mobile Friendly","meta":{"robots":"index, follow"},"docType":"articles","slug":"how-to-make-website-mobile-friendly","canonical":"https://staging.business.com/articles/how-to-make-website-mobile-friendly/","skipTOC":true}},"staticQueryHashes":[]}