Skip to content

How to Optimize Your Website for Z Pattern Scanning

How people scan the hero section of your website - Stafford Technologies

How to Optimize Your Website for Z Pattern Scanning

We’re busy. It’s just a fact of modern life. We have things to do and people to see and we don’t have time to waste on a website that isn’t going to solve our problem. That’s alright… we have a built in mechanism that protects our time. It’s called scanning.

No, not the kind of scan Kirk would order from Spock to see if there were any dangerous life forms in the Omicron Delta region so they can take a much needed shore leave but, close.

Why do people scan our websites?

Our brains are hard-wired to thrive and survive. Our brains do anything they can to help us and scanning is part of the survival mechanism.

Time is incredibly valuable to us and we protect it like we would protect water in a desert. This is why the brain automatically kicks into scan mode when we are presented with a new website. We scan it first to get the okay from our brain to spend our valuable time reading the rest.

How do people scan websites?

Different parts of your website are scanned in different ways. The hero section or top of your website is scanned in a ‘z’ pattern. The main content of your website may be scanned in an ‘f’ pattern depending on how you have the content setup.

Today we’ll explore the hero section since this is the first thing people see and is the determining factor in whether or not they continue through the rest of your website.

How do I optimize for Z pattern scanning?

When someone visits your website their eyes scan the page from top left to top right, then down diagonally to the bottom left corner, then from bottom left to bottom right. You can see this in the graphic below.

How people scan the hero section of your website - Stafford Technologies

This is why the information ‘above the fold‘ is so critical. We want to be sure website users get a chance to scan all the important information. This will allow them to make a better informed decision as to whether or not the information they will receive on the rest of the website is worth spending their time reading.

This decision is made in a split second so optimizing each part of the Z pattern is critical to your website’s success.

Let’s take a look at our main page as an example and take you through the importance of each part of the Z.

How people scan the hero section of your website - Stafford Technologies

Top left:

The first thing people see. We want to be sure we are telling them who we are and, if possible, use a tagline to let them know what we do. If you don’t have a tagline that’s okay. We’ll let them know what we do later on as well.

Scan to the right:

DO NOT CLUTTER! This area should be clean and simple, don’t clutter it with navigation. Navigation is confusing and a hurdle to scanning. It interrupts our brains natural desire to help us survive by scanning. Besides, you’ve spent a lot of time creating a beautiful web page, why would you want to send people somewhere else before they’ve had a chance to read it?

Top right:

Call to action. Give people a chance to contact you right away. If they’ve done a branded search or they typed your URL directly into the web browser, this is probably what they want to do anyway. We’ve shown them their in the right place with our top left logo now we need to tell them how they can get started doing business with us.

Down and to the left:

This is the most important part of this pattern. This is where you want to tell people what you do, how you do it, who you do it for and how to get started. The catch. You have to do it quickly and in the simplest easy to remember way you can.

What to include in the hero section of your website - Stafford Technologies

You can see from the example in our website hero’s center, we take the user through each step in short, easy to read and easy to remember language. If possible, show someone enjoying your product or service or what success looks like after using it. It’s hard for us to do that so we show a happy guy who represents our target audience pointing to our content. By pointing, he’s telling the user to take action and they can be happy just like him.

Back to the right:

Now that we are at the bottom of the screen we will go back to the right. This is a great place to show the benefits or the value you provide. You want the last thing users see before making the decision to continue to be positive and focused on the value they will receive if they continue and use your product or service.

What can I do now?

You should rework the hero section of your website to optimize it for Z pattern scanning. It’s not that difficult when you follow the formula. Write ad copy focused on the customer, keep it clean and eliminate the navigation, leave them with the value they will receive.

 

Til next time…
CHEERS!
Michael 🙂

P.S. Here are some great ways I can help you grow your business right now:

Website Success Call: We’ll talk about the concerns you have about your website and see if we can answer some of your questions and get you moving in the right direction.

Google My Business Success Call: We’ll talk about the problems your having with getting some traction in local search and see if we can help you move the needle a bit.

All calls are 100% FREE and carry no obligation. We’re passionate about ridding the world of website shame and we love sharing when we can.

P.S.S. If you need help with something or would like too see an article or a “Digital Marketing in 60 Seconds or Less” video about a certain topic, email me directly at info@staffordtechnologies.net.

Share:

LinkedIn
Facebook
Twitter
Email
Print

Share

Facebook
Twitter
LinkedIn
Email

Most Popular

Related Posts

The Best Image Vendors by Stafford Technologies

Best Image Vendors

Discover our go-to free and paid image vendors to boost your visuals—plus tips to stay copyright-safe and creative.

Read More »
Clutter on Your Website's Homepage - Stafford Technologies

3 Simple Steps to Get More Conversions From Your Website’s Homepage

