SEO & website design: Everything you need to know


Your website is the middle of your digital advertising and marketing world — the place that each one digital rivers run towards. And naturally, the biggest of its visitors sources is usually natural search.

But all too typically, companies don’t take into consideration SEO till after having a website designed (or redesigned), and these websites are sometimes sadly missing on the SEO and digital advertising and marketing entrance. They could look shiny, but when the advertising and marketing smarts should not cooked in at design time, then you can be working the advertising and marketing race with a picket leg. Or on the very least, confronted with going again to the drafting board and losing a complete load of money and time.

We have now been fascinated with the SEO and internet design connection rather a lot just lately at Bowler Hat and have simply revealed a website design planning information to assist in what could be a sophisticated course of. It is a companion piece to that information that actually covers the SEO concerns in way more granular element.

On this submit, I take a look at how SEO must be an integral a part of your website design (or redesign) course of. We’re going to have a look at what you need to contemplate to have a website that’s constructed for search advertising and marketing and lead technology — and the way specializing in glad customers retains the Google gods in your facet.

We may also check out a few of the frequent pitfalls that may befall companies wanting to construct a brand new website that’s central to your digital advertising and marketing efforts.

In short, I’m going to assist you guarantee your subsequent website is a lean, imply SEO and digital advertising and marketing machine.

What normally occurs…

A cellphone rings at Bowler Hat HQ.

Marcus: “Hey, Bowler Hat right here. How can we assist?”

Caller: “Hello there. We have now simply had a website constructed and… we appear to have misplaced a substantial quantity of visitors.” OR “… we don’t rank for the key phrases we used to be seen for.” OR “… we’re simply not getting any inquiries.” OR “… we would like to have a look at what we will do to enhance our SEO.”

Marcus: “Ah, okay. If you can let me know your URL and a quantity to name you again on, I can have a look and make some options.”

There’s a drawback right here. SEO just isn’t some band-aid you can simply plaster onto an current website. Website SEO is key to succeeding on-line for almost all of companies. And the identical ideas that gas strong SEO assist with paid search, social and every other inbound advertising and marketing efforts. Get this incorrect and you will definitely fail to hit your digital advertising and marketing targets.

Creating an SEO-friendly website

At a basic stage, an SEO-friendly website is one that enables a search engine to discover and browse pages throughout the location. Making certain a search engine can simply crawl and perceive your content material is step one to guaranteeing your visibility within the search engine outcome pages.

A search engine makes use of an internet crawler for this process, and we are attempting to work with the major search engines relatively than in opposition to them. Sadly, there are various methods to make a website, and never all applied sciences are constructed with search engine marketing in thoughts.

Constructing an SEO-friendly website requires cautious planning and a structured method to representing your enterprise and the providers you present. For a lot of companies, this may be sophisticated — it’s not at all times straightforward to doc precisely what you do.

As a advertising and marketing instrument, your website must be constructed upon a strong digital advertising and marketing plan with a transparent enterprise mannequin and worth proposition. If that’s unclear, then you need to revisit that first.

Assuming you have all that good things in place, let’s dive in.


There are a number of core components that set the stage for a well-optimized website design course of.


Your enterprise might use as the first area. However you might have others. Making certain your area is sensible and relates to what you do is super-important. Making certain that each one variations and subdomains appropriately level on the important website and redirect to a single canonical model of the location is essential.

Our enterprise is known as Bowler Hat. We function within the UK. We’re a web-based enterprise. It naturally follows that our area is All subdomains 301 redirect again to the principle URL We have now few area variations that 301 redirect again to the principle URL. This all is sensible.

Don’t be fooled into pondering that helps. It simply appears daft. It could assist slightly for native companies, however guarantee you are mapping to the actual world. Be wise.

Internet hosting

Your internet hosting can be essential. A sluggish website makes for sad customers. Your internet hosting ought to observe commonsense guidelines. Be located the place your viewers is located. Be quick. Be platform-specific, if vital. WP Engine is a good instance, because it gives a platform tailor-made to WordPress web sites.


The CMS (content material administration system) you select for your enterprise can massively affect how profitable you are. WordPress is a good possibility in lots of conditions, nevertheless it’s not the one one. It actually is wired up at a fundamental stage in a means that Google can perceive. This isn’t to say it’s your best option for all conditions, however actually, it’s an excellent start line for many companies. Simply ensure that the CMS you select is the precise one on your state of affairs, relatively than the one your chosen internet firm prefers to work with.

Crawling & accessibility

Step one is guaranteeing a search engine can crawl your website and perceive what it’s that you do (and the place you do it).


