The Intersection Of SEO & Web Design

As technology advances and web usage evolves, so do SEO best practices. Web designers now have more choices and technologies available than ever before. As we enter 2014, I expect we will continue to see advances in web design that bring even more options.

I thought it would be helpful to revisit the top SEO considerations relating to some of the latest website design trends, which include parallax, responsive, and HTML5 design.

Although I am a huge fan of incorporating all three design choices when appropriate; in all cases, site architecture and accessibility remain the primary SEO concerns.

Most people know that designing with the end user in mind also helps improve SEO rankings. There are technical reasons why this is the case and why it’s of paramount importance to design with the user in mind. This article focuses on this concept in more detail, and I provide actionable next steps for SEO professionals to consider when thinking about website interaction and user experience design.

Website Design Trends

Parallax design puts web content on one page, at the user’s fingertips, and can be a great way to lead a consumer through a storytelling process. Every site I’ve worked on that has adopted some type of parallax storytelling design has seen improvements in conversion rates.

But, as Janet Driscoll Miller’s excellent post discussed, although this type of design makes things easy for the end user, it can be a challenge from an SEO perspective. Having what is essentially a one-page website makes it difficult to leverage a variety of search terms and use SEO best practices to get visitors to your page. That said, I’m still a huge fan of this design choice, even as an SEO professional, because you can still develop fantastic parallax designed webpages that have more than one page.

Better yet, when possible, you might consider incorporating a few parallax designed pages as part of your main website experience versus creating a separate website.

Responsive design is Google’s recommended method of designing for multiple devices. There are tremendous user experience advantages to adopting responsive web design concepts that allow your website to perform optimally for multiple devices.

In addition to the user experience benefits of responsive web design, the primary benefit for SEO is that it does not dilute your link equity. In other words, responsive web design gives you one URL for both your mobile site and your main site, which means that you are more likely to do a better job increasing your external backlink count to each page versus having to drive links to two separate URLs.

I have heard of switchboard tags, but I am personally not convinced they pass 100% of the link value. However, as Bryson Meunier has pointed out, responsive design also presents some important SEO considerations to be aware of. Primarily, one URL could limit your ability to segment your keyword targeting toward keywords that are more appropriate for mobile users.

HTML5 has been touted as the next big thing in web design, but implementation can be troublesome for SEO. HTML5 designs can be amazing, interactive and inspirational, but if they aren’t coded properly, Google sees an empty page.

For example, in this post we can find examples of great HTML5 animation. However, here is what Google finds when it crawls the page:

SEO Web Design Javascript

Many websites that incorporate all the visually appealing aspects that popular HTML5 coding delivers also heavily incorporate JavaScript, which makes it difficult for search engine bots to understand the content. It is possible to show static content that represents your HTML5 content so that bots can better index your website.

Unfortunately, few website developers take the time to make a static version of the content for search bots. Of this showcase of 20 examples of CSS3 Animation, almost all of them are practically invisible to search engines.

When Less Is More

Normally when I hear the words, “We need to reduce some content,” I immediately think “SEO disaster.” When I am done shuddering, I remind myself that sometimes less is more. According to Columbia Business School researcher Sheena Iyengar, the typical American makes 70 choices per day.

In her TED talk “How to make choosing easier,” she sheds light on the value of providing fewer choices so that consumers have the ability to more easily make decisions.

Iyengar’s insights can be applied not only to the consumer product examples she provides, but to web design and SEO best practices, as well. People are overwhelmed with choices, and when a website design includes an abundance of categories and subcategories, audiences may disconnect — they’ll avoid making a choice if they are too overwhelmed.

Iyengar advises us to cut the extraneous and provide fewer categories/subcategories to help people narrow down their choices. This applies perfectly to web design and SEO.

As a result of recent changes by Google like Hummingbird, marketers are observing that placing too much emphasis on topical subcategory pages could be a bad SEO strategy. Historically, more categories were good for SEO because they meant that we had more content that could be ranked for body/torso terms.

Given Iyengar’s talk and the recent Hummingbird changes, though, perhaps it is time to rethink how many categories and subcategories you offer to the end user and evaluate the performance of these types of pages to ensure that they remain effective.

Cognitive Dissonance & Web Design

The theory of cognitive dissonance states that people have a drive to reduce dissonance to create consistency and a feeling of control — to make their expectations match their reality. According to the theory, when people are unable to do so, they will simply avoid whatever is making them feel out of control.

Similar to Iyengar’s idea that too many choices can make end users disconnect, cognitive dissonance tells us that when a website isn’t easy to navigate or offers too many choices, the user would rather leave than negotiate through an environment that feels too chaotic.

To provide the best website experience, we should let data and the user experience drive our design. Only by doing this can we ensure we aren’t alienating our target audience.

SEO professionals particularly need to be aware of the cognitive dissonance that can occur at the keyword-to-landing-page level. The keywords you optimize for must match the landing-page experience that a searcher would expect.

Because of this principle, I recommend routinely sorting SEO entry pages by bounce rate. Then, start with the pages with the highest bounce rate and double check the types of search keywords that were driving traffic to those pages to ensure that the entry page provided an adequate response to the top entry keywords.

Now that keywords are “100% not provided;” this can still be accomplished by checking keywords from Bing as a relatively good proxy.

Reasonable Surfer Patent

When we design our pages with the end user in mind, we should also be keeping in mind Google’s reasonable surfer patent. According to this patent, the most prominent links and the links that are clicked more frequently pass more internal page rank.

This means that if you are making changes to your website’s main navigation or if you move prominent links to less prominent locations, there is a possibility ranking declines will ensue. This is just another example of how closely SEO is tied  to website design.

