SEO Design and Development Best Practices

  |  November 12, 2007   |  Comments

Tips for striking a balance between a Web site's aesthetics and search engine appeal.

It's not often you get to overhaul a Web site to improve search rankings. Typically, we must work with what we've got, that is, perform SEO (define) within an existing Web site's constraints. Most likely, that Web site wasn't initially designed with search engines in mind.

That's why when an opportunity comes around every few years to redesign and redevelop a Web site, it's your chance to flex your SEO muscle and help fully integrate SEO best practices on the ground floor of a Web site.

Problem is, how far do you go? Do you sacrifice aesthetic for an optimally search-engine-friendly site? How do you strike a balance between what the users and the search engines see?

When developing a Web site from scratch, you can apply multiple SEO best practices related to design and development. You don't necessarily have to follow every measure to a T to obtain a search-engine-friendly Web site. Plus, you'll inevitably be forced to compromise on some factors. Integrating as many best practices as possible will serve you well in future SEO endeavors.

There are some important SEO factors that are influenced by the way a site is built, such as information architecture (IA), wireframes, design, and development practices. This isn't an exhaustive list; rather, it focuses some key tried-and-true practices. Consider the following:

  • Use keywords in the URL. This can be accomplished by ensuring your file-naming conventions make good use of your keywords.

  • Include targeted content on a page. Ideally, each page should contain two to three paragraphs of descriptive, keyword-rich body text.

  • Place keywords closer to the beginning of the file code. CSS (define) can be used to visually position the text wherever you want it, while making it appear higher up in the code for search engines.

  • Use header tags instead of
    tags or images. If a page heading or title contains a keyword, it should ideally be text. If possible, use the important keyword in an

    tag, a secondary keyword in the

    tag, and so on.

  • Limit HTML file size. Keep a lid on the number and size of images and unnecessary code.

  • Add alt text for images. Be descriptive. This is another opportunity to tell search engines what the page is all about. All images should have alt tags, including logos, headings, and so on.

  • Use internal text links instead of image links. Search engines use the content contained within a link to determine what that page being linked to is all about. It needs to be text so they can read it.

  • Deploy search-friendly DHTML. Avoid JavaScript DHTML (define), if possible. Use CSS for cover effects. However, if your site has a menu built this way, be sure to include a secondary text-based navigation.

  • Avoid frames-based Web design. Frames and inline frames (iframes) generally make it difficult for search engines to crawl Web sites.

  • Ensure correct application of the robots.txt file. This enables you to restrict or allow access to your site by search engines. Employ it carefully and properly.

  • Follow proper site redirect architecture. Avoid 302 (temporary) redirects and employ 301(permanent) redirects to ensure the search engines index your content appropriately.

  • Avoid hidden text and other potentially deceptive practices. Any tactics that are considered black hat SEO will probably get you penalized. Maybe not today, maybe not tomorrow, but someday.

  • Steer clear of splash pages. Most splash pages are very graphic-heavy and text-light. They offer little value to users or search engines.

  • Avoid query strings in URLs where possible. I strongly recommend keywords be placed in the URL instead of query strings. URL aliasing can be used for ugly URLs.

  • Create clean, valid code. Search engines appear to prefer code that is lighter, cleaner, simpler, more semantically defined, and in line with W3C standards. CSS can help you achieve this.

  • Use tables appropriately. Tables distort the flow of the HTML code and may push more important elements like the body copy further down in the code than is desirable. A CSS layout enables you to influence where in the code elements appear.

  • Avoid duplicate content. You should never have the same content on multiple domains or within the same site. If you have various versions of your URL, choose one main one and redirect all the others to that.
  • Join us for SES Chicago on December 3-6 and training classes on December 6.

    Want more search information? ClickZ SEM Archives contain all our search columns, organized by topic.

    ClickZ Live New York Want to learn more?
    Attend ClickZ Live New York March 30 - April 1. With over 15 years' experience delivering industry-leading events, ClickZ Live brings together over 60 expert speakers to offer an action-packed, educationally-focused agenda covering all aspects of digital marketing. Register today!


    Julie Batten

    Julie is a member of the senior strategy team at Klick Health, focused on online media and digital. Julie initially established and led the media practice at Klick for several years, relinquishing leadership to expand beyond media into additional digital tactics. She brings a wealth of experience in search marketing, digital media, and all facets of digital strategy to bear, helping Klick's clients develop innovative digital solutions. As her role has evolved, so have her contributions to ClickZ, which she has been writing for since 2007.

    COMMENTSCommenting policy

    comments powered by Disqus

    Get the ClickZ Search newsletter delivered to you. Subscribe today!




    Featured White Papers

    A Buyer's Guide to Affiliate Management Software

    A Buyer's Guide to Affiliate Management Software
    Manage your performance marketing with the right solution. Choose a platform that will mutually empower advertisers and media partners!

    Google My Business Listings Demystified

    Google My Business Listings Demystified
    To help brands control how they appear online, Google has developed a new offering: Google My Business Locations. This whitepaper helps marketers understand how to use this powerful new tool.


      • Website Optimizer - SEO, CRO, Analytics
        Website Optimizer - SEO, CRO, Analytics (Marcel Digital) - ChicagoMarcel Digital, an award winning interactive marketing agency established in 2003...
      • Director of Marketing
        Director of Marketing (Patron Technology) - New YorkDirector of Marketing We are seeking a Director of Marketing to manage and build our marketing...
      • Senior Interactive Producer
        Senior Interactive Producer (Ready Set Rocket) - New YorkWhat You'll Do As a member of our team, the Senior Producer reports directly to our...