Javascript with Responsive Web Design
-
The company I work for are looking to go responsive which is high up the list on our development plans. Further on down the development plan they want to add more javascript into the website. Is this recommended as we plan to go responsive ?
-
Going responsive is the way to go if you ask me and most other SEO's out there.
I'm not sure i fully understand your question though.Responsive design doesn't have any issues with Javascript in most cases. It would depend a lot on what the Javascript would try to do. As Andy has stated above Google can now read and execute AJAX and Javascript which is great.
The only thing you should be careful is when implementing more Javascript is whether the website will still function as expected on devices/browsers that don't (fully) support Javascript. There are simple fallbacks and such so that all of your users get served great content and not just the ones with the most modern devices and browsers.
Excellent book for more information on this is: Designing with Progressive Enhancement.
Must read for any front-end web developer if you ask me. -
A lot depends on what they intend to do with the Javascript, but this is pretty much commonplace today and should pose no problems.
I use responsive single page themes for my sites, and they are rank well - plenty of funky stuff going on in those as they are parallax designs.
Have a read of this post as well. This goes back to 2011 when Matt Cutts confirmed Google can read and execute AJAX & Javascript. http://searchengineland.com/google-can-now-execute-ajax-javascript-for-indexing-99518
Just remember to test well before sending big changes live.
-Andy
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Reducing cumulative layout shift for responsive images - core web vitals
In preparation for Core Web Vitals becoming a ranking factor in May 2021, we are making efforts to reduce our Cumulative Layout Shift (CLS) on pages where the shift is being caused by images loading. The general recommendation is to specify both height and width attributes in the html, in addition to the CSS formatting which is applied when the images load. However, this is problematic in situations where responsive images are being used with different aspect ratios for mobile vs desktop. And where a CMS is being used to manage the pages with images, where width and height may change each time new images are used, as well as aspect ratios for the mobile and desktop versions of those. So, I'm posting this inquiry here to see what kinds of approaches others are taking to reduce CLS in these situations (where responsive images are used, with differing aspect ratios for desktop and mobile, and where a CMS allows the business users to utilize any dimension of images they desire).
Web Design | | seoelevated3 -
Avg Page Load Time Increase After Responsive Web Design
The Avg. Page Load Time has been steadily increasing after our website went responsive. What could have cause this?
Web Design | | JMSCC1 -
Web development - License CSS/Markup/Code
In development of a website, is it typical for the developer to retain rights to the CSS, Markup and other Coding? If so, why is this done?
Web Design | | DemiGR0 -
Seo for design webinar ?
I've got no problem using google webfonts on their own, but what about using them over an image; specifically a clickable image? Its easiest to place text over an image if the image is a background image, but then the image isn't easy to make clickable. Am I missing something - this shouldn't be hard, right. Thanks!
Web Design | | saultie0 -
Footer Links For Web Design Agencies - Bad?
So today Google have updated their Webmaster Guidelines and they have drawn particular attention to their update relating to Link Schemes. http://support.google.com/webmasters/bin/answer.py?hl=en&answer=66356 Unless you have had your eyes closed and your fingers in your ears since February then most people are aware of the types of link schemes that the updated is refering to but there is one area that isn't so black and white for me. "Here are a few common examples of unnatural links that violate our guidelines: Widely distributed links in the footers of various sites" We are a design agency and we design and build lots of websites for our clients. It is pretty standard practice for agencies to add a credit to the footer of websites and we pick up a lot of work from people that see a site that they like and click through the footer link to our site. Our footer credit is standard on all of the websites that we create:- Website by Teapot Creative Only the 'Teapot Creative' part of the credit is anchor text so we are only linking using our brand name with no intention of manipulating search results. Is this going to hurt us? or will the fact that we are only linking using our branded term and without any SEO intent keep us in the clear? Thanks.
Web Design | | AdeLewis
Ade.0 -
Javascript, PhP and SEO Impact?
What are the Pro's and Con's of using Java Script and PHP in a site when factoring in SEO?
Web Design | | bronxpad0 -
Javascript changing URL - Thoughts?
So, our developer just created a player at the bottom of this site I work for. It's not really important what it is. The thing is, when you go to our home page now, the javascript changes the url from www.site.com to www.site.com/home It's not actually redirected or anything (no 301, it's just the javascript doing this), but I'm worried that if someone links back to our site they're going to surely pull that URL to point back to, which is wrong. Also, when you go to a category, the URL changes from www.site.com/category to www.site.com/home#category. Again, it's not a redirect but I'm still worried people will link back to this since it's on the entire site now... I'm suggesting that we turn off this new feature until we find a workaround. I just wanted to confirm with you guys that this is best. Thanks
Web Design | | poolguy0 -
Any discussions on the actual web page design and how it might affect SEO?
Are there any links to previous discussions or tips, techniques for how creative design has any impact on seo??
Web Design | | theideapeople1