There are many situations where website design choices can help or hurt your SEO efforts. Many of the trends in website design indicate that accessibility and website architecture best practices are still important considerations.

We benefit both our users and ourselves when we design webpages in a way that doesn’t overwhelm or confuse users, but leads them to links, categories or subcategories to find the content they need. Creating pages with our end users in mind and combining web design best practices with SEO best practices is a win-win.

Opinions expressed in the article are those of the guest author and not necessarily Search Engine Land.

Related Topics: All Things SEO Column | Channel: SEO | Search & Usability | SEO - Search Engine Optimization | SEO: General


About The Author: is an award winning search engine marketing thought leader, author, and speaker. He has led the interactive marketing industry through innovation and education by embracing the latest integrated digital marketing strategies and technologies, as well as by advancing the industry through speaking, blogging, teaching & driving game-changing results for his Fortune 100 clients.

Connect with the author via: Email | Twitter | Google+ | LinkedIn


Get all the top search stories emailed daily!  


Other ways to share:

Read before commenting! We welcome constructive comments and allow any that meet our common sense criteria. This means being respectful and polite to others. It means providing helpful information that contributes to a story or discussion. It means leaving links only that substantially add further to a discussion. Comments using foul language, being disrespectful to others or otherwise violating what we believe are common sense standards of discussion will be deleted. Comments may also be removed if they are posted from anonymous accounts. You can read more about our comments policy here.
  • Pete Bruhn

    I noticed you didn’t talk about Adaptive Design. In my opinion, AD is much more user friendly for media heavy sites as you can specify what gets shown to mobile browsers instead of just resizing the desktop version. Do you have any opinions on Responsive vs Adaptive design?

  • Christopher Guayasamin-Brownle

    I was wondering what your thoughts were about Natural Language search. This article focuses on keywords but as technology advances and companies like Yahoo buy up Search engines that use Meaning text theory where users can search by meaning rather then by keyword shouldn’t we start to look at these implications too?

  • Warren Lee

    Hi Christopher, I think search engines are making great strides towards better understanding the meaning behind the keywords searchers use. In fact, I wrote about how these trends, particularly Google’s Hummingbird changes represent a new paradigm for SEO. You can read more about those ideas here:

  • Miguel Silva Rodrigues

    Nicely written, Warren. Clear and enjoyable.

  • Warren Lee

    Thanks Miguel

  • Warren Lee

    Depending on the situation, Adaptive Design can be fine for SEO so long as SEO best practices are still considered. In 2009 I used to use AD for my blog but in 2013 I updated to use responsive design methods. That was just personal preference. There’s some debate amongst graphic designers and engineers about adaptive design vs responsive design, and in my opinion either can be fine for SEO, but my preference is responsive design.

  • Mitali Chowdhury

    I am working with Do you have any suggestion about this?

  • WTFFcom

    Your article doesn’t make any sense.
    Just to mention :

    - ” helps improve SEO rankings ”
    What does it mean – Search Engine Optimization rankings ? There are no such rankings. There are Search Engine rankings. “SE Optimization rankings” is nonsense.

    - re HTML5 example provided …

    You should know web designers/coders better. They don’t care about SEO. Many of such examples even don’t work in all major browsers (usually IE has problems). These are mostly experiments or something to notice, to think about …. or to use like the base to code more around it. Most of such scripts can’t be just copy pasted and sure nobody cares that SE can’t crawl such pages. This is not the point.

    So your phrase “here is what Google finds when it crawls the page” is nonsense again, because nobody cares about Google in this case. This is just not the point.

    - in general …
    I never, and I mean it, never ever saw SEO who can code. I’m pretty sure you can’t code as well and probably that’s why your article doesn’t make sense. You just don’t understand what are you talking about. Bunch of barely related smart words.

    No offence. Start to code hard and you will agree with me )
    Furthermore, I’m absolutely sure you’ll forget about SEO, because “coding is a poetry” )

    Let’s code )

  • Joel Black

    I like the reasonable surfer idea, I had not heard that before.

  • Joel Black

    I like the reasonable surfer idea, I had not heard that before.

  • Joel Black

    I like the reasonable surfer idea, I had not heard that before.

  • Arianna

    I totally agree with you. Website design should be SEO friendly. Because some website designs is not accepted by Google. A design should be proper so that Google can read your content of the website. If it is not then it will effect on your website ranking and visitors of the website.

  • Lalit Kapur

    Hey Warren, i agree with the most part and would second Pete and his opinion on AD. I also noticed you mentioned that conversion rates went up when your clients had some element of Parallax in place – i have experienced the exact reversal – maybe because i represent geographies where the internet speed is not very good and the display sizes not big enough to walk the user through the nice experience of parallax scrolling. I think in addition to just focusing on the latest design trends and techniques some external factors like your target market’s internet speed and in some cases their education background should be considered as well.

    But, despite all above, i think your article is very well written and throws light on some base important points.

  • Rachel Gillevet

    Warren- Just wanted to let you know that we loved your article and included it in our Monthly Resource Roundup


Get Our News, Everywhere!

Daily Email:

Follow Search Engine Land on Twitter @sengineland Like Search Engine Land on Facebook Follow Search Engine Land on Google+ Get the Search Engine Land Feed Connect with Search Engine Land on LinkedIn Check out our Tumblr! See us on Pinterest


Click to watch SMX conference video

Join us at one of our SMX or MarTech events:

United States


Australia & China

Learn more about: SMX | MarTech

Free Daily Search News Recap!

SearchCap is a once-per-day newsletter update - sign up below and get the news delivered to you!



Search Engine Land Periodic Table of SEO Success Factors

Get Your Copy
Read The Full SEO Guide