Your markup should have meaning. Markup your content appropriately (e.g. put your address and phone number in the
address element) and it becomes much more readable to search engines and other software used for data extraction. Using only
span elements leaves much to be desired, semantically speaking. These elements are certainly indispensable, however, there are some cases where there are more meaningful elements to use. For example:
h1as your page title; use
h2and on appropriately as sub-headings on the page. This provides an outline of your document.
- Use lists (
ul) instead of manually placing numbers or bullets.
addressfor any contact information on your page, including physical address, email address, phone numbers, and whatever else you would consider to be contact info.
tableon data best represented in rows and columns. Use
thto markup the column headings and
tbodyfor the data itself.
Check the HTML spec for additional meaningful elements and get to work!
You can use the W3’s handy Semantic Data Extractor tool to test your new semantic web site to give you an idea of how it would be seen by software.
That does it for now. See you next time! Until then, read SEO and Validation.