To know your website, they’ve to have the opportunity to learn the content material of the web page. Because of this the principle content material of your website must be text-based behind the scenes. Not photographs. Not flash or video. Even on this ever-advancing world, your important content material ought to nonetheless be text-based. There are some nice instruments, like internet fonts, that imply you can nonetheless look the half, and your photographs have a spot, however make sure to discuss in clear language about what it’s you achieve this the search engine can learn and perceive your providing.

Pictures, movies, PDFs and content material are additionally essential and could be a supply of search engine visitors. Once more, these need to be discoverable and indexable.

Hyperlink construction

To index your content material past the house web page, you need inner hyperlinks that the search engine can crawl. Your main navigation, search engine directives and instruments like XML sitemaps all assist the search engine crawl your website and uncover new pages. Instruments like Screaming Frog might help you be certain that your website may be simply crawled by a search engine.

Data structure and structuring your website

I’ve at all times just like the submitting cupboard analogy for website construction. Your website is the submitting cupboard. The foremost classes are the drawers. The subcategories are the folders within the drawers. The pages are paperwork within the folders.

  • Cupboard: your website
  • Drawer: high-level class
  • Folder: subcategory
  • File: particular person doc/web page

Context is indicated not solely by the location it exists on but in addition by the place inside that website. Our personal website has a drawer for providers, and every service has sub-services in folders. Your website can be largely the identical.

If we contemplate the next construction of the Bowler Hat website for instance:


– Providers

– – Service Space

– – – Particular person Service


– Providers

– – SEO

– – – SEO Audits

So, there’s a web page on this data structure that’s merely /audits/.

The /audits/ web page exists within the SEO folder within the providers drawer. Good and arranged. This may observe via with different SEO components to clearly point out context far past that which may be indicated by the doc alone.

That is related to weblog posts, articles, FAQ content material, providers, places and absolutely anything else that’s an entity inside your enterprise. You’re looking to construction the details about your enterprise in a means that makes it comprehensible.

Some websites might take a deep method to structuring content material. Others might take a large method. The essential takeaway right here is that issues must be organized in a means that is sensible and simplifies navigation and discovery.

A 3- to four-level method like this ensures that the majority content material may be simply navigated to inside 4 clicks and tends to work higher than a deeper method to website navigation (for customers and search engines like google).


Context is additional indicated by the URL. A smart naming conference helps present but extra context for people and search engines like google.

Following are two hypothetical units of URLs that might map to the Providers > SEO > SEO Audit path laid out above — but one is sensible, and the opposite does nothing to assist. engine optimization/ engine optimization/audits/

In fact, the second set of URLs is a purposely daft instance, nevertheless it serves a degree — the primary URL naming conference helps each search engines like google and customers, and the second hinders.


Your navigation is equally essential. When a website is well-structured, the navigation works with the construction, the URLs and different elements, like XML sitemaps, to assist solidify what every web page or piece of content material is about.

Navigation is extra than simply the menu on the prime of your website. It is how you signpost customers to probably the most related a part of your website. Navigation could be a instrument to increase consciousness of further providers and contains not simply textual content hyperlinks however content material on all pages and within the templated design components of your website.

I’ve at all times preferred the signpost analogy. I stroll right into a grocery store and search for the indicators to discover what I need. Your website is not any completely different. If a consumer is referred and searches on your model identify, then they may land on your private home web page. They then need a signpost to get them to the related service. And it had higher be straightforward to discover!

It is extremely straightforward to get this incorrect, and cautious thought have to be utilized — earlier than you construct the location — concerning the wants and needs of your customers. A website is a digital part that ought to execute the technique out of your advertising and marketing plan. Understanding customers right here is essential so you can guarantee you are assembly their wants.

Navigation shouldn’t need any actual cognition — it shouldn’t make the consumer have to assume. The next picture is an indication from my native house enchancment retailer. Which course takes you to the automobile park and which course takes you to the deliveries entrance?

My mind follows the “buyer automobile park” line from left to proper, so I in fact flip proper. Nevertheless, the client automobile park is to the left. There may be nothing there to clearly illustrate which is correct or incorrect.

I’ve to assume. Or in follow, I am going within the incorrect course a number of instances earlier than I be taught. Nevertheless, if customers don’t discover what they’re in search of on a website, they may return to the nice ocean of competitors that Google search outcomes signify.

Guarantee your navigation is crystal-clear — if one consumer could make a mistake, many others can, too.

Widespread issues

