Successfully reported this slideshow.
Your SlideShare is downloading. ×

SEO and Accessibility

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Loading in …3
×

Check these out next

1 of 38 Ad
Advertisement

More Related Content

Slideshows for you (20)

Similar to SEO and Accessibility (20)

Advertisement

More from Christian Heilmann (20)

Recently uploaded (20)

Advertisement

SEO and Accessibility

  1. 1. SEO and Accessibility Christian Heilmann, February 2008, London, UK chris.heilmann@gmail.com / http://wait-till-i.com
  2. 2. Finding common ground
  3. 3. What are things that both search engine robots and people like?
  4. 4. Robots ✓ Good page titles ✓ Headings ✓ Links to follow ✓ Data, Data, Data
  5. 5. ✓ Information upfront ✓ Easy to of in chunks take information Humans ✓ Things that work ✓ No confusion ✓ No superfluous animations!
  6. 6. What do we think humans want?
  7. 7. BIG SHINY THINGS!
  8. 8. So this is how we build web sites.
  9. 9. ✓ Make them pretty ✓ Make them engaging ✓ Big buttons, possibly animated ✓ Make them “something new” ✓ Social, oh yes! ✓ We got your social right here: “send to friend”! ✓ Set up a marketing plan, talk to the right people about them!
  10. 10. This is also how we make them inaccessible and a pain to maintain.
  11. 11. The first thing we should think about is environment and availability.
  12. 12. Titles: the first impression.
  13. 13. <title> The business case for web standards | Main / Home Page </title>
  14. 14. <title> The business case for web standards | Main / Home Page </title>
  15. 15. <title> The business case for web standards | Main / Home Page </title>
  16. 16. <title> The business case for web standards | Main / Home Page </title>
  17. 17. <title> The business case for web standards | Main / Home Page </title>
  18. 18. Keywords & Descriptions?
  19. 19. How is all of this accessibility?
  20. 20. Even if the rest of your site is inaccessible...
  21. 21. ... this information and mashups can make the data accessible!
  22. 22. What about headings?
  23. 23. Steps to a better developer life Getting rid of existing problems Click the start button on your Windows Select quot;Shut Downquot; Replace with a Mac Taking your first steps into a larger world Start Mac Get Textmate Get VirtueDesktops Get Quicksilver Linking back to the days or olde Get Parallels, test on Windows
  24. 24. Steps to a better developer life Getting rid of existing problems • Click the start button on your windows • Select quot;Shut Downquot; • Replace with a Mac Taking your first steps into a larger world • Start Mac • Get Textmate • Get VirtueDesktops • Get Quicksilver Linking back to the days of olde • Get Parallels, test on Windows
  25. 25. Provide hooks and milestones.
  26. 26. Do not overpromise, it causes grief.
  27. 27. <a href=”javascript:boo()”> is not a link.
  28. 28. <script src=”magicbadge.js”> </script> is not a link.
  29. 29. Do not expect scripting to work. It might not!
  30. 30. Avoid confusion.
  31. 31. Don’t understand an icon?
  32. 32. Not sure if it’ll load?
  33. 33. Alternative text to the rescue!
  34. 34. Accessibility = SEO = Common Sense
  35. 35. Questions?
  36. 36. Flickr Thnks Robot: http://www.flickr.com/photos/uberculture/1385828839/ Powers: http://www.flickr.com/photos/esparta/482348262/ Shiny thing: http://www.flickr.com/photos/restlessglobetrotter/2004524018/ Sheep: http://flickr.com/photos/gi/95023423 Kids: http://flickr.com/photos/yogi/58372577/

×