Responsive web design (RWD) is a web design 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 mobile phones to desktop computer monitors).

learn more… | top users | synonyms

0
votes
2answers
46 views

Do search engines penalise for multiple main menu markups?

I have a website where the front-end developer has added 3 times the menu in the markup, e.g.: div.menu>home+about+news+contact us" Update 1: The HTML markup is repeated 3 times <div class="...
1
vote
1answer
25 views

Google mobile friendly test is reporting “resources not loading”

The google mobile friendly test conveniently shows resources that could not be loaded...but it says nothing regarding how to go about fixing them. I know this may be a broad question, but I'm just ...
3
votes
1answer
85 views

AdSense responsive format resizable on the fly

The AdSense responsive format sizes the advertising only on load. If the user resizes the window (from large to small), the advertising is not resized (even with media queries) and keeps its initiale ...
0
votes
1answer
25 views

Rendering different HTML contents based on screen size - good idea from SEO perspective?

Is there an adverse effect of capturing screen size with JS and rendering different HTML contents via AJAX based on user's screen size, mainly from SEO perspective? I'm working on an ecommerce app ...
0
votes
1answer
20 views

AdSense ad display in media queries

I am creating a new layout for my website and I have AdSense ads there. I have read that you can have up to 3 ads on one page. I am creating responsive design now and I want to use 4 ads but 3 will ...
1
vote
0answers
41 views

Best practice with visual responsive html restructuration

I have to follow a sketch of the main webpage of a website I'm building. The main page is essentially blocks rendered as rows, but one row is divided in 4 blocks that are not of the same height (so I ...
4
votes
1answer
85 views

Google Cache: Blank Page (Responsive Design) [closed]

I've been aware of this issue for sometime but sadly not had the downtime to address, but I want to ensure that its actually a problem before wasting my time. The problem that I have is that Google's ...
4
votes
1answer
53 views

Can I remove AdSense using jQuery?

This question is not on how to remove AdSense, but if I can remove AdSense from my website using jQuery. I was reading the policies on AdSense and I'm a little confused. On the page regarding the ...
3
votes
2answers
135 views

What units to use in responsive design?

So I am really at loss which units to adopt when developing responsive layouts. Some say use viewport units. Other people say use rem. Other say use media queries and pixel ratio. So what unit is the "...
1
vote
2answers
45 views

What is the best size for massive header images on front page?

Most sites these days have wide screen images that are responsive and fit most of the screen on home page. Height seems to be at around 600 and width at 1920 However...when responsive it can shrink ...
1
vote
3answers
56 views

Definitive way to describe Responsive Web Design to a layperson?

Normally when I describe RWD to a non-web person (and bear in mind this might be a non-technical manager or a client), I'll say something like: The site will be designed in such a way that it will ...
2
votes
3answers
921 views

SEO Impact of using Responsive Design and the serving of different content on the same URL

We are currently working on redesigning our site and making it responsive. It is a search intensive site with complex functionality, a lot of search filters and a lot of content. Our mobile versions ...
1
vote
1answer
46 views

Google mobile friendly test is showing a responsive website only at a wide size

I recently had a re-think about my website and decided that if I was going to build something new I might as well go all the way and make it responsive with CSS. So I've built it and tested it out by ...
1
vote
2answers
387 views

Three responsive Adsense units in a page without breaking similar ad sizes policy

If I put three responsive ad units, will they comply with the policies? e.g. in a case where it might be possible for Google to serve 3 300x600 units for responsive ad units on page, it would only ...
1
vote
1answer
30 views

Serving a non-responsive css to ie8 and lower

We are rewritting our website to a responsive design (and maybe RESS in the future). Analytics figures impose us to support some old browsers (ie7 and ie8). We have 2 CSS: site.css: full css with ...
3
votes
2answers
157 views

Implementing mobile-only (non-responsive) ads into a responsive theme

I've just finished setting up a website for someone - it's a responsive design under WordPress. Some of the advertising on the page is responsive ad units from AdSense, but unfortunately other ad ...
1
vote
0answers
17 views