Get More Conversions From Your Website’s Homepage.  “Your homepage is for branded searches and business cards.” I said that the other day in our blog about why you shouldn’t try to rank on Google for your website’s homepage. I further said “It’s job is to direct them to the right place where they will find the answer to their problem or question.” Here are three simple steps to help your homepage do its job. Avoid Clutter One of the biggest conversion killers on a homepage is clutter. There’s just too much information on the page because most people are trying to rank their homepage in Google search results. Finding the solution to your problem is like trying to find Waldo and his walking stick.

Read More »
How people scan the hero section of your website - Stafford Technologies

How to Optimize Your Website for Z Pattern Scanning

How to Optimize Your Website for Z Pattern Scanning We’re busy. It’s just a fact of modern life. We have things to do and people to see and we don’t have time to waste on a website that isn’t going to solve our problem. That’s alright… we have a built in mechanism that protects our time. It’s called scanning. No, not the kind of scan Kirk would order from Spock to see if there were any dangerous life forms in the Omicron Delta region so they can take a much needed shore leave but, close. Why do people scan our websites? Our brains are hard-wired to thrive and survive. Our brains do anything they can to help us and scanning is part of the survival

Read More »
Why You Shouldn not Rank For Your Homepage - Stafford Technologies

Why You Shouldn’t Rank For Your Homepage

 People come to me all the time, excitement radiating from their faces like sunbeams, to tell me they have their homepage ranked number one in Google. Now imagine the shock when I tell them they’re doing it wrong. Their next sentence is always accented by their bewilderment and exasperation… “What do you mean?” Two reasons you shouldn’t rank for your homepage There are several reasons not to rank for your homepage including wasted time, money and effort but I’ll give you two that we see all the time that you can take immediate action on. 1. Give the people what they want! There is nothing worse than doing a search on Google and finding exactly what you’re looking for only to find out when

Read More »
Get Rid of Your Website Shame - Stafford Technologies

How To Get Rid Of Website Shame

Website shame is a real thing. You’ve experienced it yourself or you may be experiencing it now. You’re not alone. Most small businesses go through it at some point, including our own. What’s website shame? Have you been handed a card with a scratched out website? Have you ever been handed a card by a business owner who tells you to give them a call “…but don’t look at my website. The information is wrong.” or, “…don’t look at my website, the pictures haven’t been updated in ten years!” That’s website shame. When we decide we want people to avoid our website. Why is website shame a problem? Most small business owners build their businesses on word of mouth. In simpler times, we built our

Read More »
How Patience Can Help You With Instagram Hashtags - Stafford Technologies

How Patience Can Help With Instagram Hashtags

 *UPDATE 8/14/2020: I ran my first Instagram post with no hashtags and my ‘Reach’ was down to 37 and ‘Impressions’ down to 40. That’s as low as it can go so I am going to add Instagram hashtags to our next post – I think I got my baseline…LOL! “Pazienza, pazienza!”  That’s what my grandmother, Giovanna (or Jean for our english friends) would exclaim while she was sitting at the kitchen table with a box grater and a wheel of cheese and I was trying to grab chunks that didn’t get ‘grated’. Those chunks of ungrated cheese were pure taste bud heaven and the most coveted prize in the house. Along with the sizzle and the thick, sweet smell of the onions sweating in

Read More »
How to Post on Instagram When Followers Are Most Active - Stafford Technologies

How to Post on Instagram When Followers Are Most Active

Do you spend a lot of time posting to your Instagram account and wonder why you’re not getting any engagement? I know I have! There’s an answer. Post when your audience is most active. Sounds simple, right? Most of the time, when an author writes “Sounds simple, right?” There’s always a catch… not this time. It’s pretty simple to find out what day and what time your followers are most active. This assumes you already have a Instagram Professional account. If you don’t have one click here for a quick guide on How to Switch to a Professional Instagram Account (and why it matters). Once you’ve caught up and you have a Professional account you can follow these easy steps or watch the accompanying Digital

Read More »
Why Should I Measure Instagram Hashtag Performance?

Why Should I Measure Instagram Hashtag Performance?

I know everyone visits my blog for the great writing so I am sorry to disappoint today – this will be short and sweet. Today we’ll scratch the surface of measuring hashtags for Instagram posts. Why should I measure Instagram hashtag performance? As I stated in my last post, “How to Research Hashtags for Instagram Posts” if you’re not measuring you’re wasting your time. Here is a quick example: I changed up my hashtags for my last Instagram post. I don’t mean a slight change. I mean a wholesale change. I really wanted to get a good baseline so I went from these 30 hashtags: #contractorsofinsta #buildersofinsta #homerenovationlife #marketing #marketingtips #digitalmarketing #seo #website #websitedesign #webdesigner #homebuilder #homebuilders #roofingcontractor #deckbuilding #builder #builders #generalcontractor #commercialconstruction #plumbers #hvac

Read More »