Responsive Site Design How Do You Look On Mobile?
We are seeing a growing trend where site visits on mobile are higher than on desktop. In the past we would create 2 versions of the site one for the desktop and one for mobile. With the introduction of tablets and tons of new internet accessible technologies, we’ve been faced with designing for more monitor resolutions and devices than ever before.
What is a responsive site?
Responsive websites are built on a flexible, fluid grid that adapts to the browser or device that is rendering the website. Our site is responsive, to see how it changes, narrow your browser window and you will see how the content adjusts. This allows a user to see all the content and access any page.
One of the most appealing aspects of responsive web design is that a responsive website can provide a great user-experience across many devices and screen sizes. This is an important characteristic, since it is impossible to anticipate all the devices and screen sizes searchers will use to access your site. A site that works well regardless of these variables will provide a better and more consistent user-experience than a separate mobile site that is designed for a specific device and screen size.
Let’s take the following example. Someone searches for a product on their smartphone during a lunch break at work. They find a site that has the product they’re looking for, and decide to continue researching this product on the same site when they get home. Except, when they get home, they will use their desktop instead of their smartphone.
If the site in this example is responsive, this person will have a positive user-experience when transitioning from mobile to desktop because they will view the same site on their desktop as they did on their smartphone. On the other hand, if the site is a dedicated mobile site, this person will become frustrated with the fact that they have to locate the desktop version of the site, and find the product all over again.
Easier to Manage
Having a separate desktop and mobile site requires having separate SEO campaigns. Managing one site and one SEO campaign is far easier than managing two sites and two SEO campaigns. This is a key advantage a responsive website has over a separate mobile site.
That being said, there are benefits to having a mobile-specific SEO strategy, such as optimizing for keywords that are more likely to be searched when someone is on their smartphone.For example, someone performing a mobile search for a local restaurant may be more inclined to use the word “nearby” in their search query. However, a separate mobile site is not a requirement for a mobile SEO strategy, and there's no reason why mobile-specific keywords can't be incorporated into a responsive design site as well.
Recommended by Google
When Google speaks, search marketers listen. Google states that responsive web design is its recommended mobile configuration, and even goes so far as to refer to responsive web design as the industry best practice.
This is because responsive design sites have one URL and the same HTML, regardless of device, which makes it easier and more efficient for Google to crawl, index, and organize content. Contrast this with a separate mobile site which has a different URL and different HTML than its desktop counterpart, requiring Google to crawl and index multiple versions of the same site.