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.

1 comments

Comments 1 - 1 of 1 previous next Post a comment

  • + benhunt benhunt 3 days ago
    For me, SEO is step 1 in web design. Apart from being the most common beginning to the user experience (i.e. search engine results), it’s also half the story behind a site’s success (visitors x conversion).
Post a comment
Embed Video
Edit your comment Cancel

7 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

1488 views, 7 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 1488
    • 1488 on SlideShare
    • 0 from embeds
  • Comments 1
  • Favorites 7
  • 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

Groups / Events