5 Min Task: Are your website visitors seeing the important parts of the page? Find out with this simple free tool

Are your website visitors seeing the important parts of the page

Are your website visitors seeing the important parts of the page

With the move to smartphones & tablets, you need to make sure your visitors can see your important content

Are your web pages delivering?

Are the website pages on your site delivering what you want? Are you getting as many enquiries or sales as you’d like to? Have you spent time, effort and money driving traffic to your site only to see on a small increase in business, or even none at all.

Getting websites to work is harder than people think

If the answer is yes to any of these you are not alone. The simple fact is that getting websites to deliver effective results, is much harder than people think, and often involves much more ongoing effort than anyone would think they needed when they started out.

Some visitors may not be seeing your buy buttons or enquiry forms

One of the biggest problems is that things in the internet world are moving very fast, especially in the way people are viewing websites, and if your site was built even a year ago, it may be letting you down in a very fundamental way. Or to put it another way: visitor coming to your site may not even notice your product buy buttons, or enquiry form buttons, because the device they’re using and your website are not compatible enough.

More people are visiting using smartphones or tablets

The reason for this is that more and more people are using mobile smartphones, netbooks and tablets, all of which have much smaller screens than the traditional desktop or laptop computer.

This means they don’t see as much of the page as they should. But it can be much worse than that. Those add to cart and enquiry buttons, you spent time and effort building into the site, may not even be appearing to some of your visitors.

Simple free tool to show what visitors are missing

What is needed is a simple tool that can show you which parts of your pages are visible and which are not. Luckily Google have added just such a tool in their popular Analytics system.

New Browser Size within Google Analytics

Called Browser Size and based on a similar tool that used to live in Google Labs, it enables you to assess each page of you website visually and identify the areas of the page people can see, depending which browser or device they’re using.

Let’s get started…

So how do you go about using this tool? The good news is that unlike many of the other tools built into Analytics Browser Size is very easy to use. It is a very simple tool and so people can quickly understand how to get the best from it.

Below I’m going to outline how to use this tool and then I’ve included some screenshots of website pages showing which parts of the pages people are seeing, together with some actions to improve.

[s2If current_user_is(subscriber)]

Click on the graphic below to continue with this 5 Minute SEO Task.


[s2If !is_user_logged_in()]

Click on the graphic below to continue with this 5 Minute SEO Task.


[s2If current_user_can(access_s2member_level1)]

Find the tool within Google Analytics

First thing to do is visit the Analytics site click on the “Standard Reporting” tab in the orange bar along the top and then look down the links on the left side. Click on “Content” near the end, and then click “In-Page Analytics” near the end of these drop-down links.

You’ll see your website homepage within Analytics

This should open to show your websites home page and it may have some callouts showing the clicks on the page.

The controls for In-Page Analytics and Browser Size are all along a row starting with a button called “Clicks” and ending with a button showing an arrow pointing down and one pointing to the right. If you click this button it will give you more room to see your page.

Screen show showing Browser Size in Google Analytics

Screen show showing Browser Size in Google Analytics

Open the Browser Size Tool

To open Browser Size click on the grey “Browser Size” button. This will overlay part of the page with light orange shading as abve. Then tick the “Show percentiles” box. This will show the visible portions of the page as a percentage.

Work through your web pages and see how visible they are to visitors

This is really all there is too it. Now you can click through the pages of your website and see just how visible the different parts of the pages are. In simple terms if it shows 50% that means only 50% of your visitors will be able to see that part of the page, without scrolling.

Information based on actual visitors to your site

As the information is based on the actual visitors to your site it is very accurate. So for instance, if a lot of your visitors are coming from smartphones and the website is not supporting them very well, this should show in Browser Size.

Here’s a couple of examples

Below are some example of difference websites shown in Browser Size with comments and possible actions to take based on what it shows.

Example from www.racing-challenge.com

This is quite a good example of a site that gets quite a bit of its traffic from smartphones and tablets. When viewing with these devices, only a small part of the page is available without scrolling.

Things to consider here, might be to work to make the site more mobile friendly, or a least ensure people see enough in the initial visible section, to want to start scrolling.

Example of Browser Size from Racing Challenge

Example of Browser Size from Racing Challenge

Example from www.meadowmania.co.uk

The example below is from the site Meadowmania.co.uk. It shows one of the order pages with different types of seeds people can click on to order. In this example half of the page is visable to 70% of visitors. The other 30% are within the lower orange lines.

I’d consider this quite a good results, considering how many products are on the page. The likely reason for this is that most of the visitors on this site are using traditional PC or notebook computers rather than smartphones, and so have much bigger screens.

Example of Browser Size from Meadowmania.co.uk

Example of Browser Size from Meadowmania.co.uk


[/s2If] [s2If !current_user_can(access_s2member_level1)]


Leave a Reply

Your email address will not be published. Required fields are marked *