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
-
Need suggestion: What is the best internal linking structure for our website to gain in SEO & UX too?
Hi all, We have 3 different editions of our product we are selling with 20 features. 1st edition & 2nd edition comes with 15 features in which 10 are common in each edition. 3rd edition comes with all 20 features. Now what's the best way to interlink and show the navigational menu to highlight 3 editions and features as well? Much appreciated if some one refer me a website with such structure. Thanks
Web Design | | vtmoz0 -
CAPTCHA Alternatives to Improve Page Load Speed
Recently I had to install reCAPTCHA on my site. The site contains domain name generators and they were being misused, in the words of my host: _Addition of a Captcha will go one of two ways - hit the bruting on the head as intended - OR it will increase the load and the impact by rendering the Captcha's. _ Have noticed that reCAPTCHA adds a fair amount of code 32% of page size and 5 requests. I want to replace reCAPTCHA with an alternative, has anyone got any ideas? Cheers. Justin
Web Design | | GrouchyKids0 -
How do you influence the default site title?
Hi, We have noticed that on brand searches, a site's page title is replaced with the name of the site or the business, we can understand that this is due to the fact that a CTR enticing title is not as important when the customer is looking for a certain brand. What tells Google what company name to display in this instance? We're having trouble with our French site displaying the page title, we are moving the position of the title code earlier in the page, but can't see why a) Telefleurs is not displaying the title chosen and b) why it is displaying EuroFlorist when our French brand is Telefleurs. Any advice on this would be much appreciated! Thanks, Sam JgLwnGV.png
Web Design | | seoeuroflorist0 -
Help, site traffic has dropped significantly since we changed from http to https
Heya, so I am just in charge of the content on the site, and the SEO content, not the actual back-end stuff. A little under 2 weeks ago we switched to https, and our site traffic has been down a lot ever since. When I SERP check our keywords, they don't seem to have dropped in rankings pages. Here is what I got when I asked our dev guy if 301 redirects were put in: I did not add any redirects so all of the content is accessible on both unless individual links get hardcoded one way or the other. The only thing in place is a Cloudflare plugin which rewrites links in cached pages to match the way its accessed, so if for example you access a page over https you don’t get the version cached with a bunch of http links since that will throw up mixed content warnings in the browser. Other than that WP mostly generates all its links to match whatever protocol you are accessing the current page with. We can make specific pages redirect one way or the other in the future if we want to though... As a startup, site traffic is a metric we track to gouge progress, and so I really need to get to the bottom of if it was the change from http to https that has causes the drop, and if so, what can we do about it? Also, in case it is relevant: the bounce rate is now sky high (ave. 15% to 64% this last week!) Any help is very welcome! Site: https://mobileday.com Thank you!
Web Design | | MobileDay1 -
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 -
Site as one page - SEO implications
We may be inheriting a site and will be asked to do SEO for it. We will have control over the development of the site, so this structure is what it is. My question is - how significant of an impact do you think this is going to have and can you think of any workarounds that may help? Basically, the user experience of the site will feel similar to multiple pages. However, this site will, in essence be one page and pull various content through javascript from different locations. I have not seen the site yet (and believe it is still in development), but this is how it has been explained to me. Any thoughts? My first thought was to add a blog to add page depth to the site and expand the content. Any other thoughts are welcome and appreciated. Thanks. (I know this is limited information, I'm sorry. It's just about all I have to work with right now, and I was a little concerned and was hoping for a second opinion)
Web Design | | AdamWormann0 -
Yes or No for Ampersand "&" in SEO URLs
Hi Mozzers I would like to know how crawlers see the ampersand (& or &) in your URLs and if Google frown upon this or not? As far as I know they purely recognise this as "and" is this correct and is there any best practice for implementing this, as I know a lot of people complained before about & in links and that it is better to use it as &, but this is not on links, this is on URLs. Reason for this is that we looking to move onto an ASP.Net MVC framework (any suggestions for a different framework are welcome, we still just planning out future development) and in order to make use of the filter options we have on our site we need a parameter to indicate the difference on a routing level (routing sends to controller, controller sends to model, model sends to controller and controller sends to view < this is pattern of a request that comes in on the framework we will be using). I already have -'s and /'s in the URLs (which is for my SEO structuring) so these syntax can't be used for identifying filters the user clicks or uses to define their search as it will create a complete mess in the system. Now we looking at & to say; OK, when a user lands on /accommodation and they selects De Kelders (which is a destination in our area) the page will be /accommodation/de-kelders on this page they can define their search further to say they are looking for 5 star accommodation and it should be close to the beach, this is where the routing needs some guidance and we looking to have it as follow: /accommodation/de-kelders/5-star&close-to-the-beach. Now, does the "&" get identified by search engines on a URL level as "and" and does this cause any issues with crawling or indexation or would it be best to look at another solution? Thanks, Chris Captivate
Web Design | | DROIDSTERS0 -
Finally have a budget for a great seo ecommerce site but need help choosing wordpress, joomla, modx, magneto or? Thank you in advance for your generosity of time
We finally have a budget and want to dump our intuit/homestead site www.originalartbroker.com Our budget is 5k-10k but could do more if needed. I am slowly catching my competition with this homestead site that I built. But I do realize it is time to step back, figure out what is best, and hire a pro to get the job done. I am green in the seo and web development arena so please go easy on me and please help to point me in the right direction. Just went out on a limb a couple years ago playing with homestead.com site software and built what we have today. Didn't know anything about website development...it sort of just happened. I feel and know that homestead.com solution is hindering what we could be doing due to the bloated nature of the site and inability to perform such task as 301 redirects etc.... I have been able to slowly attain first page seo rankings on keywords based of the artists we carry using this po-dunk homestead platform to build my site after a ton of work education thanks to seomoz and a lot of you. But, have never asked for help and could really use some generosity of time in explaining a solution that would work best for our business. Do we just go with a wordpress site that is similar to our current setup and use their plugins? Do we use a cms software solution like magneto or joomla? We will only have 200-300 pieces at any given time. We are constantly selling and buying new pieces providing us content. We are need of a site that can perform well in terms of seo. I have heard of a lot of people talking about joomla, wordpress, and magneto. Would like to be able to have a product catalogue that ultimately sends whatever inventory we are uploading to our social sites and blogs so I don’t have to pump the product out to all of these sites. We offer free custom framing with our pieces and it would be nice to have a program that could wrap the photos of the pieces with the different frames for our customers. When I add a new piece I would like this software to have a predesigned product page that it plugs the information into. I would like it to create the url extension based of the artists name, medium used, and piece name to create unique and individual urls. I would like it to also create its own H tags throughout that product page according to the artist name description, and medium used. I would like to be able to sink this up to google merchant and other sites to carry our product. Bottom line is we sell art. We sell pieces by specific artists. We are constantly buying and selling. I need something powerful that keeps up with our content
Web Design | | forecastedinvestments1