Search

SEO: A Web Design Perspective

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    Notes on slide 1

    6 Favorites & 1 Group

    SEO: A Web Design Perspective - Presentation Transcript

    1. SEO: A Web Design Perspective SEO/Internet Marketing Meetup San Antonio, TX October 2008
    2. Build Off A Strong Foundation
      • Separate form from presentation
      • Design for indexing.
      • Optimize your XHTML and CSS
    3. Separate Form From Presentation
      • Create form (structure) with XHTML, presentation with CSS (stylesheets).
      • Create standards-compliant structure using divs (containers) instead of tables.
      • Use tables only with tabular data.
      • Don’t replace tables with divs; watch out for “divitis”!
    4. Design for Indexing
      • Keep your information architecture simple and intuitive (Don’t Make Me Think! - Steve Krug).
      • Avoid building all-Flash websites.
      • Use real text in headers/site navs with image replacement techniques in CSS.
      • Use CSS’ hover feature for mouseovers instead of graphical mouseovers.
      • Organize content in descending order of importance: left to right, top to bottom.
    5. Design for Indexing
      • Keep the top section of web pages (<head> </head>) light; don’t jam pack it with code.
      • Spin off scripts/stylesheets into external files and link to them.
      • Emphasize important text/keywords with <strong> and <em> tags.
    6. Optimize XHTML
      • Provide Doctype and language information in XHTML document.
      • Create semantic markup.
      • Create unique title for each page, leading with required keyword(s), and relevant to page content.
    7. Optimize XHTML
      • Use the meta name=“description” tag on each page with unique descriptions for each page.
      • Keep description relevant to page content, keyword rich, and succinct.
      • Use only one h1 tag per page.
      • Provide alt tags for all images that convey meaning; alt tags can be ignored for “eye candy” graphics.
    8. Optimize CSS
      • Use shorthand descriptions where possible.
      • Keep whitespace and tab space to the minimum (Use only what is necessary for readability).
      • Avoid hacks to cater to different browsers; use conditional comments to serve up browser/version specific stylesheets.
    9. Optimize CSS
      • Eliminate unwanted rules if using CSS frameworks.
      • Neutralize browser defaults with only those resets that are needed on your website, especially when using a package option like Eric Meyer’s Resets.
      • Include markup and stylesheet guides.
    10. Sources
      • SEO and Your Web Site (Digital Web Magazine)
      • 7 Principles Of Clean And Optimized CSS Code

    + mapetitemapetite, 2 years ago

    custom

    1400 views, 6 favs, 0 embeds more stats

    A look at SEO through the eyes of a web designers. more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 1400
      • 1400 on SlideShare
      • 0 from embeds
    • Comments 0
    • Favorites 6
    • Downloads 0
    Most viewed embeds

    more

    All embeds

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories

    Tags

    Groups / Events

    -->
    Search
    RSS Feed
    What's new?

    © 2009 SlideShare Inc. All Rights Reserved