• Save
SEO: A Web Design Perspective
Upcoming SlideShare
Loading in...5
×
 

SEO: A Web Design Perspective

on

  • 4,630 views

A look at SEO through the eyes of a web designers. How can we, as web desingers, incorporate SEO-centric tools and techniques as we work with informationa rchitecture, XHTML, and CSS.

A look at SEO through the eyes of a web designers. How can we, as web desingers, incorporate SEO-centric tools and techniques as we work with informationa rchitecture, XHTML, and CSS.

Statistics

Views

Total Views
4,630
Views on SlideShare
4,607
Embed Views
23

Actions

Likes
11
Downloads
0
Comments
2

4 Embeds 23

http://www.slideshare.net 20
http://www.brijj.com 1
http://www.lmodules.com 1
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Hello.Mapetite.
    I am From Colombia. I participating in a contest and its presentation I liked very much, because in my company we working with web design,& e-marketing, in the slide we talk about the reasons for have a site in the web, and how you can do it very easy, I invited, to visit my slide and if it likes, please add me to your favorites, thank you very much.

    Congratulations! I’ll add to favorites.

    I hope you add me to your favorite ’♥’ bye bye

    See my presentation - http://slidesha.re/5Td1I5
    Are you sure you want to
    Your message goes here
    Processing…
  • 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).
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

SEO: A Web Design Perspective SEO: A Web Design Perspective Presentation Transcript

  • SEO: A Web Design Perspective SEO/Internet Marketing Meetup San Antonio, TX October 2008
  • Build Off A Strong Foundation
    • Separate form from presentation
    • Design for indexing.
    • Optimize your XHTML and CSS
  • 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”!
    View slide
  • 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.
    View slide
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • Sources
    • SEO and Your Web Site (Digital Web Magazine)
    • 7 Principles Of Clean And Optimized CSS Code