Should I Use An Animated Javascript Responsive Site
-
Hi, hope someone might be able to help me with this. I am setting my son up with a website for his small painting and decorating company. However, I am a wordpress stalwart and he has seen a theme which is a javascript animated responsive theme from template monster. Its not my choice just he is adamant that he wants it. However, I am slightly concerned that Google cannot index as well with these kind of sites as they would with a standard HTML site.
I would be grateful if someone could confirm if they can be indexed etc. The content appears in what I can only describe as lightboxes.
Thanks
-
Hey There
Peter really gave you a great answer, but just wanted to add a few things. If you want to see things how a search engine might see theme there's a few options;
- <a>browseo.net</a> is an SEO browser, just plug in the URL of the sample theme for an SEO view
- use the web developer plugin - shut off javascript and CSS and look at the sample site. whatever you can see Google is 100% able to see.
- you can view Google's text only cache of a page by typing cache:http://www.example.com/sample-theme/ and click "text only" - this is very similar to the web developer plugin.
- if you own the site you can use something like "fetch as googlebot" within webmaster tools and examine the code it returns back. look for the text etc you want to be visible to google.
Basically, of those methods fail to show you the content (text mainly) you'd want Google to see, the javascript is being used incorrectly or too heavily.
-Dan
-
Hi Denis
Google is much smarter these days at dealing with JavaScript but that doesn't mean to say that excessive Javascript on a page would be OK too. Essentially, the more hoops a search engine has to jump through to find the content it is trying to index the harder it is and the less likely you will achieve the results you want to achieve.
The other aspect to consider of course is user experience which is a ranking factor in Google's algorithm. Sites with lots of bells and whistles can look amazing but sometimes they can be a hindrance to being able to access content too. It's one thing to wow the visitor, but it's another thing to engage with them and prompt them to pick up the phone to call you.
My business do a lot of video production and people often get excited about funky transitions, but in many cases they are just fluff. Most broadcast programmes on TV use just two transitions: straight cut and dissolve.
My point I think is the same as yours, effects can be great, but they need to be used sparingly. You can have the funkiest website but if its not found when someone searches then it's the funkiest website that no-one has ever seen.
Sorry, I have gone around the houses a little, but to answer in summary, yes Javascript heavy templates can be indexed, but maybe not as well as you would want them to be + of course the user experience issue of being able to access content simply to pick up the phone.
I hope that helps,
Peter
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 -
Why use a wwwP subdomain naming convention
While working through a series of crawl reports and competitive insights for a site, I noticed one of the competitors had switched from a WWW-version to a wwwP-version. Looking back at the snapshot I took of this during the same time period in 2014, I noticed a significant drop in PA/DA by 20+/-. I'm curious to know if anybody else has experienced something similar, and if anybody can provide insights on why a change like this would even be made? I'll preface it with, everything we could see that this competitor was doing from the outside, was legitimate and propelling them in a positive direction.
Web Design | | dodgejd0 -
Lots of Listing Pages with Thin Content on Real Estate Web Site-Best to Set them to No-Index?
Greetings Moz Community: As a commercial real estate broker in Manhattan I run a web site with over 600 pages. Basically the pages are organized in the following categories: 1. Neighborhoods (Example:http://www.nyc-officespace-leader.com/neighborhoods/midtown-manhattan) 25 PAGES Low bounce rate 2. Types of Space (Example:http://www.nyc-officespace-leader.com/commercial-space/loft-space)
Web Design | | Kingalan1
15 PAGES Low bounce rate. 3. Blog (Example:http://www.nyc-officespace-leader.com/blog/how-long-does-leasing-process-take
30 PAGES Medium/high bounce rate 4. Services (Example:http://www.nyc-officespace-leader.com/brokerage-services/relocate-to-new-office-space) High bounce rate
3 PAGES 5. About Us (Example:http://www.nyc-officespace-leader.com/about-us/what-we-do
4 PAGES High bounce rate 6. Listings (Example:http://www.nyc-officespace-leader.com/listings/305-fifth-avenue-office-suite-1340sf)
300 PAGES High bounce rate (65%), thin content 7. Buildings (Example:http://www.nyc-officespace-leader.com/928-broadway
300 PAGES Very high bounce rate (exceeding 75%) Most of the listing pages do not have more than 100 words. My SEO firm is advising me to set them "No-Index, Follow". They believe the thin content could be hurting me. Is this an acceptable strategy? I am concerned that when Google detects 300 pages set to "No-Follow" they could interpret this as the site seeking to hide something and penalize us. Also, the building pages have a low click thru rate. Would it make sense to set them to "No-Follow" as well? Basically, would it increase authority in Google's eyes if we set pages that have thin content and/or low click thru rates to "No-Follow"? Any harm in doing this for about half the pages on the site? I might add that while I don't suffer from any manual penalty volume has gone down substantially in the last month. We upgraded the site in early June and somehow 175 pages were submitted to Google that should not have been indexed. A removal request has been made for those pages. Prior to that we were hit by Panda in April 2012 with search volume dropping from about 7,000 per month to 3,000 per month. Volume had increased back to 4,500 by April this year only to start tanking again. It was down to 3,600 in June. About 30 toxic links were removed in late April and a disavow file was submitted with Google in late April for removal of links from 80 toxic domains. Thanks in advance for your responses!! Alan0 -
New Mobile Site Traffic Drop
With all the talk about how much mobile is important and how it is going to return its own search results, we finally decided to make a mobile site for one of our smaller websites to test the water. We put it up about two weeks ago and did Vary HTTP header method to serve the site. Before the change, on the average week we would get 270-300 mobile visitors from organic search results and we converted 0.78% to sales. Since the change, we are now getting about 70 mobile organic visitors per week but converting 2.47% So what can I say but WOW. We are converting way way better but our organic mobile search traffic has dropped off a ton. Luckily our desktop and tablet traffic(we serve the desktop version of the site to tablets) has stayed the same and has not dipped. Do any of you guys have experience or gone through launching a mobile site before? Did you see the immediate drop in organic mobile traffic and did you recover your traffic back to previous levels? If so, do you know how long it takes to recover? I am thinking it is a big change and will take time for Google to adjust but I am not sure since the mobile version has so much less text now on the home page and on category or product list pages or whatever you guys want to call them.
Web Design | | KurtL0 -
I am looking to build an informational site that consists of a few landing pages. What kind of platform would you recommend?
The site would consist of an initial homepage, about us page, products & services page, sub-category pages that consist of the products and services in greater detail, and a contact us page. What platform would you recommend building this site on? I currently use Miva Merchant for an ecommerce platform, however this new site will not require the customization that Miva provides, and will also not need to have ecommerce capabilities. This will strictly be an informational site for prospective and current clients.
Web Design | | djlittman0 -
How important is w3c validation for mobile sites???
So mobile sites are all the rave, but how many are doing it correctly and with all the different options which is correct or the best? For example I have a guy telling me that the mobile site must validate here http://validator.w3.org/mobile/ or here http://ready.mobi/launch.jsp?locale=en_EN However I have run many so called mobile sites like nike (m.nike.com) and those built by dudamobiles and all dramatically fail the above tests! Responsive is another key element of web design and the guys at twitter came up with bootstrap, so I ran these sites through the above validators and all have failed. I take this site as an example from ilovebootstrap.com, please note this is not my site but was top of thelist on here. Mobi Ready 2 / 5 - result poor mobile experience Results from google pagespeed Mobile 62 / 100 Desktop 83 / 100 So while it looks good on mobile devices it does not score well If you look at the google site: http://www.howtogomo.com/en-gb/d/why-get-mo/ The case studies listed all fail the validation tests, so my question is is it worth getting our mobile sites validated and will this affect rankings?
Web Design | | iprosoftware0 -
Best Way to Re-Direct traffic from existing site to new site?
Good Morning, I have an existing site (http://goo.gl/QKkpi) running on a slow server. We decided to create a new site (http://goo.gl/XUH3f) with the intention of de-commissioning the first one. Both sites are on the same WMT account. What is the best way to permanently redirect any backlinks/traffic (all levels, from home page to product pages) from the old site to the new site (prior to shutting down the first one). Thanks a lot!
Web Design | | Prime850 -
Amazon s3 how do i use it as a cdn service
Hi i have signed up to s3 amazon and have uploaded my images to my bucket but the trouble i am having is, how do i have the images on my site. i have tried to use the url that it is showing but all that is doing is https://s3-eu-west-1.amazonaws.com/in2town/audreyrobertslarge.jpg not bringing up the image on my site and when i have done it through the internet search box it does not bring up an image. I have been told this is a great cdn service and a cost effective one but i really need to learn how to use it. has anyone used this service and if so can you please let me know what i need to do I have now managed to get a bit futher with the help of stuart Bell but the images are still not showing on my site. any help would be great. many regards
Web Design | | ClaireH-1848860