How to design a website for customers and search engines

How to design a website for customers and search engines

Joanne Amos's Layout avatar

User experience and organic search performance are intrinsically linked; the design of your website is key to both. Web design affects the ease of use for your visitors, as well as the website’s ability to rank well for relevant terms.

Search engine optimization is essential for businesses that want to be at the top of the SERPs for their industry. But if you design purely for search engines, your content is likely to be unappealing to humans. This causes users to drift away, which has a negative effect on your rankings.

But when a visitor lands on your site, spends lots of time browsing multiple pages, interacting with your content, and returns repeatedly, Google will reward you with higher rankings. However, there’s little point in designing an amazing UX if nobody can find the site in the first place.

SEO is about driving people to your site, while UX is about keeping them engaged when they get there. Hit the sweet spot with both and you’ll be rewarded with increased organic traffic, higher conversions, and a boost for your brand credibility and authority.

Here are my top tips for designing a website that appeals to customers and search engines:

  1. Design with the customer in mind
  2. Map out a clear site structure
  3. Focus on providing quality content
  4. Manage your images
  5. Make it speedy
  6. Be responsive
  7. Ensure your site is secure


1. Design with the customer in mind

Designing sites on WordPress just got easier! Check out Local, the free local development tool of your dreams!

Whether you’re designing a brand new site or undertaking a redesign, you should always begin with your customers. What are the end goals for the website? What do people need from you? Do you want to sell a product or service, inform or advise people, build your brand authority, increase your mailing list, etc.?

Your end goals determine the user flow of your site.

This is important because search engines reward sites that offer a great experience to users. If your site attracts lengthy visits, has a healthy volume of inbound links, and good social shares, it demonstrates to Google that it’s a quality site. So get clear on your end goals before you do anything else.


2. Map out a clear site structure

layout by flywheel design website for customers and search engines how to tutorial man with tape measure extended toward camera

Site structure is about making your content easy to find for humans and search engine bots.

Users should be able to land on your website and intuitively navigate to the information they’re seeking. Most visitors will land on your homepage. From there, their journey should lead them via a logical flow to their end goal.

While they’re clever, search engine bots are a little more limited in how they discover your content – they need lots of useful nudges in the form of links. If you don’t have a good linking structure or your links are broken or buried, your content won’t be ranked simply because search bots can’t find it.

Your goal is to design a site structure that’s intuitive for humans and easy for search engines to crawl.


3. Focus on providing quality content

Once upon a time, SEO was all about keyword stuffing. But those days are long gone. Modern SEO is focused on offering quality content.

Again, start with your customers’ needs. Before designing each page, think about its specific goal. What do you want visitors to do after landing there? What do you think your visitors are looking for when they arrive? Determine the best type of content to guide them in the right direction. This will help you design the page effectively.

Be consistent about adding new content to the website so Google knows it’s a going concern. This can be in the form of blog posts, videos or other media, new products or services, and so on.

Always proofread thoroughly before hitting publish to check your spelling, grammar, and punctuation are on point, that you haven’t used any super long sentences, and that content blocks are broken up with images and plenty of whitespace.


4. Manage your images

layout by flywheel design website for customers and search engines how to tutorial woman with polaroid camera in front of face

Images and other media are great engagement tools, but unless they’re carefully managed, they could be doing your SEO more harm than good.

From the users’ point of view, images should always have a strategically important reason for being on the page, whether to demonstrate a product or highlight something you’ve written about in the text.

Search bots however, can’t ‘see’ what the image it. They need to be told. So when uploading an image always include a title and description so it can be ranked properly and recommended in relevant online searches.

In addition, your images should be edited and resized accordingly. If images and other media are too large, they’ll slow a site down. And we all know what users think of slow-loading websites…


5. Make it speedy

Your site may be beautiful to look at and designed with an intuitive navigational flow, but if it takes too long to load, your users will be off. And Google will take note. Slow-loading sites suffer the double ignominy of users bouncing away and a drop down the SERPs.

In addition to optimizing your images and other media, take steps to minimize bloat on your page by deleting unnecessary plugins, enabling browser caching, minimizing redirects and HTTP requests, and enabling compression and lazy loading.

This is especially important as the majority of searching today takes place on mobile devices.


6. Be responsive

Today, more people browse the web via their smartphones and tablets than on a traditional computer. So if your website isn’t optimized for mobile devices, you’ll frustrate your customers and face being penalized by Google.

