2013
Lynda
Jen Kramer
1:36
English

Discover how to make websites more search engine friendly, more meaningful, and more future-proof with semantics. In this course, Jen Kramer shows you how simple HTML5 tags add meaning to page structure, and how microdata and metadata can be used to add identifying information—such as author and type of content—right on a page. All this adds up to creating pages that score better (and rank faster) in Google and other search engines, and work better in the growing array of bots and other programs searching the web on behalf of devices.

Introduction
Welcome 1m 3s
Using the exercise files 56s
Appreciating the value of the semantic web 3m 50s
Downloading and installing Sublime Text 2 3m 11s
1. Using HTML5 Semantic Tags
Introducing HTML5 semantics and the doctype 6m 12s
Using HTML5 header, nav, and footer tags 5m 18s
Using HTML5 article and section tags 4m 46s
Addressing related content using HTML5 aside and mark tags 6m 16s
Ensuring HTML5 backwards compatibility with old versions of Internet Explorer 5m 11s
Challenge: Updating a page with HTML5 semantic tags 1m 27s
Solution: Updating a page with HTML5 semantic tags 4m 4s
2. Defining Link Relationships
Understanding why link relationships are important in semantics 1m 16s
Defining link relationships in stylesheet and favicon links 5m 9s
Defining links to alternative data sources 4m 6s
Defining next and previous relationships 3m 5s
3. Using Microdata from schema.org
Introducing schema.org and the value of microdata 3m 26s
Using itemscope and itemtype to add meaning 6m 42s
Adding itemprop to expand on meaning 5m 12s
Including embedded items 5m 2s
Using the meta tag for information that cannot be marked up 4m 16s
Challenge: Marking up a page with microdata 1m 39s
Solution: Marking up a page with microdata 4m 53s
4. Adding Metadata with RDFa Lite
Understanding RDF, RDFa, and RDFa Lite 4m 3s
Adding RDFa Lite attributes to HTML5 3m 39s
Conclusion
Next steps 1m 47s

http://www.lynda.com/

Download File Size:307.79 MB

---