If you know that people visiting your website are using mobile devices to do so, then you probably need to read this article...
They say that there is more computing power in a modern smart phone than there was in the whole of the Apollo 11 spacecraft that first landed man on the moon! And everyone is using them; devices, tablets, laptops and smart phones of all shapes and sizes. And that means that more and more people are using these devices to visit your website or look for what you are offering on search engines.
So why is it important that a website responds to the size of screen it is being viewed on?
Here are a few reasons :
How does it work?
The code that determines the colours and layout of a website can be separated out to display different layouts for desktop screens, tablets and smart phones. Usually the code (called CSS, or "cascading style sheets") contains triggers that force different layouts when a particular screen size is detected.
This can include images shrinking, text enlarging to make it easier to read, links becoming easy-to-read buttons and menus changing to drop-down lists suitable for touch screens.
What's different about a responsive site?
Responsive sites often look simpler in design, because you need all your site's elements to reduce gracefully in size as the screen gets smaller. So in general terms, out go complicated patterns in site backgrounds and complex design elements. They might look cool on a desktop screen but may not work on a smaller screen, where everything has to be clear and easy to read.
Often there will only be one set of navigation links, as the small screen version will not have space for a side column menu as well as a top level menu.
Apart from simpler design elements and navigation, there is no reason why you cannot have the same number of pages and the same content as on a full sized desktop site.