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.
Search engines and most social networks don't read web pages the way you and I do. Instead, they index your pages based on only small portions of the page, and those portions are invisible to you unless you use a tool to see them. So because we want to improve our SEO through accessibility techniques, we need to install one more Add-on, this one to reveal the hidden SEO info on a page. If you're using Firefox, you can actually kind of reveal some of this information without installing anything.
If you go to any page, for instance, my blog Design is Philosophy and you right-click anywhere on that page, you find this option View Page Info in the contextual menu. When you click that, Firefox tells you information about what it sees of this page. As you can see, it gives me the title of the page, it gives me the web address, what kind of text it is, what kind of encoding it is to size and so on, but down here, it also shows you the meta-tags. You see I have a description for the page: WordPress tutorials, web design, HTML, CSS and other stuff. And I have keywords.
This is what the search engine sees, but it also sees other content that we don't really see, and we need to add a tool that will display all that information for us. Let's go back to the addons.mozilla.org page and add a new Add-on, this one is called SenSEO, so S-e-n-S-E-O. Before I install it, if you have not installed Firebug yet, if you do this installation, it will automatically bring you to the page to install Firebug because SenSEO plugs into Firebug.
But, as you can see in my browser up here, I've installed Firebug already, so I'll just install SenSEO. The Add-on is downloaded, and once it's downloaded, I'm asked if I want to install it. I'll say, Install Now, and I get asked if I want to restart my browser. This happens every time you install an Add-on in Firefox. So I will restart the browser. Now we have SenSEO installed and I can go back to my blog, activate Firebug, and here you see I have a new panel called SenSEO, where I can show components. And here you see all that meta-information, plus more information.
So now, using SenSEO, I can unveil what the search engine sees.
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.