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 -
Can the design still be considered adaptive if the URL is different?
I was under the impression our site had a mobile dedicated design, but my developers are telling me we have an adaptive design. The mobile site is set up different and has different content and the url is as follows: www.site.com/MobileView/MobileHome.aspx Can it still be considered adaptive if the URL is not the exact same? Hopefully this make sense and I appreciate anyone's input!
Web Design | | AliMac260 -
Good web design layouts
Hello, Where do you guys go to get inspiring new ideas for web design layouts. I'm making a portfolio and need one more design. I'm thinking 4 is enough sample sites. So far I have 3. Thanks!
Web Design | | BobGW1 -
Requirements for mobile menu design have created a duplicated menu in the text/cache view.
Hi, Upon checking the text cache view of our home page, I noticed the main menu has been duplicated. Please see: http://webcache.googleusercontent.com/search?q=cache:http://www.trinitypower.com&strip=1 Our coder tells me he created one version for the desktop and one for the mobile version. Duplicating the menu cannot be good for on page SEO. With that said, I have had no warnings reported back from Moz. Maybe the moz bots are not tuned to looks for such a duplication error. Anyway, the reason the coder created a different menu for mobile in order to support the design requirements. I did not like the look and feel of the responsive version created based on the desktop version. Hi solution to this problem is to convert the Mobile version menu into ajax. what do you guys think? Thanks, Jarrett
Web Design | | TrinityPower0 -
How to bounce back after a new url & new site design?
About a month ago, my company changed domains (from the long-established www.imageworksstudio.com to the new www.imageworkscreative.com) and also did a complete overhaul of our site. We tried to do everything necessary to keep Google happy as we went through this change, but we've suffered a drastic loss of both rankings and traffic. I know that can happen as a result of a redesign AND as a result of a new domain, but I'm wondering how long you would expect it to take before we bounced back and also, what can we do in the meantime to improve?
Web Design | | ScottImageWorks0 -
Best Practices for home page design for ecommerce website
I know this question is not directly related to SEO, but I figured I have been getting some good help from this forum, so why not? The website is www.vrtack.com. I am looking to redesign the home page. It is an ecommerce website selling equestrian clothing and leather goods. My goals are: 1. Reduce the very high bounce rate and drop-off rate. 2. Fine tune the relevancy of the website towards a handful of keyword phrases. 3. Engage the visitor to create better click-through and to increase the average time spent on the page/site. 4. Page Loading time is of importance. It has to load quickly. I would love to hear some specific suggestions, examples, best practices.
Web Design | | amitramani0 -
How to make AJAX/javascript website more seo friendly?
I have a website that is heavy on AJAX. I need recommendations on how to add content as well as other on page ompitizations. The website is a luxury brand for 6 resorts, each with their own subfolder. The website is http://me.graficode.com/preprod/.
Web Design | | Melia0 -
Ecommerce web site with too many internal links
Hi, We're using Magento CE 1.4.0.1 for our ecommerce web site with a fairly flat navigation system i.e. 9 major categories display across the top menu that when you roll over display 2-20 sub categories (which take you to a groups of similar products) and then individual product pages. The categories and sub categories are available to click on as part of a dynamic Html menu system on each page. Each page also shows a small number of related products. This linking structure seems fairly standard and yet Seomoz throws up the error message, "Too Many On-page links" for most pages on our site. Do I need to really worry about this? Is there much can be done to improve this on an ecommerce web site with a large catalogue of products? I've looked at the Knowledge Base but I don't feel the existing responses adequately address the issue for ecommerce sites.
Web Design | | languedoc0