Link to all Classes Week 1 Week 2 Week 3 Week 4 Week 5 Week 6
Today’s class will focus on SEO – Search Engine Optimisation:
- Revisit basic HTML Structure
- Online Editors
- Google Search Engine Optimisation Starter Guide
Revisiting Basic HTML Structure
I would like to revisit basic HTML elements and foremost how a HTML document is structured.
Who would like to have a go at describing the overall built-up or anatomy of a HTML document? Think of it as in the anatomy of a human. Actually, we will do this as a team on the whiteboard.
Let us see if you can reconstruct a HTML document on the whiteboard. Use the correct syntax and apply as much as you remember from the previous class. Use the correct script and placement for the different elements.
If you missed this class and are just following it online, please attempt writing down HTML code (use the h and p tags and sample text) without the aid of W3Schools or your notes and see how much you remember. Then, correct it and place it as a comment on this post!
W3Schools editor: Tryit!Editor
Another useful online editor: Real-time HTML editor
Screenshot of Offline Coder App for I-Pad and I-Phone.
Google Search Engine Optimisation Starter Guide
Last week’s homework was to open the links on page 5 (at the bottom) and read page 6: Make use of the “description” meta tag. Who has done it (and do not lie to me, I can smell a lie from 10 metres…) 😉
We will continue working through the Google Search Engine Optimisation Guide. We will continue working through it in class:
- Make use of the “description” meta tag (pages 6-7)
- Improve the structure of your URLs (pages 8-9)
If you missed the class try to work through the sections on your own.
In class we created an example for the decription meta tag as suggested in the Google Search Engine Optimization Guide based on the fictional website for JSS – Juanita’s School of Spanish. We used the TryIt Editor – use this link and recreate the page as seen in the screen print below.
Snippet Example created in Tryit Editor with Description Meta Tag
Make sure to practice writing a HTML document including a DOCTYPE declaration, html element with nested head and body element.
Learn the correct code for Meta tags:
<meta name=”keywords” content=”place keywords in here separated by commas“>
<meta name=”description” content=”write a description in here“>
<meta name=”author” content=”place the name of the author in here“>
Re-read the pages 3-9 of the Google Search Engine Optimization Guide and use the provided links to further your understanding.
Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!