SlideShare a Scribd company logo
SEO and
       Accessibility



Christian Heilmann, February 2008, London, UK
chris.heilmann@gmail.com / http://wait-till-i.com
Finding common
    ground
What are things that
both search engine
 robots and people
       like?
Robots
✓ Good page titles
✓ Headings
✓ Links to follow
✓ Data, Data, Data
✓ Information upfront
         ✓ Easy to of in
           chunks
                   take

            information

Humans   ✓ Things that work
         ✓ No confusion
         ✓ No superfluous
           animations!
What do we think
 humans want?
BIG SHINY THINGS!
So this is how we
 build web sites.
✓ 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!
This is also how we
    make them
inaccessible and a
 pain to maintain.
The first thing we
 should think about
is environment and
    availability.
Titles: the first
 impression.
<title>
 The business case for
 web standards | Main /
 Home Page
 </title>
<title>
 The business case for
 web standards | Main /
 Home Page
 </title>
<title>
 The business case for
 web standards | Main /
 Home Page
 </title>
<title>
 The business case for
 web standards | Main /
 Home Page
 </title>
<title>
 The business case for
 web standards | Main /
 Home Page
 </title>
Keywords &
Descriptions?
How is all of this
 accessibility?
Even if the rest of
   your site is
 inaccessible...
... this information
 and mashups can
    make the data
      accessible!
What about
headings?
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
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
Provide hooks and
   milestones.
Do not overpromise,
  it causes grief.
<a href=”javascript:boo()”>
    is not a link.
<script src=”magicbadge.js”>
          </script>
     is not a link.
Do not expect
scripting to work.
  It might not!
Avoid confusion.
Don’t understand an
       icon?
Not sure if it’ll load?
Alternative text to
    the rescue!
Accessibility
      =
     SEO
      =
Common Sense
Questions?
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/

More Related Content

What's hot

Google Apps for Maine.edu
Google Apps for Maine.eduGoogle Apps for Maine.edu
Google Apps for Maine.edu
guest7799558
 
Be A Builder - Keynote (YEOC)
Be A Builder - Keynote (YEOC)Be A Builder - Keynote (YEOC)
Be A Builder - Keynote (YEOC)
Joseph Sunga
 
Continuing-Ed Opportunities with Drupal
Continuing-Ed Opportunities with DrupalContinuing-Ed Opportunities with Drupal
Continuing-Ed Opportunities with Drupal
gstupar
 
Responsive code
Responsive codeResponsive code
Responsive code
Roy Degler
 
Speed as-a-feature
Speed as-a-featureSpeed as-a-feature
Speed as-a-feature
New Relic
 

What's hot (20)

Pragmatic Progressive Enhancement
Pragmatic Progressive EnhancementPragmatic Progressive Enhancement
Pragmatic Progressive Enhancement
 
Creating Considerate Web Applications
Creating Considerate Web ApplicationsCreating Considerate Web Applications
Creating Considerate Web Applications
 
Triple Play - 60 in 60
Triple Play - 60 in 60Triple Play - 60 in 60
Triple Play - 60 in 60
 
A Responsive Process
A Responsive ProcessA Responsive Process
A Responsive Process
 
Mobile Monday Presentation: Responsive Web Design
Mobile Monday Presentation: Responsive Web DesignMobile Monday Presentation: Responsive Web Design
Mobile Monday Presentation: Responsive Web Design
 
Guest Lecture Tilburg University
Guest Lecture Tilburg UniversityGuest Lecture Tilburg University
Guest Lecture Tilburg University
 
Truly Responsive Design Means Aligning to Business and User Goals
Truly Responsive Design Means Aligning to Business and User GoalsTruly Responsive Design Means Aligning to Business and User Goals
Truly Responsive Design Means Aligning to Business and User Goals
 
Ten Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for MobileTen Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for Mobile
 
Google Apps for Maine.edu
Google Apps for Maine.eduGoogle Apps for Maine.edu
Google Apps for Maine.edu
 
CSS3 vs Photoshop (remastered)
CSS3 vs Photoshop (remastered)CSS3 vs Photoshop (remastered)
CSS3 vs Photoshop (remastered)
 
EE Camp: CMS Training with Screencasts
EE Camp: CMS Training with ScreencastsEE Camp: CMS Training with Screencasts
EE Camp: CMS Training with Screencasts
 
Help Desk Management & Multimedia
Help Desk Management & MultimediaHelp Desk Management & Multimedia
Help Desk Management & Multimedia
 
Be A Builder - Keynote (YEOC)
Be A Builder - Keynote (YEOC)Be A Builder - Keynote (YEOC)
Be A Builder - Keynote (YEOC)
 
Continuing-Ed Opportunities with Drupal
Continuing-Ed Opportunities with DrupalContinuing-Ed Opportunities with Drupal
Continuing-Ed Opportunities with Drupal
 