There are various potential points with content material that may’t be discovered or can’t be understood by the search engine that may work in opposition to you. For instance:

  • Orphaned content material that may’t be discovered
  • Content material solely accessible by way of website search
  • Flash recordsdata, Java applications, audio recordsdata, video recordsdata
  • AJAX* and flashy website results
  • Frames — Content material embedded from one other website may be problematic.
  • Subdomains — content material cut up into subdomains relatively than sub-folders

* Google has gotten rather a lot higher at studying AJAX pages, however it’s nonetheless attainable to obscure content material with pointless results.

Make certain that essential content material is well discoverable, comprehensible and sits within the general construction of the location in a means that is sensible.


If every little thing is finished properly, a human and a search engine ought to have a reasonably good concept what a web page is about earlier than they even have a look at it. Your typical SEO then simply builds on this strong basis that’s laid out by your data structure and website construction.

Cell-friendly design

The most well-liked machine used to conduct web searches and to browse web sites is the cell phone. We stay in a mobile-first age. Websites optimized for search engines like google ought to give equal consideration to the cellular layouts of their web sites (relatively than simply bolting on easy responsive website design).

But, in 2017, responsive design just isn’t sufficient. We had been speaking in regards to the significance of responsive website design in 2012. 5 years later, with huge technological progress and vastly improved cellular knowledge networks, your future clients are utilizing cellular as the primary, and infrequently solely, machine to work together with your enterprise.

To create a really mobile-friendly design and maximize outcomes from cellular search, you should consider the wants and needs of cellular customers. What a consumer will do on a cellphone is usually far completely different from what they may do on a pc. And even when your conversions have a tendency to be on a desktop, that essential first contact could be on cellular.

Just a few months again, I checked out 28 key components in creating cellular SEO-friendly web sites that may assist you transfer past easy mobile-friendly responsive design.

From an SEO perspective, it’s price noting that mobile-friendliness is a confirmed rating issue for cellular search, and it’s the cellular model of your website that can be utilized by the search engine to evaluate and rank your website. Nevertheless, way more essential, cellular is how your potential clients are trying to find and shopping your website.

Work laborious on optimizing the consumer expertise for cellular customers and you will reap the rewards on your efforts by way of visitors and consumer engagement.

Web page velocity

One other key consideration within the cellular period is web page velocity. Customers could also be impatient, or they could not at all times have a fantastic cellular knowledge connection. Making certain your pages are lean and imply is a key consideration in fashionable SEO-friendly website design.

An excellent start line is Google’s mobile-friendly check. This instrument will give you suggestions on mobile-friendliness, cellular velocity and desktop velocity. It additionally wraps every little thing up right into a useful little report detailing what precisely you can do to velocity issues up.

I went into slightly extra element on how to optimize for velocity in a current column on cellular optimization. Suffice it to say, web page velocity is one more essential consideration that spans how your website is constructed and the standard and suitability of the internet hosting you use.


Internet usability is a mix of different components: device-specific design, web page velocity, design conventions and an intuitive method to placing the location along with the top consumer in thoughts.

Key components to contemplate embrace:

  • Web page structure. Vital components ought to have extra prominence.
  • Visible hierarchy. Make extra essential components greater!
  • Residence web page and website navigation. Clearly signpost instructions for customers.
  • Website search. Massive websites need a sensibly positioned search possibility.
  • Kind entry. Make types as light-weight and straightforward to fill as attainable.
  • Design. Nice design makes every little thing simpler.

That is simply scratching the floor right here, and usefulness actually has to be personalized to the person website. A few sources I’d take a look at could be the ebook, “Don’t Make Me Suppose: A Widespread Sense Method to Internet Usability, by Steve Krug and my cellular optimization guidelines.

The content material advertising and marketing funnel

Your website has a hell of a job to do: it should assist your enterprise get in entrance of potential clients on search engines like google, after which it has to have interaction and convert these clients.

Your website wants content material to assist with all of those phases of the client journey. Content material and SEO is a crucial mixture right here, as you might get in entrance of a buyer as they search for related providers from one other firm they’re already contemplating.

A structured means to contemplate the content material you need here’s a typical advertising and marketing funnel:

Consciousness — prime of the funnel

Consciousness content material will usually be your weblog and informational articles. We’re serving to your potential buyer perceive the issues they face and illustrating your expertise and credibility in fixing them.

  • Weblog posts
  • Informational articles
  • Webinars
  • Complete guides
  • FAQs

Consideration — center of the funnel

The content material on the consideration stage helps your prospect evaluate you in opposition to the opposite choices on the market. This tends to be sensible content material that helps the client decide.

  • Case research
  • Services or products data
  • Product demonstration movies
  • Person guides