Having a responsive website provides you with a good foundation – you’ll keep Google happy and your users won’t have to resort to pinching and swiping to find their way about.

You should also ensure that you design from a “mobile first” perspective, as Google’s algorithms primarily use the mobile version of your site to rank your content. And bear in mind that some of your customers will be searching via voice search – experts recommended adding a Q&A section to your site to satisfy the increase in question-based searches this is likely to produce.


7. Ensure your site is secure

Finally, your site security impacts how safe visitors feel using your site. If your site looks outdated and isn’t secure, people are far more likely to look elsewhere. Having an SSL certificate increases the trust people have in your website, makes them feel more secure using it, and increases your chances of getting a conversion.

What’s more, Google also takes your site security into account when ranking your site. Without an SSL certificate, you’re likely to be way behind your main competitors that have secure websites.

Secure your site with a free SSL certificate

Get a free SSL certificate with any Flywheel hosting plan

Get your own SSL certificate and that little green padlock of your dreams when you spin up a new site on Flywheel’s managed WordPress hosting platform. On top of a secure site, you’ll get all the benefits of our impressive infrastructure, wonderful workflow tools, 24/7 support team, and so much more! Ready to discover your new favorite web host?


While user experience and SEO are both equally important when designing or redesigning a website, the good news is that what’s good practice for one is usually also beneficial for the other. By following these helpful hints, you should end up with a website that appeals to both humans and search bots.

What do you think are the most important factors to consider when designing for customers and search engines? Can you add anything to my list? Tell me in the comments below.

Looking for more website tips? Try one of these articles!

This article has been updated since it was originally published on April 6th, 2018.