Responsive code
Responsive codeResponsive code
Responsive code
 
The Dropbox success story: the path to global expansion | Talent Connect Anaheim
The Dropbox success story: the path to global expansion | Talent Connect AnaheimThe Dropbox success story: the path to global expansion | Talent Connect Anaheim
The Dropbox success story: the path to global expansion | Talent Connect Anaheim
 
Online Tools to Monitor Competition - Do not re-invent the wheel
Online Tools to Monitor Competition - Do not re-invent the wheelOnline Tools to Monitor Competition - Do not re-invent the wheel
Online Tools to Monitor Competition - Do not re-invent the wheel
 
Whatever happened to Progressive Enhancement?
Whatever happened to Progressive Enhancement?Whatever happened to Progressive Enhancement?
Whatever happened to Progressive Enhancement?
 
QCon London 2010: Journey of a start-up
QCon London 2010: Journey of a start-upQCon London 2010: Journey of a start-up
QCon London 2010: Journey of a start-up
 
Speed as-a-feature
Speed as-a-featureSpeed as-a-feature
Speed as-a-feature
 

Similar to SEO and Accessibility

Justin French Web Directions07
Justin French Web Directions07Justin French Web Directions07
Justin French Web Directions07
justinfrench
 
[Workshop] Analyzing Your Deliverables: Developing the Optimal Documentation ...
[Workshop] Analyzing Your Deliverables: Developing the Optimal Documentation ...[Workshop] Analyzing Your Deliverables: Developing the Optimal Documentation ...
[Workshop] Analyzing Your Deliverables: Developing the Optimal Documentation ...
Scott Abel
 
Aucd ppt
Aucd pptAucd ppt
Aucd ppt
icidemo
 

Similar to SEO and Accessibility (20)

Resisting The Feature Creature
Resisting The Feature CreatureResisting The Feature Creature
Resisting The Feature Creature
 
SEO for the Semantic Web
SEO for the Semantic WebSEO for the Semantic Web
SEO for the Semantic Web
 
Progressive Web App Challenges
Progressive Web App ChallengesProgressive Web App Challenges
Progressive Web App Challenges
 
Htce Pres Office 2.0 April 2007 R4
Htce Pres Office 2.0 April 2007 R4Htce Pres Office 2.0 April 2007 R4
Htce Pres Office 2.0 April 2007 R4
 
Justin French Web Directions07
Justin French Web Directions07Justin French Web Directions07
Justin French Web Directions07
 
Open Web Technologies and You - Durham College Student Integration Presentation
Open Web Technologies and You - Durham College Student Integration PresentationOpen Web Technologies and You - Durham College Student Integration Presentation
Open Web Technologies and You - Durham College Student Integration Presentation
 
The DiSo Project
The DiSo ProjectThe DiSo Project
The DiSo Project
 
[Workshop] Analyzing Your Deliverables: Developing the Optimal Documentation ...
[Workshop] Analyzing Your Deliverables: Developing the Optimal Documentation ...[Workshop] Analyzing Your Deliverables: Developing the Optimal Documentation ...
[Workshop] Analyzing Your Deliverables: Developing the Optimal Documentation ...
 
Analyzing Your Deliverables: Developing the Optimal Documentation Library
Analyzing Your Deliverables: Developing the Optimal Documentation LibraryAnalyzing Your Deliverables: Developing the Optimal Documentation Library
Analyzing Your Deliverables: Developing the Optimal Documentation Library
 
Silverlight won't save your user experience - you will!
Silverlight won't save your user experience - you will!Silverlight won't save your user experience - you will!
Silverlight won't save your user experience - you will!
 
10 Simple Rules for Making My Site Accessible
10 Simple Rules for Making My Site Accessible10 Simple Rules for Making My Site Accessible
10 Simple Rules for Making My Site Accessible
 
The road to professional web development
The road to professional web developmentThe road to professional web development
The road to professional web development
 
From dev to ops and beyond - getting it done
From dev to ops and beyond - getting it doneFrom dev to ops and beyond - getting it done
From dev to ops and beyond - getting it done
 
Designing with content-first
Designing with content-firstDesigning with content-first
Designing with content-first
 
Joomla day ne_2011_nidan_black_belt_joomla
Joomla day ne_2011_nidan_black_belt_joomlaJoomla day ne_2011_nidan_black_belt_joomla
Joomla day ne_2011_nidan_black_belt_joomla
 
Responsive Design
Responsive DesignResponsive Design
Responsive Design
 
Enhance Enhance
Enhance EnhanceEnhance Enhance
Enhance Enhance
 
Professional web development with libraries
Professional web development with librariesProfessional web development with libraries
Professional web development with libraries
 
Aucd ppt
Aucd pptAucd ppt
Aucd ppt
 