Conversion — backside of the funnel

Backside-of-the-funnel content material drives conversions and will gently encourage a sale or lead.

  • Evaluations
  • Testimonials
  • Free trial
  • Free session

Keep in mind that clients will search throughout this complete spectrum of content material varieties. Due to this fact, guaranteeing all of those areas are lined aids discovery by way of search engines like google, consideration and conversion.

SEO nuts & bolts

As you can see, there’s a lot to contemplate earlier than we even have a look at the extra acquainted components of optimizing your website and pages. We must always solely actually begin to take into consideration key phrases and fundamental on-page optimization as soon as we now have this strong basis in place. And hopefully, if we now have structured every little thing appropriately, then the precise optimization of the pages turns into far simpler.

Key phrase focusing on

Nailing your key phrase technique is a lot simpler as soon as you have a strong construction with out inner duplication. If we have a look at our earlier examples for website hierarchy and construction, then including key phrases is comparatively simple (and is one thing we might typically do in a spreadsheet pre-design).

– Providers
– – SEO
– – – SEO Audits engine optimization/ engine optimization/audits/

If I take advantage of these pages for instance, we now have a pure development from broad key phrases to extra refined search phrases. We will even contemplate fundamental modifiers comparable to location if we’re an area enterprise.


– digital advertising and marketing company

– digital advertising and marketing firm

+ Birmingham

+ UK


– advertising and marketing providers

– digital advertising and marketing providers

+ Birmingham

+ UK



– Search Engine Optimization

+ Firm

+ Company

+ Birmingham

+ UK

SEO Audits

– SEO Audits

– Technical SEO Audits

+ Company

+ Firm

+ Birmingham

The purpose right here is well-structured website will get you a great way towards figuring out your key phrase technique. You continue to have to do the analysis and copywriting, however you may be certain you have a strong technique to goal broad and extra detailed phrases.

HTML title tags

The <title> tag is the first behind-the-scenes tag that may affect your search engine outcomes. In truth, it’s the solely meta tag that really influences place immediately.

Greatest follow for title tags are as follows:

  • Place key phrases in the beginning of the tag.
  • Hold size round 50 to 60 characters.
  • Use key phrases and key phrases in a pure method.
  • Use dividers to separate components like class and model.
  • Concentrate on click-through and the top consumer.
  • Have a constant method throughout the location.

Even in 2017, we nonetheless see plenty of overoptimized web page titles. We wish our key phrases within the title tag, however not on the expense of click-through and human readability. A search engine might rank your content material, however a human clicks on it, so hold that in thoughts.

Meta description tags

Meta descriptions don’t immediately affect rankings. All of us know that, proper? However in fact, that’s fully lacking the purpose right here. Your meta description is the content material of your commercial for that web page in a set of search engine outcomes. Your meta description is what wins you the clicking. And successful these clicks might help enhance visibility and is completely important in driving extra customers to your pages.

Meta descriptions should:

  • in truth describe the web page content material.
  • promote the web page and enhance click-through charges.
  • contemplate the consumer’s thought course of and why they may click on on this web page.
  • embrace key phrases the place related and pure to achieve this.

The search engine will spotlight search phrases in your web page title and meta description which assist a consumer scan the web page. Don’t use this as an excuse to spam the meta description, although, or else Google doubtless will ignore it, and it gained’t lead to that all-important click on!

There are additionally conditions the place it might probably make sense not to create a meta description and let the search engine pull content material from the web page to kind an outline that extra precisely maps to a consumer’s search. Your transient meta description can’t at all times cowl all of the choices for a longer-form piece of content material, so hold this in thoughts.

Heading tags

Heading tags assist construction the web page and point out hierarchy in a doc: H1, H2, H3 and so forth. Textual content in heading tags correlates with improved rankings (albeit barely), however what actually issues is that alignment between the construction of the location, behind the scenes optimization like web page titles and meta descriptions and the content material itself. Line every little thing up, and issues make extra sense for customers, and we assist search engines like google categorize our content material whereas eking out each final bit of easy, on-page optimization we will.

Keep in mind to align header tags with the visible hierarchy. Which means a very powerful header on the web page (usually the <h1>) also needs to be the largest textual content component on the web page. You’re making the doc visually straightforward to perceive right here and additional guaranteeing that design and content material are working collectively for the most effective finish outcome.

Web page content material

The content material ought to typically be a very powerful a part of the web page. Nevertheless, we nonetheless see archaic SEO practices like overt key phrase density and search phrases with an absence of connective phrases used within the copy. This doesn’t work. It actually doesn’t assist together with your SEO. And it makes for a poor consumer expertise.

