What To Do When Improved Site Speed & Layout Result In Higher Bounce Rates & Lower Time On Site
-
We launched a new Bootstrap 3.0 site template 2 weeks ago. The site loads 5x faster and has a much improved layout (utilizing most common above the fold recommendations ). It's only been two weeks, but our bounce rate has increased 5-10% and our avg time on site decreased by 10-18%. Here is the page for one of our most common products so you can see the general experience: <a>http://www.jwsuretybonds.com/surety-bonds/commercial-bonds/auto_dealer_bond.htm</a> (here is the old version: <a>http://199.119.123.134/surety-bonds/commercial-bonds/auto_dealer_bond.htm</a>)
We spent two months implementing the new design and working on a speedy load time. We had anticipated a drastic improvement, not mild downturn in user behavior.
I'm hopeful that the Analytics metrics aren't showing the true picture on the keywords we care about (can't see anymore due to "Not Provided" listed as most keywords now. Argh!) and perhaps some of the more important/accurate user behavior metrics that we can't see are improving.
We know our industry and our clients needs VERY well. We THOUGHT our new content/layout was perfect so it will be tough for us to try to make improvements at this point. We believe our best plan of action now is to add more content on each page and A/B test it along with other subtle changes. The problem is that our new content is very concise and hits on all of the primary visitor intentions, so additions of content could be redundant and making concise answers more "fluffy", which is what we tried to get away from.
What do you think? Is there reason for panic? What would your plan of attack be if your "sure shot" new design didn't provide the improvements you "knew" it would?
-
The placeholder text on the ballpark estimate tool is using an html5 attribute which isn't supported in ie 9 or earlier. You can circumvent this with placeholders.js which will allow the attribute to work properly in browsers that don't normally support it.
-
Nice analysis. It is smart to look at performance by resolution.
I would collect more data. Some people may visit your site several times before taking any action.
-
Good thoughts, but the data is conflicting when I look at it by resolutions of the users.
Oddly enough tablets resolutions appear to have better results with the new site. Our best performing resolution on the new site is 768x1024. We're seeing a 25% increase for time on site there, compared to being down 18% on avg across all resolutions.
Larger desktop resolutions are worse with the new site.
Mobile resolutions are seeing an improved bounce rate, but less time on site.
All of the data appears to be so conflicting. As stated, we are only 2 weeks in to the new design and saw just under 10,000 sessions in this time period. Is that enough data to begin obsessing or should I wait a bit more?
-
I'm a bit perplexed as to why you feel there is less content above the fold now though.
I usually view webpages on a 1600 wide monitor. When your new page loads it spreads to about 1100+ pixels wide. However, most people view webpages in a smaller browser window - especially those who view on tablets. So, when I grab the edge of the browser window and start to narrow it, at about 1000 pixels of width both of your right columns disappear and the design collapses to a single column that has a very different presentation - with a small fraction of the clickable content options.
Try narrowing your browser window by hand and watch what happens. I have not looked at your site on a tablet but it might not look like you think.
-
It has yet to be seen of the if the "cash register is slowing down". We changed our primary focus to collecting estimates (mini-conversions that take 15 seconds) in larger quantities rather than requesting everything we need for a formal quote (5-10 min process). It appears to be on par with the old site for now, but I anticipate it possibly increasing in the coming weeks, as we are focusing further down the sales pipeline, which will take a bit for it to populate the end (sales). So far, it's promising.
Thanks for the candid assessment on the two sites. I agree on the contrast. We'll have to look into making some edits to our css to improve this.
I'm a bit perplexed as to why you feel there is less content above the fold now though...The tabs used (General, Gov Requirement, Costs, Ask An Expert) are something that I feel provides more to do above the fold. Can you elaborate?
Thanks again EGOL. Much appreciated.
-
So, bounce rate and time on site are down. Is the cash register slowing down?
About the designs. I am not surprised that the original design had a lower bounce rate. When someone lands on that page they had lots of content and navigation options above the fold. And those options were highlighted with contrasting colors (blue top nav, green calls to action, three cartoony links on the right). Your original site was toploaded and high contrast.
Your new site is low contrast (hard to find nav and alternative links because everything is white and nav links are teeny tiny type. That reduces the visibility. Also options for alternative content are now way below the fold. Furthermore, what the visitor sees changes with his monitor width. As the width of the monitor window decreases lots of above the fold content options disappear from view. When monitor window gets below 1000 pixels options to click are tiny and the design becomes much less effective. What does it look like on tablet in portrait format?
My vote is for the old design on producing a lower bounce rate, generating higher time on site and getting visitors to explore your content and products..
-
Thanks Dean. Those were some excellent finds/tips. It appears IE8 & IE9 make up 10% of our visitors collectively so a decent amount are affected.
To my surprise, IE visitors have our best bounce rates and time on site. The items you listed still need addressing, but boy are these stats baffling!
-
Hi
Just did a very quick test via saucelabs.com using windows 7 ie9 and the client logos get messed up, more importantly the 'ball park estimator' does not display any input information in the actual field. ie where you have the $Bond Amount text this is not displayed on the tests I did.
Signup for a free account (30mis of testing I think) it would be well worth it. There are other cross browser testing sites out there so any will do the job.
-
I updated the original post with a link to the old site template for comparison as well.
New: <a> http://www.jwsuretybonds.com/surety-bonds/commercial-bonds/auto_dealer_bond.htm</a>
Old: <a>http://199.119.123.134/surety-bonds/commercial-bonds/auto_dealer_bond.htm</a>
-
That's correct. The original url I posted uses the extension .htm
Chris typed html in error.
-
I can see it on auto_dealer_bond.htm rather than auto_dealer_bond.html
Have you done cross browser testing with something like www.saucelabs.com Check your analytics for the most popular browser you visitors use and test against that, also check if certain browsers are resulting in more bounces.
-
Hah! Yes...as luck would have it, immediately after making the post, our server crashed! We're up 99.9% of the time, so I don't think it is related.
We're back up now.
-
http://www.jwsuretybonds.com/surety-bonds/commercial-bonds/auto_dealer_bond.html gives me a 404 which might be a good bounce reason
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
-
Thinking about redesigning site to reduce bounce rate - have a couple of questions
BACKGROUND Im looking at redesigning the website for a creative consultancy to improve the user experience. The website is mainly an image portfolio along with “press”, “our services”, “about us”, “contact” pages. I originally designed the website a few years ago and when we did, we wanted to make the image portfolio the most important feature. So we made it a full screen JS image slider with lazy loading of images, so that there are about 40 full screen images on the homepage that rotate. From a users point of view i still feel this is the best system as it very quickly allows them to browse the portfolio, which we looking for a creative consultancy is their UPS (unique selling point). The site has a very strong backlink profile compared to its competitors in the SERPS it has about 20-25% increase in PA and DA. But our site has been slipping down the rankings in recent years / months. From spot 1-2 to about spot 5-7. MY HYPOTHESIS I think that the reason the site may be dropping back in the SERP is that although its a very usable site, all its portfolio information is “too easy to find / view” and results in a user coming to our site, seeing everything they need to see, then bouncing back to the SERP. Our site has a bounce rate of 40-60%. Where as on competitors sites, their “portfolio” is a separate page off the homepage, so a users has to click through to a separate page, and even if they don't like the design content of the portfolio it doesn't get logged as a bounce. MY QUESTION Does bounce rate affect SERP ranking ? Could the sites SERP performance be improved by redesigning the site to put the portfolio on a separate page so a user would have to click through to it, if that would get the bounce rate down, would the site see a benefit even if people still clicked back to the SERP results eventually after seeing our portfolio, even though it wasn't a true 1 page bounce ? Dose time on site affect SERP ranking ? Is there a way i can see a competitor's bounce rate ? Would welcome any other thoughts inputs on this matter.
Web Design | | sl_pa0 -
International Websites - Hosting, Domain Names, & Configuration
What is the best way to configure a website that targets a number of countries and languages around the world? For example, Apple has websites optimized for just about every country and language in the world (see: https://www.apple.com/choose-country-region/). When you choose the UK it takes you to: https://www.apple.com/uk/ When you choose China it take you to: https://www.apple.com/cn/ Etc. When you go to apple.co.uk it forwards you to the UK version of the website. The same is true for apple.cn. Is this the ideal way to set it up? I have also seen websites that have each version of the website on its own TLD such as exampleBrand.co.uk and exampleBrand.cn - in this example they don't forward to the .com. My concern with Apple's solution is SEO and hosting. Do consumers favor seeing their country's TLD in search results over exampleBrand.com/uk? For hosting, shouldn't the mainland China version of the website be hosted in China? Is it possible to just host a folder of a website in a certain country such as the cn folder for China? Any suggestions would be appreciated. I was unable to find much info on this.
Web Design | | rx3000 -
Fixing my sites problem with duplicate page content
My site has a problem with duplicate page content. SEO MOZ is telling me 725 pages worth. I have looked a lot into the 301 Re direct and the Rel=canonical Tag and I have a few questions: First of all, I'm not sure which on I should use in this case. I have read that the 301 Redirect is the most popular path to take. If I take this path do I need to go in and change the URL of each of these pages or does it automatically change with in the redirect when I plug in the old URL and the new one? Also, do I need to just go to each page that SEO MOZ is telling me is a duplicate and make a redirect of that page? One thing that I am very confused about is the fact that some of these duplicates listed out are actually different pages on my site. So does this just mean the URL's are too similar to each other, and there fore need the redirect to fix them? Then on the other hand I have a log in page that says it has 50 duplicates. Would this be a case in which I would use the Canonical Tag and would put it into each duplicate so that the SE knew to go to the original file? Sorry for all of the questions in this. Thank you for any responses.
Web Design | | JoshMaxAmps0 -
Retina Sites
What's the best way to make a site retina ready? Just code one site with retina resolution graphics or rather serve up two different sets of graphics depending on what comp is being used on the other end? Thanks in advance. I appreciate the input. Stephan
Web Design | | stephanwb0 -
How to correct error in customized posttype WP site
Hi folks Can anybody help me. I foolishly, dogedly followed a Lynda.com tutorial for developing an 'online portfolio in WP'. Little did I know that my initial assumption - to use the 'twenty twelve' rather than the 'twenty eleven' theme would land me in such deep water. I was attempting to learn php on my own. All went well, until, --- the index page for the customized post type. Now I have two beautiful customized posttypes, 'companies' 'coverage' and no idea how to create an index page for either. I can't do the next step! I have tried every permutation - changing the permalink settings, changing them back, desperately searching for any handle to the nebulous links within the menu section. The only thing I can do (and have done for now) is to link the menu item 'company' and the menu item 'coverage' to a single post. Then the poor visitor has to scroll through the posts individually. I tried contacting the tutor and Lynda.com, to no avail! I have searched forums and found this is a common problem, but because I am so confused and novice to php they might as well be speaking Chinese. To compound my problems, looking through 'Wordpress SEO' for Yoast, I am painfully aware I can't go to the first basic step and fix the peramilinks to 'Postname' as that just makes my flakey menu collapse like a pack of cards. Help!
Web Design | | catherine-2793880 -
URL Designing and Site Architecture
Hi, 1. At the end of the URL, should we have "/" or not (for e.g. my website www.example.com/abc/) 2. What is the optimum level of site depth 3. Google crawler will go through the breadcrumb or url (If a page is at 6th level through breadcrumb and at 4th level through URL, at which level will google crawler recognize this.
Web Design | | adiez12340 -
Competitive Analysis: Links & Keywords
I'm noticing that for some key local search terms our company is not ranking in SERPs as I would expect considering it's size relative to the local sites that are ranking. I subscribed to SEOmoz to get a better understanding of what's going on, and haven't figured it out yet. Our site is higher in almost every metric than the sites we're competing with, but our competition consistently ranks higher in organic results for industry standard keywords. The few metrics we're being outranked in are, "Linking C Blocks" and "Page MozTrust" (we're very close to the leader in MozTrust). Are these two metrics enough to account for our companies poor SERP performance or do I need to be paying attention to something else?
Web Design | | thinkWebstoreSEO0 -
Question About Site Redesign and Nav / Page Structure
Hey guys, i am currently redesigning our company's site, and have come across some things that I'm not quite sure of. We used to have individual service pages in our main navigation (design, video, marketing) before the redesign. In this new design, i had the idea of making just one "services" or "capabilities" page, where these three services would each be outlined, and each service would have a list of links to more specific landing pages. Obviously, breaking it up correctly with HTML5 using the andtags. What I'm wondering is that if i'm going to be penalized for having those three services that aren't necessarily related too closely on the same page as opposed to having the one page for each service (like we have now). Any help would be greatly appreciated, and let me know if i need to elaborate more. Thanks in advance!
Web Design | | RenderPerfect0