Mist concept introduction with notes
Mist concept introduction with notesMist concept introduction with notes
Mist concept introduction with notes
 

More from Christian Heilmann

The Soul in The Machine - Developing for Humans (FrankenJS edition)
The Soul in The Machine - Developing for Humans (FrankenJS edition)The Soul in The Machine - Developing for Humans (FrankenJS edition)
The Soul in The Machine - Developing for Humans (FrankenJS edition)
Christian Heilmann
 

More from Christian Heilmann (20)

Develop, Debug, Learn? - Dotjs2019
Develop, Debug, Learn? - Dotjs2019Develop, Debug, Learn? - Dotjs2019
Develop, Debug, Learn? - Dotjs2019
 
Hinting at a better web
Hinting at a better webHinting at a better web
Hinting at a better web
 
Taking the "vile" out of privilege
Taking the "vile" out of privilegeTaking the "vile" out of privilege
Taking the "vile" out of privilege
 
Seven ways to be a happier JavaScript developer - NDC Oslo
Seven ways to be a happier JavaScript developer - NDC OsloSeven ways to be a happier JavaScript developer - NDC Oslo
Seven ways to be a happier JavaScript developer - NDC Oslo
 
Artificial intelligence for humans… #AIDC2018 keynote
Artificial intelligence for humans… #AIDC2018 keynoteArtificial intelligence for humans… #AIDC2018 keynote
Artificial intelligence for humans… #AIDC2018 keynote
 
Killing the golden calf of coding - We are Developers keynote
Killing the golden calf of coding - We are Developers keynoteKilling the golden calf of coding - We are Developers keynote
Killing the golden calf of coding - We are Developers keynote
 
Progressive Web Apps - Techdays Finland
Progressive Web Apps - Techdays FinlandProgressive Web Apps - Techdays Finland
Progressive Web Apps - Techdays Finland
 
Taking the "vile" out of privilege
Taking the "vile" out of privilegeTaking the "vile" out of privilege
Taking the "vile" out of privilege
 
Five ways to be a happier JavaScript developer
Five ways to be a happier JavaScript developerFive ways to be a happier JavaScript developer
Five ways to be a happier JavaScript developer
 
Taking the P out of PWA
Taking the P out of PWATaking the P out of PWA
Taking the P out of PWA
 
Sacrificing the golden calf of "coding"
Sacrificing the golden calf of "coding"Sacrificing the golden calf of "coding"
Sacrificing the golden calf of "coding"
 
You learned JavaScript - now what?
You learned JavaScript - now what?You learned JavaScript - now what?
You learned JavaScript - now what?
 
Sacrificing the golden calf of "coding"
Sacrificing the golden calf of "coding"Sacrificing the golden calf of "coding"
Sacrificing the golden calf of "coding"
 
Progressive Web Apps - Covering the best of both worlds - DevReach
Progressive Web Apps - Covering the best of both worlds - DevReachProgressive Web Apps - Covering the best of both worlds - DevReach
Progressive Web Apps - Covering the best of both worlds - DevReach
 
Progressive Web Apps - Covering the best of both worlds
Progressive Web Apps - Covering the best of both worldsProgressive Web Apps - Covering the best of both worlds
Progressive Web Apps - Covering the best of both worlds
 
Non-trivial pursuits: Learning machines and forgetful humans
Non-trivial pursuits: Learning machines and forgetful humansNon-trivial pursuits: Learning machines and forgetful humans
Non-trivial pursuits: Learning machines and forgetful humans
 
Progressive Web Apps - Bringing the web front and center
Progressive Web Apps - Bringing the web front and center Progressive Web Apps - Bringing the web front and center
Progressive Web Apps - Bringing the web front and center
 
CSS vs. JavaScript - Trust vs. Control
CSS vs. JavaScript - Trust vs. ControlCSS vs. JavaScript - Trust vs. Control
CSS vs. JavaScript - Trust vs. Control
 
Leveling up your JavaScipt - DrupalJam 2017
Leveling up your JavaScipt - DrupalJam 2017Leveling up your JavaScipt - DrupalJam 2017
Leveling up your JavaScipt - DrupalJam 2017
 
The Soul in The Machine - Developing for Humans (FrankenJS edition)
The Soul in The Machine - Developing for Humans (FrankenJS edition)The Soul in The Machine - Developing for Humans (FrankenJS edition)
The Soul in The Machine - Developing for Humans (FrankenJS edition)
 

Recently uploaded

zidauu _business communication.pptx /pdf
zidauu _business  communication.pptx /pdfzidauu _business  communication.pptx /pdf
zidauu _business communication.pptx /pdf
zukhrafshabbir
 
Constitution of Company Article of Association
Constitution of Company Article of AssociationConstitution of Company Article of Association
Constitution of Company Article of Association
seri bangash
 
