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
-
Best less expensive graphic design
Hello, We have an Ecommerce store and we need our category buttons to be redone and to shine. Unfortunately, I've tried all my places and none are 10X, though none of them cost very much (like Fiverr, Freelancer) What I would like is some advice on where to go for inexpensive but still very good quality graphics. I'm a good designer, and so far, I can do better graphics than the designers I've found, I just don't have the time as a busy SEO. Please let me know If you have any gems you are willing to share. I'm searching the community colleges as we speak. Thanks.
Web Design | | BobGW2 -
Dedicated landing pages vs responsive web design
I've been doing some research into web design and page layout as my company is considering a re-design. However, we have come to an argument around responsive webdesign vs SEO. The argument is around me (SEO specialist) arguing that I want dedicated pages for all my content as it's good for SEO since it focuses keywords and content properly, and it still adheres to good user journeys (providing it's done correctly), and my web designer arguing that mobile traffic is on the rise (which it is I know) so we should have more content under 1 URL and use responsive web design so that users can just scroll through content instead of having to keep be direct to different pages. What do I do... I can't find any blogs, questions, or whiteboards that really touches on this topic, so can anyone advise me on whether I should: Create dedicated landing pages for each bit of content which is good for SEO and taking users on a journey around my site OR All content that is relative to a landing page, put all under that one URL (e.g. "About us" may have info on the company, our team, our history, careers) and allow people to scroll down what could be a very long page on any device, but may effect SEO as I can't focus keywords/content under one URL properly, so it may effect rankings. Any advice SEO and user experience whizzes out there?
Web Design | | blackboxideas0 -
Responsive Web Design WordPress Template Suggestions
Does anyone have any RWD WP templates they would suggest? It's for a friend of mine that is starting a local solar panel installation company. For the beginning, he likely will not have more than a handful of categories and subcategories. I'd say no more than 50 total pages. Any suggestions would help. He doesn't want to spend more than $50 - $100, but he's not married to that figure if it's worth it. Thanks everyone, Ruben
Web Design | | KempRugeLawGroup0 -
Google HTML, CSS and javascript styleguides ?
Who's following the Google style guides especially in HTML, CSS and javascript? What are the benefits of following the style guides? I am thinking of sending the style guides to our web development team before we launch our new site but I think there might be some conflicts. I'm an SEO and not programmer or web developer and I'm sure there are some "rules" that these web dev guys should follow and break as well. Thanks in advance! 🙂
Web Design | | esiow20130 -
Changing design for a client. SEO concerns.
Hi there! A client requested me to change the look of his website entirely. It currently ranks #16 on Google with one of their main keywords. My problem is: The current site was made in a CMS I'm not familiar with and all of its pages urls are not SEO friendly (EX: http://www.mysite.com/index.php?option=com_content&view=article&id=49&Itemid=95). It is the first time I have come up with this situation so I would appreciate any tips or links to useful information. I tried searching in SEOmoz and came up with nothing. I'm sure this is a common problem though. Since they want a static website, for starters their page extensions will change from .php to .html I'm not 100% sure but I think this will be a problem for their current ranking in Google. Any ideas? Edit: I forgot to mention that all of the backlinks this site has points to their hompage as www.mysite.com, I guess this is good.
Web Design | | Eblan0 -
CSS vs Javascript vs JQuery drop down navigation
For a user / seo perspective, what is the best way to code a drop down menu nav bar? Is it best to use css, javascript or a scripting library like jquery? I am thinking about overall best practice that will not have a negative impact on serps. I am also thinking about what will work best on all types of devices i.e. desk tops, lap tops, smart phones and tablets. What are the Pro's & Cons of Using CSS for Drop Down Menus. What are the Pro's & cons of using Javascript for drop down menus. And the same question for jquery. Thank you all in advance for your ideas.
Web Design | | bronxpad0 -
Web Design for Ecommerce like wanelo
Hi, I have a client that wants to design an ecommerce site like http://www.wanelo.com/ initially they want to set up a first release to test their market using just he basic functionality thereofre you see a picture click on it add toshopping cart an buy. Does anyone know of a theme that can be used on wordpress or any other ecommerce system that has a pre defined theme as http://www.wanelo.com/ Thanks
Web Design | | VivaArturo
Arthur0