Comments ( 86 )

  1. RobertKet

    May 9, 2025

    cheap Cialis online: best price Cialis tablets - generic tadalafil

  2. RonaldFOEFS

    May 9, 2025

    https://modafinilmd.store/# doctor-reviewed advice

  3. ElmerSip

    May 7, 2025

    вавада официальный сайт: вавада - vavada

  4. ElmerSip

    May 7, 2025

    pin up az: pinup az - pin up casino

  5. ElmerSip

    May 6, 2025

    pin-up: pin up azerbaycan - pin-up

  6. ElmerSip

    May 5, 2025

    pin-up: pin-up - pin-up casino giris

  7. Richardmat

    May 3, 2025

    вавада зеркало [url=https://vavadavhod.tech/#]vavada вход[/url] вавада официальный сайт

  8. Richardmat

    May 3, 2025

    pin-up casino giris [url=http://pinupaz.top/#]pinup az[/url] pin-up

  9. ElmerSip

    May 2, 2025

    vavada вход: вавада официальный сайт - вавада официальный сайт

  10. BrianCrugh

    May 2, 2025

    пин ап казино официальный сайт: pin up вход - пин ап казино

  11. ZackaryCaush

    May 2, 2025

    https://pinupaz.top/# pin up

  12. BrianCrugh

    May 2, 2025

    pin up azerbaycan: pin up casino - pin up az

  13. ZackaryCaush

    May 2, 2025

    http://pinupaz.top/# pinup az

  14. ElmerSip

    May 1, 2025

    пин ап казино официальный сайт: pin up вход - пин ап казино официальный сайт

  15. ZackaryCaush

    May 1, 2025

    https://pinupaz.top/# pin up azerbaycan

  16. ElmerSip

    May 1, 2025

    pin up вход: пин ап казино - пин ап казино

  17. ElmerSip

    May 1, 2025

    vavada: вавада - вавада казино

  18. ElmerSip

    May 1, 2025

    pin up вход: пин ап вход - пин ап вход

  19. ZackaryCaush

    May 1, 2025

    https://pinupaz.top/# pin-up casino giris

  20. ElmerSip

    April 30, 2025

    пин ап зеркало: пин ап казино - пин ап зеркало

  21. ZackaryCaush

    April 30, 2025

    http://vavadavhod.tech/# vavada casino

  22. ElmerSip

    April 30, 2025

    pin up casino: pin up casino - pin-up casino giris

  23. Kennethsheby

    April 30, 2025

    pin up casino: pin up azerbaycan - pin up casino

  24. ElmerSip

    April 30, 2025

  25. Kennethsheby

    April 30, 2025

    pin up azerbaycan: pin up - pin-up

  26. ElmerSip

    April 30, 2025

    pinup az: pin up azerbaycan - pin up azerbaycan

  27. ZackaryCaush

    April 30, 2025

    http://pinuprus.pro/# пин ап казино

  28. Richardmat

    April 30, 2025

    pin up azerbaycan [url=https://pinupaz.top/#]pin up azerbaycan[/url] pin up azerbaycan

  29. Kennethsheby

    April 30, 2025

    vavada casino: вавада казино - vavada

  30. ElmerSip

    April 30, 2025

    pin up az: pin up az - pinup az

  31. ZackaryCaush

    April 30, 2025

    https://pinuprus.pro/# пин ап вход

  32. BrianCrugh

    April 30, 2025

    vavada casino: вавада - vavada casino

  33. Dannysit

    April 30, 2025

    precription drugs from canada: Express Rx Canada - best canadian online pharmacy

  34. Walterhap

    April 30, 2025

    https://medicinefromindia.shop/# MedicineFromIndia

  35. Walterhap

    April 29, 2025

    https://rxexpressmexico.shop/# mexican online pharmacy

  36. Michaeljouch

    April 29, 2025

    MedicineFromIndia [url=https://medicinefromindia.shop/#]Medicine From India[/url] Medicine From India

  37. Dannysit

    April 29, 2025

    buy drugs from canada: Buy medicine from Canada - canadian pharmacy king reviews

  38. MichaelFaulp

    April 29, 2025

    medicine courier from India to USA: MedicineFromIndia - indian pharmacy online shopping

  39. Dannysit

    April 29, 2025

    mexico drug stores pharmacies: mexican online pharmacy - mexico pharmacies prescription drugs

  40. Walterhap

    April 29, 2025

    http://rxexpressmexico.com/# mexico drug stores pharmacies

  41. Michaeljouch

    April 29, 2025

    RxExpressMexico [url=https://rxexpressmexico.shop/#]mexican online pharmacy[/url] mexico drug stores pharmacies

  42. MichaelFaulp

    April 29, 2025

    indian pharmacy: medicine courier from India to USA - MedicineFromIndia

  43. Dannysit

    April 29, 2025

    RxExpressMexico: mexico pharmacies prescription drugs - mexican rx online

  44. Walterhap

    April 29, 2025

    https://rxexpressmexico.shop/# mexican rx online

  45. MichaelFaulp

    April 29, 2025

    canadian pharmacies: Express Rx Canada - canadian drug pharmacy

  46. Dannysit

    April 28, 2025

    п»їlegitimate online pharmacies india: MedicineFromIndia - medicine courier from India to USA

  47. Walterhap

    April 28, 2025

    http://medicinefromindia.com/# indian pharmacy online shopping

  48. MichaelFaulp

    April 28, 2025

    india pharmacy mail order: MedicineFromIndia - MedicineFromIndia

  49. Dannysit

    April 28, 2025

    canada drug pharmacy: ExpressRxCanada - canada cloud pharmacy

  50. Walterhap

    April 28, 2025

    https://expressrxcanada.com/# cross border pharmacy canada

  51. MichaelFaulp

    April 28, 2025

    mexico pharmacy order online: mexican online pharmacy - mexico pharmacy order online

  52. Dannysit

    April 28, 2025

    canadian pharmacy price checker: Express Rx Canada - reddit canadian pharmacy

  53. Walterhap

    April 28, 2025

    http://rxexpressmexico.com/# RxExpressMexico

  54. MichaelFaulp

    April 28, 2025

    canada pharmacy reviews: safe online pharmacies in canada - canadian world pharmacy

  55. Dannysit

    April 28, 2025

    buy drugs from canada: Canadian pharmacy shipping to USA - canadian pharmacy online store

  56. Walterhap

    April 28, 2025

    http://rxexpressmexico.com/# RxExpressMexico

  57. Bradleyfup

    April 27, 2025

    Tadalafil achat en ligne: Tadalafil sans ordonnance en ligne - Cialis en ligne tadalmed.shop

  58. Robertmut

    April 27, 2025

    http://tadalmed.com/# Tadalafil achat en ligne

  59. PeterUnomb

    April 27, 2025

    pharmacie en ligne [url=https://pharmafst.com/#]Livraison rapide[/url] pharmacies en ligne certifiГ©es pharmafst.shop

  60. Robertmut

    April 27, 2025

    https://tadalmed.com/# cialis generique

  61. Bradleyfup

    April 26, 2025

    Achat Cialis en ligne fiable: cialis sans ordonnance - Acheter Viagra Cialis sans ordonnance tadalmed.shop

  62. BernardVeida

    April 26, 2025

    cialis sans ordonnance: Acheter Cialis - Tadalafil achat en ligne tadalmed.shop

  63. PeterUnomb

    April 26, 2025

    Acheter Kamagra site fiable [url=https://kamagraprix.com/#]Kamagra pharmacie en ligne[/url] Kamagra pharmacie en ligne

  64. BernardVeida

    April 26, 2025

    kamagra gel: kamagra en ligne - Kamagra pharmacie en ligne

  65. Bradleyfup

    April 26, 2025

    Pharmacie en ligne Cialis sans ordonnance: Acheter Cialis - cialis prix tadalmed.shop

  66. PeterUnomb

    April 26, 2025

    achat kamagra [url=http://kamagraprix.com/#]kamagra 100mg prix[/url] Kamagra Oral Jelly pas cher

  67. BilliesniCt

    April 26, 2025

    Pharmacie sans ordonnance: pharmacie en ligne - pharmacie en ligne avec ordonnance pharmafst.com

  68. Robertmut

    April 26, 2025

    https://tadalmed.com/# Pharmacie en ligne Cialis sans ordonnance

  69. Bradleyfup

    April 26, 2025

    Cialis sans ordonnance 24h: Tadalafil 20 mg prix sans ordonnance - Cialis sans ordonnance pas cher tadalmed.shop

  70. Bradleyfup

    April 26, 2025

    kamagra 100mg prix: achat kamagra - kamagra en ligne

  71. BernardVeida

    April 25, 2025

    pharmacie en ligne sans ordonnance: Pharmacie en ligne France - Pharmacie sans ordonnance pharmafst.com

  72. PeterUnomb

    April 25, 2025

    Acheter Cialis 20 mg pas cher [url=https://tadalmed.shop/#]Tadalafil 20 mg prix en pharmacie[/url] cialis prix tadalmed.com

  73. Bradleyfup

    April 25, 2025

    Kamagra pharmacie en ligne: acheter kamagra site fiable - kamagra 100mg prix

  74. Robertmut

    April 25, 2025

    https://tadalmed.shop/# Achat Cialis en ligne fiable

  75. BilliesniCt

    April 25, 2025

    Acheter Cialis 20 mg pas cher: Cialis generique prix - Cialis sans ordonnance 24h tadalmed.shop

  76. PeterUnomb

    April 25, 2025

    trouver un mГ©dicament en pharmacie [url=https://pharmafst.com/#]Pharmacie en ligne France[/url] pharmacie en ligne pharmafst.shop

  77. Bradleyfup

    April 25, 2025

    achat kamagra: Kamagra Commander maintenant - achat kamagra

  78. Robertmut

    April 25, 2025

    http://kamagraprix.com/# Kamagra Commander maintenant

  79. BilliesniCt

    April 25, 2025

    pharmacie en ligne france livraison belgique: Livraison rapide - pharmacie en ligne fiable pharmafst.com

  80. Bradleyfup

    April 25, 2025

    Achat Cialis en ligne fiable: Acheter Cialis 20 mg pas cher - Acheter Viagra Cialis sans ordonnance tadalmed.shop

  81. Robertmut

    April 25, 2025

    https://tadalmed.com/# Acheter Viagra Cialis sans ordonnance

  82. BernardVeida

    April 25, 2025

    pharmacie en ligne sans ordonnance: Pharmacies en ligne certifiees - Pharmacie sans ordonnance pharmafst.com

  83. DavidSaisp

    April 24, 2025

    acheter kamagra site fiable: kamagra gel - kamagra oral jelly

  84. Edwardtoupe

    April 23, 2025

    casino olympe: casino olympe - olympe casino avis

  85. Olivia

    April 19, 2018

    Thanks for your share. For better ranking website design should be responsive and website load time should be faster. SEO considers many attributes when you are optimizing any sites. A responsive image with optimized content enhances visibility and traffic both.

  86. gmail login

    April 15, 2018

    Thanks for sharing such a good article and for informative things. Your articles are really amazing and I got a lot of information and guidance reading them. It helped me a lot and I will surely follow your article techniques. Waiting for more useful updates and new things

Join the discussion