What is social media.pdf Social media refers to digital platforms and applica...
What is social media.pdf Social media refers to digital platforms and applica...What is social media.pdf Social media refers to digital platforms and applica...
What is social media.pdf Social media refers to digital platforms and applica...
AnaBeatriz125525
 

Recently uploaded (20)

Potato Flakes Manufacturing Plant Project Report.pdf
Potato Flakes Manufacturing Plant Project Report.pdfPotato Flakes Manufacturing Plant Project Report.pdf
Potato Flakes Manufacturing Plant Project Report.pdf
 
The Truth About Dinesh Bafna's Situation.pdf
The Truth About Dinesh Bafna's Situation.pdfThe Truth About Dinesh Bafna's Situation.pdf
The Truth About Dinesh Bafna's Situation.pdf
 
TriStar Gold Corporate Presentation May 2024
TriStar Gold Corporate Presentation May 2024TriStar Gold Corporate Presentation May 2024
TriStar Gold Corporate Presentation May 2024
 
How Do Venture Capitalists Make Decisions?
How Do Venture Capitalists Make Decisions?How Do Venture Capitalists Make Decisions?
How Do Venture Capitalists Make Decisions?
 
Creative Ideas for Interactive Team Presentations
Creative Ideas for Interactive Team PresentationsCreative Ideas for Interactive Team Presentations
Creative Ideas for Interactive Team Presentations
 
The Inspiring Personality To Watch In 2024.pdf
The Inspiring Personality To Watch In 2024.pdfThe Inspiring Personality To Watch In 2024.pdf
The Inspiring Personality To Watch In 2024.pdf
 
Engagement Rings vs Promise Rings | Detailed Guide
Engagement Rings vs Promise Rings | Detailed GuideEngagement Rings vs Promise Rings | Detailed Guide
Engagement Rings vs Promise Rings | Detailed Guide
 
zidauu _business communication.pptx /pdf
zidauu _business  communication.pptx /pdfzidauu _business  communication.pptx /pdf
zidauu _business communication.pptx /pdf
 
Constitution of Company Article of Association
Constitution of Company Article of AssociationConstitution of Company Article of Association
Constitution of Company Article of Association
 
IPTV Subscription UK: Your Guide to Choosing the Best Service
IPTV Subscription UK: Your Guide to Choosing the Best ServiceIPTV Subscription UK: Your Guide to Choosing the Best Service
IPTV Subscription UK: Your Guide to Choosing the Best Service
 
Inside the Black Box of Venture Capital (VC)
Inside the Black Box of Venture Capital (VC)Inside the Black Box of Venture Capital (VC)
Inside the Black Box of Venture Capital (VC)
 
Global Interconnection Group Joint Venture[960] (1).pdf
Global Interconnection Group Joint Venture[960] (1).pdfGlobal Interconnection Group Joint Venture[960] (1).pdf
Global Interconnection Group Joint Venture[960] (1).pdf
 
Stages of Startup Funding - An Explainer
Stages of Startup Funding - An ExplainerStages of Startup Funding - An Explainer
Stages of Startup Funding - An Explainer
 
Hyundai capital 2024 1q Earnings release
Hyundai capital 2024 1q Earnings releaseHyundai capital 2024 1q Earnings release
Hyundai capital 2024 1q Earnings release
 
A Brief Introduction About Jacob Badgett
A Brief Introduction About Jacob BadgettA Brief Introduction About Jacob Badgett
A Brief Introduction About Jacob Badgett
 
India’s Recommended Women Surgeons to Watch in 2024.pdf
India’s Recommended Women Surgeons to Watch in 2024.pdfIndia’s Recommended Women Surgeons to Watch in 2024.pdf
India’s Recommended Women Surgeons to Watch in 2024.pdf
 
LinkedIn Masterclass Techweek 2024 v4.1.pptx
LinkedIn Masterclass Techweek 2024 v4.1.pptxLinkedIn Masterclass Techweek 2024 v4.1.pptx
LinkedIn Masterclass Techweek 2024 v4.1.pptx
 
What is social media.pdf Social media refers to digital platforms and applica...
What is social media.pdf Social media refers to digital platforms and applica...What is social media.pdf Social media refers to digital platforms and applica...
What is social media.pdf Social media refers to digital platforms and applica...
 
Innomantra Viewpoint - Building Moonshots : May-Jun 2024.pdf
Innomantra Viewpoint - Building Moonshots : May-Jun 2024.pdfInnomantra Viewpoint - Building Moonshots : May-Jun 2024.pdf
Innomantra Viewpoint - Building Moonshots : May-Jun 2024.pdf
 
HR and Employment law update: May 2024.
HR and Employment law update:  May 2024.HR and Employment law update:  May 2024.
HR and Employment law update: May 2024.
 

SEO and Accessibility