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
-
I am Using <noscript>in All Webpage and google not Crawl my site automatically any solution</noscript>
| |
Web Design | | ahtisham2018
| | <noscript></span></td> </tr> <tr> <td class="line-number"> </td> <td class="line-content"><meta http-equiv="refresh" content="0;url=errorPages/content-blocked.jsp?reason=js"></td> </tr> <tr> <td class="line-number"> </td> <td class="line-content"><span class="html-tag"></noscript> | and Please tell me effect on seo or not1 -
Specifying image dimensions for site speed vs. responsive
I'm working on improving site speed from an SEO perspective, and one bit of advice I see often is to specify the dimensions of the images you're using so the browser knows the size of the image it needs to download. However, I am wondering what impact this may have if the site is responsive? If you specify the large dimensions suited for a desktop browser, would you be forcing a mobile browser to use that sized image? Has anyone seen dramatic improvements in site speed using the <picture>tag for responsive images?</picture> Thanks! Jannette
Web Design | | JannetteP1 -
Best way to indicate multiple Lang/Locales for a site in the sitemap
So here is a question that may be obvious but wondering if there is some nuance here that I may be missing. Question: Consider an ecommerce site that has multiple sites around the world but are all variations of the same thing just in different languages. Now lets say some of these exist on just a normal .com page while others exist on different ccTLD's. When you build out the XML Sitemap for these sites, especially the ones on the other ccTLD's, we want to ensure that using <loc>http://www.example.co.uk/en_GB/"</loc> <xhtml:link<br>rel="alternate"
Web Design | | DRSearchEngOpt
hreflang="en-AU"
href="http://www.example.com.AU/en_AU/"
/>
<xhtml:link<br>rel="alternate"
hreflang="en-NZ"
href="http://www.example.co.NZ/en_NZ/"
/> Would be the correct way of doing this. I know I have to change this for each different ccTLD but it just looks weird when you start putting about 10-15 different language locale variations as alternate links. I guess I am just looking for a bit of re-affirmation I am doing this right.</xhtml:link<br></xhtml:link<br> Thanks!0 -
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 -
Anyone migrated a site from PHP into ASP? Anyone migrated into Sitecore?
We have a network of websites in Linux-based PHP and we may be switching them over to ASP.NET and using SiteCore CMS. Right now, we don't have a CMS. We would also be switching from using file extension www.site.com/file.php to no extensions www.site.com/file/ therefore altering our directory structure. We are aware of the potential impacts to traffic of the initial migration, but are now more curious about SiteCore CMS and SEO, performance and indexation/crawlability. Has anyone made this move before or considered making it? Can you offer any success stories, horror stories?
Web Design | | Eric_edvisors0 -
My site build in HTML has been badly hit this recent update and I have been toying on the idea of changing it to Wordpress
My site build in HTML has been badly hit this recent update and I have been toying on the idea of changing it to Wordpress. Would this help in my rankings? It seems the hit came only that last 2-4 days when business become much quieter. Frankly i have no idea on why the site fell in ranking all of a sudden. Been comparing to competitors and even a friend in the same industry and nothing makes sense so far (link profile, DA, PA etc) This site has been ranking well for 3 years prior to this. 2. My site has loads of content and visitors arrive from various landpages. But by changing it wordpress, the url of most of them would probably change. What should i do? 301 redirect all of them or is there a better method?
Web Design | | rester0 -
Am I on the right track -- still not seeing results in rank, traffic, etc.
I am a complete novice, but I tend to learn quickly. My site is one year old, and I have very low traffic. I also rank poorly. I have recently learned a ton, and made some changes: 1. Put in meta no follow, no index tags on certain pages 2. Found and fixed some horrid content -- I had forgotten to finish certain pages (!) and they had been left up for months -- a good example is /California-homeschool.html basically said "Washington homeschool, blah, blah, blah" for about 8 months before I fixed it (!) 3. Added new content, changed the look and navigation of the site, added social media links and have been working to build those up (FB, Twitter, etc) 4. Started blogging regularly. Those are the main things I have done. I plan to continue to add content, tweak the navigation, and blog regularly. From what I can tell, link building should happen organically. My question is: Am I on the right track? Here is a link to my site: http://www.i-school-at-home.com Am I missing anything -- there seems to be so much info out there. Because there is a time lag between making changes and seeing results, I just would love to know if I am on the right track, before I devote more time to this strategy. What I would like to do is be the #1 homeschool website (long term goal) and generate revenue (eventually) from affiliate marketing and creating my own curriculum and resources. Thank you!!!!!!
Web Design | | WendyKKelly0 -
Mobile Web Sites
Hi I have started offering customers a mobile app view of their existing websites using sencha touch which works well. On visiting the website if a user visits via a mobile device they access the mobile app view of the site. I am looking for some best practice please - as many of the customers already have hosting with their existing website so would it be possible to use a subdomain of m.theirdomain.com which will point to the mobile website which will be hosted on our servers in the cloud. Or is the only alternative to use a subdomain for their mobile sites because they are hosted with us in the cloud of businessname.ourdomain.com ? Many Thanks
Web Design | | ocelot0