We need to construct a better semantic HTML structure for the template prior to doing any sort of design work. This allows us to define the structure based on the content rather than trying to make the structure fit a design and rendering garbled content. It also allows for better search engine optimization since it will be extremely parseable with proper weight being given where it should. In order to accomplish this however their may be some minor changes to the aesthetic of the theme.
What this will provide
- Better more readable HMTL
- Both design and HTML fit the content
- Better parsability by search engines and crawlers leading to improved SEO
- Easier modularity as everything should be built in blocks that are reusable
- Easier themeability due to improved structure
I put together a quick mock-up test case http://midaym.com/test/mino/semantic-index.html, I left out the nav elements as they are irrelevant for the over all hierarchy if you plug it into this http://gsnedders.html5.org/outliner/ you get a very clean parsed outline
something like this
- PHPBB | Creating Communities PHPBB
- Forum Group 1
- Forum 1
- Forum 2
- Forum 3
- Forum Group 2
- Forum 1
- Forum 2
- Forum 3
- Forum Group 3
- Forum 1
- Forum 2
- Forum 3
- Forum Group 4
- Forum 1
- Forum 2
- Forum 3
- POWERED BY PHPBB� FORUM SOFTWARE � PHPBB GROUP ALL TIMES ARE GMT+00:00 | TIME : 0.646S | 20 QUERIES | GZIP : ON
- Forum Group 1
- Development Discussion Board
- Who is online
- Birthdays
- Statistics