Back to all posts

Designing with both search engines and users in mind

Business owners and web designers are pulled in many different directions when determining what features and content they should add to their website. Variables like site colors, button designs, animations, copy and messaging, user flow, search engine optimization, fonts, photos and video, page performance and more all play a role in how an overall design and user experience come together.

Of the variables mentioned—and there are certainly some that were left out—SEO is probably the most heavily weighted as most businesses want to be at the top of search results for their industry.

…by designing your site for Google, and not for your customers, you are actually hurting your rankings, not helping them.

However, designing for search engines can mean sacrificing too much of the user experience for the sake of appeasing the robots that crawl your site and determine ranking on SERPs (Search Engine Results Pages). This, in turn, will cause visitors to spend less time on your site, or to leave the site before performing an action such as submitting a lead form.

Ironically enough, search engines like Google then factor in metrics like session duration, bounce rate, and average pages per session to determine whether your website is worth ranking. In other words, by designing your site for Google, and not for your customers, you are actually hurting your rankings, not helping them.

You should, instead, design your website with your customer in mind.

 

1. Start with User Experience

Start by asking yourself a couple of questions regarding the user experience (UX). For example, why do I want customers to visit my site? Am I trying to sell them something directly on my website, or am I trying to entice them to contact my business or sign up for a newsletter? Do I want them to visit various webpages on my site in a certain order (i.e. the home page, about page, services page and contact page) or am I simply wanting readers to visit blog articles?

How you answer these questions will determine how you create your user flow. You want to start with the first page in the user’s journey (i.e. the Home page), then connect pages within the user experience that ultimately lead a visitor to the final goal (i.e. submitting a contact form or making a purchase).

Once you have determined how visitors flow throughout your site, you’ll want to make sure that the copy, or site text, contains subject matter that is concise and informative, with keywords your visitors are searching for prior to landing on your site.

Do not keyword stuff, as readers will find this sort of copy very annoying and search engines will penalize you for such a style of writing.

You’ll also want to make sure that your copy uses proper grammar, and is easily readable (i.e. doesn’t use super long sentences or big words).

Finally, you want titles that describe the main points of the text so that visitors can skim through the copy to find what they are looking for.

 

2. Always Properly Manage Images on Your Site

Within the various paragraphs of text, you’ll want to link users to the next page or product that is a continuation of the copy. And, you’ll want the link—which is the next step in the user flow—to be as obvious as possible, such as a nice big button right under the last paragraph of text.

For example, if you write a paragraph talking about how great your organic men’s t-shirts are, link that paragraph to your Men’s Organic T’s products so that customers are taken to the next stage in the purchase funnel. In this scenario, it may be helpful to have the button read “Click Here to Buy Organic Tees” or to just have a picture of the product and a button within the picture (sort of like the format for a Google Display ad).

It also helps to include images alongside your paragraphs that represent the subject matter within the corresponding text, even if the images aren’t linked (though they should be). Just be sure to compress and/or resize your images beforehand in a photo editing software like Photoshop or GIMP to maintain faster page loading speeds. Larger images slow down your site as they are larger in file size.

Plus, be sure to add a title to your image so that the Google crawl bots know what is in the image. Google’s bots can’t see images but Google loves recommending images to people in search results, so Titles and Meta-tags with relative keywords are the way they can “see” what’s in your image.

Finally, be sure to look up how to save your images in “Progressive” format, as this helps speed up the loading process of larger images on your site. Proper management of images on your site appeases both website visitors and search engines alike.

 

3. Make Sure Your Website Focuses on a Niche

Make sure that everything important on your site is accessible within 3 clicks.

The key thing to remember at all stages of your web design is that people are looking for something specific when landing on your site, and are wanting to obtain that specific thing as fast as they can without having to be on your site too long or having to visit too many sites.

Your site should be centered around a specific thing or niche so that customers or visitors will know they have landed on the right site immediately. In other words, you are attracting a very specific type of site visitor with a higher chance of performing an action when they land on your site.

Once they have recognized that your site has what they want, you must make it easier for visitors to obtain the item they came for. This means not making your visitors navigate to 5 different pages to finally land where they were wanting to land or find what they were after. In other words don’t bury the lead! This keeps visitors from getting frustrated and giving up, thus exiting your site and increasing your bounce rates or exit percentages.

 

4. Keep Your Site Secure

People usually rate security as one of the most important factors when visiting someone’s site and deciding on a service. If your site is extremely slow, looks outdated, and doesn’t have any indication that it is secure, it will turn away visitors faster than the pages can load.

However, if your site uses an SSL Certificate to secure the transfer of information between customers and the site, you’ll immediately make visitors feel more secure and thus increase your chances of a conversion.

Some websites go so far as to add a logo of the type of security certificates or software they use to add more security to something like, for example, a checkout page on an eCommerce site. Surprisingly, this has been proven to comfort customers during the checkout process.

It should be noted that you should only add the logo of the security programs you are implementing, as adding a logo of a program you don’t use to create the illusion of security is highly illegal.

 

5. Offer What Visitors Want

In the end, it comes down to whether or not your site has something to offer its visitors. This is why so many marketing companies talk about the importance of good and consistent content. Think of content in a variety of ways – it can be blogs, videos, new products, or new images.

