Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
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.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 70090 Viewers
80 Video lessons · 127451 Viewers
52 Video lessons · 62394 Viewers
59 Video lessons · 48098 Viewers
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.
Your file was successfully uploaded.