Disclaimer: some people will probably be familiar, but I want to make sure we’re all on the same page.
If it helps, think of it as designing a reading page
When someone is reading an article, they don’t need to see the most popular articles on your site. They need to read the article.
Go big on type. Micro whitespace.
This is not SEO in the usual sense - it’s not about making money. It’s about helping facilitate accurate searches.
If you have a print style sheet, have it remove things.
Designing Article Pages
18 June 2009 College Web Design Camp 2009: Session 4 College Web Design Camp 2009: Session 4 Designing Article Pages Jake Paul jakepaul.com
Overview Goals of Article Pages What design concepts will be useful? What do you want an article page to do? Design Implementation How do we make this happen on the web? What CSS rules should we use? Other Considerations How should we optimize for search, handle comments, and facilitate printing?
Hierarchy An arrangement or classification of things according to relative importance.
Minimize distractions Put related media at the top of the page with the headline and photo Put related reading links and everything else at the bottom of the page But, if you have multiple photos, spread them out throughout the article
Other considerations Article pages show up in searches a lot because they have fairly static content
Search optimizing Display the article title in the page title
Search optimizing Direct readers who arrive on your site via search with a brief note in the footer
Comments Place comments below whatever related article links It might be useful to paginate comments to avoid having really long pages (nytimes.com)
Printing Don’t put a print link on your article page
This is not at all definitive http://bit.ly/thinkingwithtype http://www.alistapart.com/articles/indefenseofreaders http://www.wilsonminer.com/posts/2008/oct/20/relative -readability/ http://www.alistapart.com/articles/whitespace/ http: //www.markboulton.co.uk/journal/comments/five_simple_steps_to_bette r_typography/ http://www.markboulton.co.uk/arti cles/detail/five_simple_steps_to_designing_grid_systems/ http://www.subtraction.com/2 007/03/18/oh-yeeaahh