Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
This course focuses on two elements of web development: accessibility and search engine optimization (SEO), demonstrating why they are important and how they work. Author Morten Rand-Hendriksen also shows how good coding practices and modern web standards can make a site accessible and more visible to search engines and social networks.
When I started developing this course, I put Search Engine Optimization and accessibility techniques together, and this might seem like an odd mix until you realize what's going on behind the scenes. Because if you apply accessibility techniques to your website, you automatically also get better Search Engine Optimization. Now that we have tools that can help us see the search engine optimized content in our pages, let's take a look at the inaccessible site and the accessible site in Firefox and see how they appear differently for the search engine.
So I'll go to my Exercise Files, and under Assets I'll open the Inaccessible site first, and then I'll open the accessible site. And I'll pull the accessible site out, so I get two browser windows, because then I can put them side-by-side. So now I'll activate Firebug on each of them, go to SenSEO, and click Show Components. I only want to see the components here, so I'll pull it all the way up, SenSEO > Show Components. And when you look at these side-by-side, you notice there are some very substantial differences between the inaccessible site and the accessible site.
You see that while the inaccessible site has no Title, no Meta-Description, no Keywords, and the rest of the information is very sparse, the accessible site has both a Title, a full Description, Keywords, and way more information. You see here, for instance, there is a long list of the headlines. These are all the headlines in the page itself. If we scroll down, you see there is a list of the images with the alternate description for the images and there's also other information about the content, whereas, in the inaccessible site we have no such information.
All the search engine sees is that the page is called Untitled 1 and that there is some text content in it. It's important to note that the only difference between the inaccessible site and the accessible site is that the accessible site has the same content with all the accessibility techniques from this course applied. And as you can see, by applying these accessibility techniques you automatically improve the SEO of the same page. That's why they go together, and that's why you should apply these techniques when you build your web pages.
There are currently no FAQs about Improving SEO Using Accessibility Techniques.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.