We wish to make sure that the context of our web page is evident. Our navigation, URLs, web page titles, headers and so forth ought to all assist right here. But we would like to write naturally, utilizing synonyms and pure language.

Concentrate on creating nice content material that engages the consumer. Be conscious of key phrases, however actually don’t overdo it.

Concerns for web page content material:

  • Key phrases in content material (however don’t overdo it)
  • Construction of the web page
  • Place of key phrases within the content material — earlier may be higher
  • Synonyms and alternate options
  • Co-occurrence of key phrases — what else would different high-quality paperwork embrace?

Wealthy snippets

Wealthy snippets are a robust instrument to enhance click-through charges. We’re naturally attracted to listings that stand out within the search engine outcomes. Something you can do to enhance the click-through fee drives extra customers and makes your search engine listings work more durable. Consider attainable rating enhancements from elevated engagement, and you can have a low-input, high-output SEO tactic.

The snippets which can be most related to your enterprise will depend upon what you do, however is a good place to begin.

Picture optimization

Picture SEO can drive a considerable quantity of visitors in the precise circumstances. And once more, our ideas concerning context are essential right here. Google doesn’t (but) use the content material of photographs, so context throughout the website and the web page and fundamental optimization are essential right here.

I can dive proper into these picture outcomes and discover a multitude of choices, then use the picture to drive me to the location that sells the playhouse. Optimizing your photographs will increase the prospect of enhancing prominence within the picture search outcomes.

Picture optimization is technically simple:

  • Picture identify — present a reputation that clearly describes what the picture is.
  • Alt textual content — use descriptive alt textual content to assist those that can’t see the pictures to reinforce the picture content material.
  • Add OpenGraph and Twitter Playing cards so the picture is utilized in social shares.
  • Use the picture on the proper bodily dimension to guarantee quick downloads.
  • Optimize the picture’s file dimension to enhance loading instances.
  • Think about including photographs to your XML sitemap.

Picture optimization is comparatively easy. Hold the pictures related. Don’t spam the filenames and alt textual content with key phrases. Be descriptive.

Widespread issues

SEO initiatives at Bowler Hat typically embrace an SEO audit as the primary port of name. We will’t cowl each eventuality right here, however the next are the standard suspects that crop up and that internet designers must be conscious of.

Duplicate content material

There have a tendency to be two sorts of duplicate content material: true duplicates and near-duplicates. True duplicates are the place the content material exists in a number of locations (completely different pages, websites, subdomains and so forth). Close to-duplicates may be skinny content material or considerably related content material — consider a enterprise with a number of places or footwear listed on a novel web page in numerous sizes.

Key phrase cannibalization

Key phrase cannibalization refers to the state of affairs the place a number of pages goal the identical key phrases. This may impression the power of your website to have one web page that strongly targets a given time period.

The place the location structure and hierarchy has been fastidiously deliberate, you ought to remove this through the planning and design phases.

Domains, subdomains and protocols

One other potential situation the place duplication crops up is the place the location is offered on a number of domains, subdomains and protocols.

Think about a enterprise with two domains:


With www and non-www variations:


And the location runs on HTTP and HTTPS:


Earlier than too lengthy, we will get to a state of affairs the place the location has eight potential variations. Issue within the website resolving on any subdomain and some duff inner hyperlinks and we will typically add issues like “” to the checklist above.

These sorts of points are merely resolved with URL redirections, however once more, they deserve consideration by any internet design company that takes care of internet hosting and is critical in regards to the SEO of their clients’ web sites.

Botched canonical URLs

One other frequent situation we see is an incorrect implementation of canonical URLs. What usually occurs right here is that the particular person constructing the location appears at canonical URLs as an SEO guidelines form of job. They’re applied by dynamically inserting the URL within the handle bar into the canonical URL.

That is basically flawed in that we will find yourself with the location working on a number of URLs, every with a canonical URL claiming that they’re the authoritative model. So the canonical implementation exacerbates relatively than resolves the difficulty.

Canonical URLs are a robust instrument when wielded properly, but they have to be used correctly or they’ll make issues worse.

Hi! I'm Jerry Moss - the owner of ZazoReview. I'm also a Internet Marketer who loves making money online and learning from the best information of interesting products and software. After spending 4 years working for a bank, I was leaving to start my own business. I hope my product reviews will help you identify the right products and courses for your own journey towards becoming a successful Internet Marketer Thanks for visiting my website and reading my review. Best Regards!


Please enter your comment!
Please enter your name here