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
-
AMP vs Responsive Design? Mobile SEO
Hello !! We are developing a new website with responsive design. As is recommended, the idea would be to have a unique site for mobile and desktop, with same content and same url for both devices, using responsive design to adapt the layout depending on the device. My doubt in here is about the AMP pages? If my website has responsive design, perfectly optimized for mobile do I need somehow AMP pages? As far as I understand, these amp pages would be useful if I had different pages for mobile, but this is not the case. Am I correct or am I missing something? Thanks for your help :
Web Design | | AutoEurope1 -
Migrating Magento site to Shopify Plus without dropping in SERPS
We have been looking at moving our ecommerce store www.pretavoir.co.uk from Magento to Shopify Plus. However, as we rank quite well at present we are interested in hearing experience others may have had making this change and also any advice that you may have... Also, any general comments on Shopify appreciated..
Web Design | | seanmccauley0 -
Responsive Site has "Not Found" Errors for mobile/ and m/ in Google Search Console
We have recently launched a new responsive website for a client and have noticed 2 "Not Found" errors within Google Search Console for /mobile and /m Both these URLs are not linked from anywhere within the site. However Google is reporting them as being linked from the homepage. This is not the first site we have seen in which Google has reported this error, however the other site was not a mobile friendly site. My thoughts are to 301 them back to the Homepage. Anybody else have any thoughts on this? or have recently received the same errors?
Web Design | | JustinTaylor881 -
Old site to new WordPress site - Client concerned about Yahoo Ranking
Hello, Back Story I have a client (law firm) who has a large .html website. He has been doing his own SEO for years and it shows. I think the only reason he reached out to a professional is because he got a huge penalty from Google last fall and fell very far down in rankings. Although, he still retains a #1 spot in Yahoo for his site for the keyword phrase he wants. I have been creating a new WordPress theme for the client and creating all new pages and updating the formatting/SEO. From the beginning I have told the client that when we delete the old site and install a new WordPress site (same domain name, but different page hierarchy) he will take a bump in the search engines until all the 301 redirects get sorted out. I told him I can't guarantee any time frame of how long the dip in SEO will last. Some sites bounce right back while others take longer. Last week, during a discussion, he tells me that if he loses his #1 ranking on Yahoo for any length of time he thinks he will go out of business. Needless to say I was a little taken back. When it comes to SEO I use best practice techniques, do my research, stay on top of trends but I never guarantee rankings when moving to a new site. I'm thinking of ways I can help elevate any type of huge SEO drop off and help the client. Here is what I was thinking of suggesting to the client and I would love some feedback. Main Question He has another domain he isn't doing anything with. It's pretty much his domain name with pc added. I was thinking about using that domain to create a simple 1-2 page WordPress website with brand new content (no duplicate content) aimed at attracting his keyword phrase. I would do as much SEO as I could with a 1-2 page site and give it a month or so to see if this smaller site can get into the top #10 in Yahoo, or higher. Then, when we move the site he will still have a website on the first page of Yahoo for his keyword phrase. I hope I explained it clearly 🙂 I would be open to any suggestions anyone may have. Thanks
Web Design | | Bill_K0 -
Site structure- category pages
Hi, I'm relatively new to SEO but have tried to apply all best practices to my site. However, I've hit a stumbling block when it comes to whether or not to index my category pages. http://istudyenglishonline.com/category/expressions-idioms/ General info: the site has been created with Wordpress and has a directory of English idioms. Each idiom is associated with one or more categories that it falls under (emotions, sports, food etc). Each category has its own page where the list of idioms will be. As each idiom often has more than one associated category, the same idiom will appear in different category pages, thus creating duplicate content. However, I have given each category page its own unique description. The issue is, when there are numerous idioms, the category page will have more than 1 page. I don't have the ability to create a unique description for each subsequent page of the main category. I know that the very model for some vertical search engines (such as indeed.com) is to create such landing pages and that the more "categories" that they have assigned to their job ads, in this case, the more pages created and the more pages indexed in Google. This seems to work very well for them. My question is, am I doing things right? Should I be doing anything to the subsequent category pages to avoid duplicate content? My plan was to have so many idioms associated with so many categories that I have a fair number of landing pages indexed in google, thus attacking the long tail keywords. However, I'm not sure if I am going the right way. Any advice would be much appreciated!
Web Design | | villarroel0 -
How do I optimize a site designed to be one scrolling page of content?
Our website uses section ID's as its navigation so all the content is on one page. When you click About Us, the page scrolls down to About Us. Products, the page scrolls to Products section, and etc. I am getting crawl errors for meta descriptions but will this go away once the main domain has this info? We just added the meta keywords and description to the header and since the navigation sections use the same page, I assume it will correct the errors. Any other advice on optimizing for site designs like ours would be great. www.theicecubekit.com is the site. Thanks,
Web Design | | bangbang
Chris0 -
What are some on-pg recommendations for a flash resort site?
One of my clients want to be index for all their pages but I am afraid the website may have difficulty since it is all in flash. The website is a luxury brand for resorts. The website is me.graficode.com/preprod/ and currently has 6 main subfolers for resorts. Please let me know what recommendations will help me organically. It is hard to add content which will cause probelms for headers and keyword density.
Web Design | | Melia0 -
Redesign of an ecommerce site
We are thinking to redesign our ecommerce site and was wondering would we loose our google rankings in any way? That's something we don't want. We want to achieve a better and cleaner looking website. It's a more like template redesign. But adding extra functionalities. We will add upselling and crossselling features to product pages. Some products have reviews and some don't. If a product doesn't have a review random testimonials will replace the reviews. We will redirect all urls's if category structure changes. All content title, headings remain same. Any suggestions are welcome 🙂
Web Design | | Jvalops0