• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Findability Bliss Through Web Standards
 

Findability Bliss Through Web Standards

on

  • 2,939 views

Connecting with your audience is objective number one for any website. Findability—the discipline of helping users discover the content they seek—not only helps businesses get their message out, ...

Connecting with your audience is objective number one for any website. Findability—the discipline of helping users discover the content they seek—not only helps businesses get their message out, but it improves the user experience, too. The secret to attaining findability bliss, both with search engines and beyond, lies in the wisdom of web standards.

Statistics

Views

Total Views
2,939
Views on SlideShare
2,931
Embed Views
8

Actions

Likes
13
Downloads
130
Comments
0

3 Embeds 8

http://maxxelli-blog.com 3
http://www.slideshare.net 3
http://www.linkedin.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

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

Findability Bliss Through Web Standards Findability Bliss Through Web Standards Presentation Transcript

  • May 5, 2009 An Event Apart Seattle, WA
  • slideshare.net/aarron delicious.com/tag/ findabilitybliss
  • @aarron
  • Findability
  • 3 simple goals
  • find your site
  • find stuff in your site
  • rediscover your site
  • Beyond SEO
  • the common thread
  • Findability is not ...
  • Findability is ...
  • Content
  • great content + web standards =
  • great content + web standards = findability bliss
  • The Standards Connection Semantic Markup: machine readable Accessibility: legible to search engines Progressively Enhance: remove barriers Microformats: re-discoverable
  • Semantic Message
  • “Aboutness”
  • Position Keywords
  • <title>
  • <h1>
  • <h2> & friends
  • <strong> & <em>
  • <a ...>here</a>
  • title=“here”
  • alt=“here”
  • More Keyword Placement Your URL Logo file name Naturally in your content (<= 7%)
  • <h1 id=quot;logoquot; title=”description”> Site or Organization Name </h1> /* css */ #logo { text-indent: -9999px; background: url(image.gif); width: 200px; height: 25px; } image replacement
  • mezzoblue.com/tests/revised-image-replacement/
  • Bad Karma?
  • mezzoblue.com/archives/2008/05/05/image_replac/
  • apple.com
  • Keyword Research?
  • WWMD?
  • delicious.com
  • adwords.google.com/select/KeywordToolExternal
  • Check Your Work
  • Ranks.nl
  • Ranks.nl
  • Sensational-SEO.com/
  • Sensational-SEO.com/
  • Find Your Competitors
  • Accessible Message
  • present the entire message
  • <img src=quot;logos.gifquot; alt=quot;Client logosquot; /> <a href=quot;#footnotequot; title=quot;Image descriptionquot;>about this image</a> <div id=quot;footnotequot;> <h4>Our Clients Include … </h4> <ul> <li> Yahoo! </li> <li> John Deere </li> <li> CNN </li> … </ul> </div> description link
  • <acronym title=quot;Web Content Accessibility Guidelinesquot;> WCAG </acronym> <abbr title=quot;Georgiaquot;>GA</abbr> anticipate search behaviors
  • What about JavaScript?
  • Ajax Pitfalls
  • Ajax Pitfalls
  • Progressively Enhance
  • make it work without JavaScript support
  • http://www.udm4.com/ navigation can’t rely on JavaScript
  • What About Ajax?
  • Ajax Problems No unique URL JavaScript required to load Not search engine friendly
  • Ajax Solutions Don’t use it for mission critical content Use the Hijax Approach Fetch content server-side
  • Portable Content is Re-discoverable
  • <div id=quot;hcard-John-Stewartquot; class=quot;vcardquot;> <span class=quot;fnquot;>John Stewart</span> <div class=quot;orgquot;>The Daily Show</div> <div class=quot;adrquot;> <div class=quot;street-addressquot;>123 Some Street</div> <span class=quot;localityquot;>New York</span>, <span class=quot;regionquot;>NY</span>, <span class=quot;postal-codequot;>12345</span> <span class=quot;country-namequot;>USA</span> </div> </div> hCard microformat
  • soupstudios.com/contact/
  • <div id=quot;hcalendar-An-Event-Apartquot; class=quot;veventquot;> <a href=quot;http://aneventapart.comquot; class=quot;urlquot;><abbr title=quot;2009-05-04T09:00-05:0000quot; class=quot;dtstartquot;>May 4th 9am</abbr> : <abbr title=quot;2009-05-05T20:00-05:00quot; class=quot;dtendquot;>5th 5pm, 2009</abbr> : <span class=quot;summaryquot;>An Event Apart</ span> in <span class=quot;locationquot;>Seattle, WA</span></a> <div class=quot;descriptionquot;>For people who make websites.</div> hCalendar microformat
  • microformats.org
  • Do search engines recognize microformats?
  • Will I get a ranking boost from validating?
  • Findable Websites Are Successful Websites
  • Your Clients Demand It
  • Thanks http://buildingfindablewebsites.com
  • BuildingFindableWebsites.com
  • slideshare.net/aarron delicious.com/tag/ findabilitybliss