Forcing all images to be rendered before adsense ads load

I have a problem. On my mobile pages where each page consist of a large picture, I have it set with CSS so that the image fits the entire available width of the screen. I want to avoid using fixed ...
4
votes
3answers
104 views

How does google check for responsive design?

I know that google is checking for responsiveness when ranking sites and I'm wondering, how it is done.. is it looking at media queries only? I want to make a page with many absolutely positioned ...
3
votes
1answer
180 views

How does the Media Query apply to smartphone resolutions?

With the launch of new iPhone 6 Plus with a resolution of 1920x1080 px, it got me thinking how is this resolution different from the screen widths we UI developers define in our CSS in media-query ...
0
votes
0answers
52 views

If I used CSS to size an image, would google understand the new size?

Say I have this html code (replace x and y with actual numbers): <html> <head> <style> IMG {width: 100%;height: auto; max-width:xpx; max-height:ypx;} </style> &...
1
vote
1answer
104 views

Mobile Google Chrome Not Resizing Responsive Website

I am new to designing responsive websites which are done in pure PHP and CSS, and I am not using any CMS like wordpress. I am using @media screen and (max-width:....) for the responsive design only (...
2
votes
2answers
814 views

Is it acceptable to repeat the same h1 tag for desktop and mobile browsers in a responsive site?

I have a website with a page that has a video as the main content. It uses a responsive design layout that requires the <h1> tag (with the same text) to be used in two different places: one for ...
2
votes
3answers
64 views

How to let search engines know which part of page is for mobile?

Some parts inside my page (like div or section, not full page) are duplicated − content is the same, but visibility changes depending of viewport. Is there any tag which lets search engines identify ...
6
votes
1answer
311 views

Does Google penalize sites for showing a different menu for mobile compared to desktop?

I'm really concerned about a design I have been handed by a designer. It changes the menu for mobile and desktop. On mobile you can only access the main categories, that will lead to all the content ...
1
vote
1answer
852 views

Is there a single set of Media queries for all the devices? [closed]

I am using different media queries for each type of resolution, is there a better way of doing this?
11
votes
5answers
3k views

Is it OK to use jQuery for responsive web design?

I have been tasked to update a site to make it responsive and appear correctly on smart phones. Unfortunately, the site in its current form isn't very easy to work with - I can't just change the CSS. ...
0
votes
1answer
104 views

How To Remove a Slider from Responsive Design

I'm a small business owner that has (up until now) managed a successful website. However, with the pending Google Mobilegeddon, my website for some reason does not pass the Google Mobile Friendly ...
2
votes
2answers
97 views

Test if a website has responsive qualities [closed]

Within the context of a market study, I would like to determine if a website has responsiveness qualities. Given an website URL, I would give a notation regarding these points: good points: use ...
17
votes
4answers
2k views

Does Google serve different result according to responsive design?

Say a website implements responsive design in order to display a proper user interface according to the screen width of the device (smartphone, tablet, laptop...). Does Google display different ...
1
vote
1answer
28 views

Changing headers for small screens - SEO implications

I'm changing some of my pages to better display in different devices (tables, smart phones etc). I want to figure out a good way of handling headings. So far my options are hide headings for small ...
2
votes
1answer
169 views

GWT: Mobile usability issues: Resolving the “Content not sized to viewport” issue

Google Webmaster Tools (GWT) flagged this error on my client's responsive website. The errors exclusively appear on pages with large tables of data. The developers took a quick look and weren't able ...
3
votes
1answer
397 views

How to make Youtube Video responsive? [closed]

I am creating a video site and want to make video responsive. I had created a class .video { float: left; width: 90% !important; margin-top: 1%; margin-bottom: 1%; margin-right: 5%...
0
votes
2answers
60 views

mobile site or responsive design for a webshop? [closed]

We need to make our webshop a mobile phone friendly layout for customers. I know there are two options we have, one is to make a mobile site, ex m.ourdomain.com. another option is to make a responsive ...
1
vote
0answers
22 views

How to move AdSense block in responsive website? [duplicate]

Making my website responsive I've faced the challenge - I need to move AdSense block, for examlpe: in desktop version of website AdSense adblock is located below the first post of my blog, but in the ...
0
votes
1answer
146 views

Convert a website to responsive layout [closed]

We have a website that is not mobile phone optimized. If we want to have a responsive layout, what's the easiest way to go? The design should not be changed, so we don't want to create a website from ...
2
votes
1answer
591 views

Should a responsive site include <mobile:mobile/> in its sitemap?

Should a website built with responsive design include Google's <mobile:mobile/> xml tag in its sitemap.xml? In other words, will marking each of my urls as "mobile" in the sitemap for a ...
0
votes
1answer
49 views

Should i create mobile/responsive version of my site if i have android and ios apps for my site? [closed]

Should i create mobile/responsive version of my site if i have android and ios apps for my site ? i am creating a new site which will have android app, ios app and nokia app, so is it required to ...
2
votes
1answer
395 views

Resize font proportional to screen size?

How can I have my fonts scale based on screen size? (So, rather than just having a few media queries to adjust to maybe 3 or 4 screen sizes, have the font be proportional to the screen size so we ...
3
votes
2answers
171 views

SEO impact of dynamically serving cropped images based on device type

I have a website and try to optimize it regarding device size. Due to a large image slider on the front page I could halve the size by serving smaller images for mobile devices (via simple user-agent ...
5
votes
1answer
2k views

Can I view my PC localhost test site on my android tablet without uploading it?

I am working on a web site which is running on my PC via XAMPP. I want to test the site on my android tablet (galaxy tab) to make sure that the responsive design behaves that way it is designed to. ...
3
votes
1answer
106 views

Tips for developing a responsive website [closed]

I'm having problems trying to figure out a good workflow when designing a responsive website. I've tried a few approaches, nowadays what I'm doing is: Do all html and css work with the window ...
1
vote
1answer
54 views

What is responsive design exactly? [closed]

Can anybody tell me what responsive design exactly is? I work in a firm and they have a site which are just a small version off the website. And if you turn your device to landscape - it gets a ...
4
votes
2answers
328 views

Mobile Browsers! Do they ignore `<noscript><img>` (Responsive Design with Framework Zurb Foundation (Interchange/Noscript))

Experimenting with Interchange Responsive Images I'm experimenting with Interchange by Zurb Foundation to serve various images versions to different devices. For example 200x100 for mobiles, 300x100 ...
3
votes
1answer
119 views

Can a bounce rate drop from 50% to 10% after event tracking is added in Google Analytics?

I launched a total redesign of a site one week ago to add responsive design, good interlinking, related content recommendations and such. After that the bounce rate dropped just a little from 50% to ...
15
votes
7answers
6k views

Should I split a large CSS media queries file into separate files for each screen size?

I am working on a responsive design website to deliver content for all screen sizes. I have media queries for 5 different "steps", and the CSS file is around 30 Kb. Would it be better to split this ...
2
votes
1answer
121 views

How to change website on device orientation change?

This question is in the context of a previous one but I think deserves another thread on its own. Being able to detect user agent and serve mobile or desktop version is good, but is there also a way ...
7
votes
3answers
793 views

How to make content load faster for mobile on a responsive design site?

So, I have a responsive design site. Studies say that for mobile devices we need to show a bit less content (graphics and such), and that we need to make sites load quicker for mobiles. If I set some ...
0
votes
2answers
154 views

How to serve 2 different websites according to device-width without affecting SEO?

I have one website for desktop that is designed for 1024 width and above. This means that some mobile devices in landscape mode will also fit this criteria. I have another website that is designed for ...
2
votes
2answers
43 views

search with mobile : does Google just look in the mobile-optimized websites?

When someone searches a keyword by mobile, does Google search in desktop version of all websites and find the proper result and then prioritize them according to the responsiveness or mobile-...
27
votes
6answers
4k views

How important is responsive web design?

I've heard a variety of opinions regarding the pros and cons of using responsive web design recently and was wondering whether it was necessary for small businesses that target small geographical ...