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
-
Website speed is above ?
I want to ask that my best tennis guru website speed is above 2.8 sec do it have any negative impact on my site?
Web Design | | looper50 -
Changing Platforms & HTTPS Same Time
Hi Everyone, We know this is a bad idea. Our owner purchased another website/company and we plan on moving it to Shopify. The site is a very old (not been updated in 4 years) Able Commerce site. My developer whom has been doing this for years with me couldn't get the current host to work with us in order to move the site to https. Looks like we would actually have to spend a lot of money to update the site in order to. So my question is this. If we move the site over to Shopify, they make it https right away. I am out of luck trying to redirect http pages to specific https pages? Jeff
Web Design | | vetofunk0 -
Site Migration due to Corporate Acquisition
Hey everyone, Wanted to check-in on something that I've been thinking way too much about lately. I'll do my best to provide background, but due to some poor planning, it is rather confusing to wrap your head around. There are currently three companies involved, Holding Corp (H Corp) and two operating companies, both in the same vertical but one B2B and the other is B2C. B2C corp has been pushed down the line and we're focusing primarily on H Corp and B2B brand. Due to an acquisition of H Corp and all of it's holdings, things are getting shuffled and Ive been brought in to ensure things are done correctly. What's bizarre is H Corp and it's web property are the dominant authority in SERPs for the B2B brand. As in B2B brand loses on brand searches to H Corp, let alone any product/service related terms. As such, they want to effectively migrate all related content from H Corp site to B2B brand site and handover authority as effectively as possible. Summary: Domain Migration from H Corp site to B2B Brand site. Ive done a few migrations in my past and been brought in to recover a few post-launch so I have decent experience and a trusted process. One of my primary objectives initially is change as little as possible with content, url structure (outside the root) etc so 301s are easy but also so it doesn't look like we're trying to play any games. Here's the thing, the URL structure for H Corp is downright bad from both a UX perspective and a general organizational perspective. So Im feeling conflicted and wanted to get a few other opinions. Here are my two paths as I see and Id love opinions on both: stick with a similar URL structure to H Corp through the migration (my normal process) but deviate from pretty much every best practice for structuring URLs with keywords, common sense and logic. Pro: follow my process (which has always worked in the past) Con: don't implement SEO/On-page best practices at this stage and wait for the site redesign to implement best practices (more work) Implement new URL structure now and deviate from my trusted process. Do you see a third option? Am I overthinking it? Other important details: B2B brand is under-going a site redesign, mostly aesthetic but their a big corporation and will likely take 6-9 months to get up. Any input greatly appreciated. Cheers, Brent
Web Design | | pastcatch1 -
Changing top level navigation between site sections
We've got an internal proposal to change our top level nav depending on the section of the site. For example, on our homepage it might read: Products, Library, About with relevant links dropping down below. As we have varied products, the drop down underneath it would include the various families. When arriving on the product family page the top-level nav would change to represent more specific offerings. For example: xxx.com 1. Products; 2. Library; 3. About xxx.com/xxx 1. Product family 1; 2. Product family 2; 3. Product family 3; 4. Library; 5. About What are the SEO/UX implications of this? It seems confusing but allows more specific navigation via the main nav depending on the section of the site. Also it seems that an alternating TLN might not be too Google-friendly.
Web Design | | gwelch0 -
Responsive Design vs Mobile For This Site?
They are going to do an entire website redesign for http://gaport.com/ and I think they should adhere to responsive design best practices. However, I'm just saying that because everything I have read says that's the "way of the future" if not the way of the present already. Any reason, they shouldn't do that and keep the desktop/mobile sites? Thanks, Ruben
Web Design | | KempRugeLawGroup0 -
Image sliders & site speed
We are having a new website designed using WordPress and the Genesis framework. We wanted to include header image sliders on a number of internal site pages, but our designer says that sliders on more than just the home page will slow down the site significantly. How much could they slow down the site, and what can be done to minimize their effect on site speed?
Web Design | | GordyH0 -
What site do you admire/like for its SEO - technical, content, whatever - and why?
I am gathering examples of great SEO'd sites and would appreciate your examples. The rationale can be anything - great SEO structure, great linking, solid content - you think stands out. Thank you!
Web Design | | josh-riley0 -
Suggestions For My Ecommerce Site
I am starting to work on an ecommerce site that I am part owner of. My partner who is the other owner started the site a while back and because he has no internet marketing experience the site didn't come out very well. I am currently overhauling the site and here is a list of things first on my list so I can at least get started on some seo and even ppc. I would really appreciate it if you could take a look at our store and see if you think I am missing anything or you could suggest anything else that really should be done immediately or something that is wrong. The site is www.clubfitnesswarehouse.com Update magento to newest version Fix url structure to be SEO friendly for homepage, category pages, product pages etc. For an example of a site that has great seo friendly urls please refer to examples on http://www.bigfitness.com/ site. For example these pages. http://www.bigfitness.com/treadmillstore.html , http://www.bigfitness.com/bosplincy.html , Remove top navigation menu and instead create left sidebar navigation menu created to navigate site and products. For example of these types of sidebars please refer to sidebar on http://www.bigfitness.com/ or http://www.americanfitness.net/ We will NOT be using same structure as what is in top navigation currently. Categories and keywords of categories will be changed and some will stay the same structure as is currently in navigation For header we would like to feature our shipping policy, returns, privacy policy, no sales tax etc. For example I have seen that I like refer to http://www.spiderofficechairs.com/ Obviously we do not want to copy but something similar for our own site. All images on homepage must be changed to include clickable txt so google can read text not just pictures. We would also like product pages modified to make more user friendly and conversion increased. Add to cart button needs to be changed, text needs to be brighter instead of dull grey color. Add to cart button must also be moved ABOVE THE FOLD! Also on product pages we would like to add sections in addition to Product Description, of Specs, and About section for each product page. We also need the ability to change this information as needed when we need to.
Web Design | | PEnterprises0