…we can simply strip out what doesn’t work on mobile, simplify the information, and create a custom design that will render fast and be easy to use for someone on mobile phone or tablet. Once your main web site is updated, the exact information is presented on your mobile friendly web site but in an easier way for mobile users to see and navigate through.
Basic principles of mobile website design
- Website becomes one column layout
- Text/font size is increased
- Images are dynamically re-sized to never stretch wider than the phone screen resolution
- Elements like fixed sections which may work for desktop users, are made to scroll for mobile users providing a better overall experience
- Web forms are HTML5 meaning they are mobile friendly, enquiries can be sent through via web form in the same way as a desktop user
Tablets are increasing in resolution so fast that most web sites look absolutely fine on tablet, but the same cannot be said for smart-phone devices which operate at an average resolution of 750×1334px, ie. very small! Given the small size of the screen on top of that, links can be difficult to click on, text can be difficult to see if too small etc, so it’s very easy to rectify this situation and present a mobile version of your web site for users.
Google recommends responsive web design!
Just read here Google’s recommendations for mobile web design.
Google also are ranking responsive web sites differently on mobile results, see below for more info, we do know that mobile friendly web sites are ranking higher in search results. Coding to Google’s recommended standards will always be good for the overall health of your site!
1. Responsive web design: Serves the same HTML code on the same URL regardless of the users’ device (desktop, tablet, mobile, non-visual browser), but can render the display differently (i.e., “respond”) based on the screen size. Responsive design is Google’s recommended design pattern.
Google mobile first index
Our websites are fully suitable for Google mobile first indexing. This is arguably the most important algorithmic change and shift in user habits in years when it comes to search engine optimisation. It’s never been more important to have a responsive website that performs just as well on mobile as it does on desktop.
Mobile-first indexing means Google will predominantly use the mobile version of the content for indexing and ranking. Historically, the index primarily used the desktop version of a page’s content when evaluating the relevance of a page to a user’s query. Since the majority of users now access Google via a mobile device, the index will primarily use the mobile version of a page’s content going forward. We aren’t creating a separate mobile-first index. We continue to use only one index.
With mobile-first indexing, Googlebot primarily crawls and indexes pages with the smartphone agent. We will continue to show the URL that is the most appropriate to users (whether it’s a desktop or mobile URL) in Search results.
Read more about google’s mobile first indexing change at https://developers.google.com/search/mobile-sites/mobile-first-indexing
Mobile Website Cork
Check out our most recent mobile website project for a local Cork company, www.hartigankitchens.com and you can see the mobile version of this site on your smartphone.
Contact Hilary for prices on responsive mobile web design