These things should be continuously added or enhanced throughout your site. Your website and web design should consistently be getting better each day.

Additionally, good content should be matched with a high-performance, easy-to-navigate site that delivers what they need fast and in an aesthetically pleasing way. Add to that the comfort of security, and you’ve got yourself a site that will not only perform well for visitors, but also for search engines.

This article was originally posted at:
https://www.webdesignerdepot.com/2017/11/5-ways-to-design-for-customers-and-search-engines/

Can we take you from stuck to unstuck?

We'd love to hear from you

Product Design

The ‘Product’ is the website, service, application, interactive thing being worked on by the business. The practice of Product Design is similar in a lot of ways to UX Design. It involves the coming together of many specific design disciplines...

Call to action (CTA)

A call to action is a marketing term that refers to a prompt that invokes a response leading to a sale. When referring to a call to action (CTA) in the digital design world we usually mean the interactive element that leads to the next step in the experience - something that needs to be clicked or tapped.

User testing

User testing refers to a technique used in the design process to evaluate a product, feature or prototype with real users. There are several reasons why you might want to undergo usability testing, the most common is that it allows the design team to identify friction in a user experience they are designing, so that it can be addressed before being built or deployed.

WYSIWYG

WYSIWYG (pronounced WIZ-ee-wig) is an acronym for "What You See Is What You Get". It helps identify an an interface that allows user input resulting in an output that is rendered in a similar way. For example; a word processor application interface might resemble a piece of paper,so when printed the user can see how the output will appear.

Content Management System

A content management system (CMS) is an tool that allows a website editor/administrator to manage the content that is displayed. Websites are made of HTML and CSS to create pages. Pages can be hard-coded but would require technical development skills to make changes. A CMS usually allows a person without coding knowledge to amend existing and add new content to a website using a WYSIWYG interface.

Responsive Web Design

Responsive web design refers to a web page that dynamically adapts its layout to fit the size and orientation of the device on which it is viewed. A responsive design allows for a more optimised user experience across desktop and laptop computers as well as smartphones and tablets of varying sizes.

User Stories

User stories allow the functionality of a product or service to be expressed as written descriptions of an experience as seen from the users perspective. The writing of user stories creates a list of design and development tasks to complete in order to create any required functionality.

User Interface

A user interface (UI) is a conduit between human and computer interaction - the space where a user will interact with a computer or machine to complete tasks. The purpose of a UI is to enable a user to effectively control a computer or machine they are interacting with, and for feedback to be received in order to communicate effective completion of tasks.

Personas

A persona in UX Design is the characterisation of a user who represents a segment of your target audience. On a project you might create any number of personas to be representative of a range of user needs and desires. The solutions you design must answer these needs in order to deliver value to your target audience.

Card sorting

A great, reliable, inexpensive method for discovering patterns in how users would expect to find content or functionality. Card sorting is used to test the taxonomy of data with a group of subjects, usually to help inform the creation of the information architecture, user flow, or menu structure on a project.

Brainstorming

A technique used to generate ideas around a specific topic. Often done in groups, but can be done individuals. The process usually involves writing down all ideas around a topic onto paper, a whiteboard or stickies often implying some kind of association.

Minimum Viable Product

An MVP is a product that has the minimum set of features to prove the most essential hypothesis for a product. Businesses building a new product can create a Minimum Viable Product to prove that an idea is viable and warrants further investment. A further benefit being that the next stage of development can be informed by feedback obtained from testing that MVP.

Sitemap

A sitemap is a diagrammatic representation of a hierarchical system. It usually depicts the parent-sibling relationship between pages in a website, showing how sub pages might be arranged underneath their parent groupings. This arrangement forms a map of the site.

User journey

A user journey represents a sequence of events or experiences a user might encounter while using a product or service. A user journey can be mapped or designed to show the steps and choices presented as interactions, and the resulting actions.

Prototype

A prototype is draft representation built to test ideas for layout, behaviour and flow in a system. Prototypes are an indispensable tool for resolving a large number of potential issues in a concept or business before too many resources are deployed to put a design into production.

Wireframes

A Wireframe is a visual schematic that conveys a basic level of communication, structure and behaviour during the design of a system. Wireframes are low-fidelity designs that bypass including a detailed user interface or visual design, conveying just enough to get across the core idea.

Usability

To say something is usable is a qualitative statement about how easy that thing is to use. Usability is an assessment of how learnable a system is and how easy a user finds it to use. The usability of a system or product is a key factor in determining whether the user experience is a good one.

Information Architecture

Information architecture is the design and organisation of content, pages and data into a structure that aids users understanding of a system. A more organised system enables users to more easily find the information they require and complete the intended tasks.

UI Design

User Interface Design is the discipline of designing software interfaces for devices, ideally with a focus on maximising efficiency, responsiveness and aesthetics to foster a good user experience.

UX Design

The practice of User Experience (UX) Design is the coming together of many specific design related disciplines to improve the usability, responsiveness, uptake and aesthetics of a product or service.

User Experience

A general term that covers all aspects of a user's participation while engaging with something that has been designed. Usually when talking about User Experience in the digital design field it refers to the interactions, reactions, emotions and perceptions while using an app, service, website or product.