1. RWD (Responsive Web Design) an approach aimed at crafting sites to provide an optimal
viewing experience—easy reading and navigation with a minimum of resizing, panning, and
scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).
A site designed with RWD adapts the layout to the viewing environment by using fluid,
proportion-based grids, flexible images, and media queries. This approach is essentially to
address the ever-changing landscape of devices, browsers, screen sizes and orientations by
creating flexible, fluid and adaptive Web sites. Instead of responding to today’s needs for a
desktop Web version adapted to the most common screen resolution, along with a particular
mobile version (often specific to a single mobile device), the idea is to approach the issue the
other way around: use flexible and fluid layouts that adapt to almost any screen.
Core Concepts
Three key technical features are the heart of RWD:
Media queries and media query listeners
A flexible grid-based layout that uses relative sizing
Flexible images and media, through dynamic resizing or CSS
Truly RWD requires all three features to be implemented.
The key point is adapting to the user’s needs and device capabilities. Suppose a mobile user will
be viewing your site on a small screen. Taking the user’s needs into account doesn’t just mean
adapting your content to the screen size. It also means thinking about what that mobile user
will require first when visiting your site and then laying out the content accordingly. Maybe
you’ll present the information in a different order. Don’t assume the user won’t need access to
all the site information because she’s on a mobile device. You might need to change the fonts
or interaction areas to respond better to a touch environment. All these factors influence
responsive Web design.
While mobile devices are changing the display landscape, with the appearance of more and
more small screens, don’t forget what’s happening at the other end of the spectrum. Displays
are also getting larger and larger. Having to serve both segments shouldn’t stop designers from
being innovative on either.
Why responsive design is good for SEO
So now you know that responsive design is a clever idea that, with the right set up, will cut
down on web maintenance and content creation. But how does that help SEO?
Usability
Google wants to send visitors to the sites that they want to see. When searchers navigate to
your site and immediately return to search engine results pages, Google makes a note that your
site might not be the best choice for that search term.
If you have a mobile site that has less content or looks significantly different than your regular
site, you’ll frustrate return visitors who are looking for something they found on the desktop
2. version. If you don’t have a mobile site at all, more than 60% of the visitors will return to
Google to find a site that is easily readable. Either way, your bounce rate will rise and your
rankings will drop. With a responsive web design, visitors will get all the content they want, in a
format they can read.
Duplicate content
Don’t worry a mobile site with the same content as the main site won’t be hit by Panda. But
you’ll still have the same content on two places on the web, which is bothersome for you and
could bring visitors to the wrong version of your site. A responsively-designed website means
that content is only in one place on the Internet.
Ranking for mobile searches
Google has said that it ranks sites optimized for mobile higher in mobile searches. Google
recommends responsive web design, meaning your responsive designed site will rank as well on
mobile search as a site designed specifically for mobile. That’s especially useful for...
Link building
With a responsive web design, a link to your main site is a link to your mobile site as well.
Mobile sites are still new, so your competition in mobile search is going to have significantly
fewer back links. A responsively-designed website will have the back links of your original site,
even while competing for mobile visitors. It’ll give you an instant edge over there. And, as
mobile usage rises and webmasters start linking to mobile sites, your back links from both
mobile and desktop sites will combine for a stronger back link profile.
Here at Search Results, we focus on creating an optimal responsive design to cater the needs of
the end client and of course, strong emphasis is paid on the user experience as well. Here are
few of the sites with RWD; designed & developed by Search Results.
www.agprocompanies.com
www.agprospecials.com
www.ticket-es.com
www.eyecare-ooglaseren.nl
www.slatterycpa.com
www.litvinlaw.com
www.certifiedpriorityrestoration.com
www.holistixbythesea.com