Search Engine Optimization, or SEO, is the hot buzz word in today's digital marketing world. It is the process that affects how well a website does on a search engine's unpaid results, aka organic results. Adding to the mix, marketers must now decide between having a responsive or a separate mobile site design. As of April 21, 2015, Google's mobile-friendly (ranking signal) algorithm update may affect your search traffic from mobile devices, if your site is not mobile-friendly. At Webilize (Portfolio and Testimonials), we design and develop Responsive and Mobile Websites.
What are the Differences?
- Mobile-dedicated sites: Designed for mobile phones only. They have different URLs, i.e. m.yourwebsite.com or mobile.yourwebsite.com.
- Web Apps: Mobile-dedicated websites that look and feel like Apps.
- Responsive-designed websites: Websites designed for different devices with varying screen sizes, and since they are optimized, they adjust automatically to the available screen size, i.e. desktop, tablet, or phone.
- Full (desktop) websites: Designed for the desktop PC, but not optimized for mobile.
Advantages and Disadvantages
- Advantages: Since you only have to deal with one site, it's much easier to maintain. Google says having a responsive website is essential. Easier for analytics with only one set of analytics for both mobile and desktop statistics. Cheaper and more comfortable to operate option.
- Disadvantages: If your website not appropriately managed, page load times could take a hit because responsive designs can increase page sizes. If your site is extensive and complex, it can be challenging to make it a fast and functional design.
- Advantages: You have the most control of your mobile site since it does not have to adapt to desktop sizes; Only need to serve resources for small screens.
- Disadvantages: Since the mobile site hosted on a subdomain, you'll need to detect the user's device to route to your website. Maintenance costs are higher since you have to maintain two separate sites, and may have to cater your content to two different users.
Below are three resources that you can use to verify that your site is mobile-friendly:
- Google's Mobile-Friendly Test: Simply copy & paste your website URL and submit. Google will conduct a quick analysis and will identify pages that have issues with mobile-friendliness as well as outline the next steps to address the problems. Similar services outside of Google includes SEO Spider Tool.
- Optimize Page Speed and Load: Load speed time is another critical factor in mobile-optimization. This Google first pick provides an in-depth diagnosis and actionable advice and specific code snippets for load issues of your mobile site. Again, simply copy & paste your website URL, and it will provide you with yield scores for Page Speed and User Experience. Other similar services include GTmetrix, mobiReady, dynaTrace, and W3C mobileOK Checker.
- Verify on Multiple Device Platforms: How your website loads on different devices is extremely important to your visitor's User Experience (UX). Copy & paste your website URL onto the search of Matt Kersley's Responsive Web Design Testing Tool. You'll be able to see how your website appears on the standard screen widths and device sizes. Other non-Google services include MobileTest.me and Mobile Phone Emulator.
These tools, although not exhaustive, can serve as excellent resources to help you fine-tune your website, and earn the coveted mobile-friendly label with Google.
Need help creating your own Responsive Website? Get in touch! https://www.webilize.com/Contact
Other articles you might be interested in
Microsoft's .NET Is Going Open Source!