Web Design Makeover, Part 2

A couple of days ago, I created a kind of “chapter outline” of BK2K Web Design to map out the static pages that the site will have. After I did my outline, I created the pages and put in my meta titles and descriptions. These can and will be tweaked, but I’ve added what I’ve got to the outline.

When you’re done creating your outline, and adding the titles and descriptions, you’ve got the basis for a perfect list site map. Not the same as your Google XML site map, this is for your users’ benefits, although search engine bots may very well  find your site map page to be very tasty! Here is my basic outline, with links and descriptions added:

1. Home
   Learn and work in web development, web design, or graphic design. Technology jobs from across the U.S. posted daily, many telecommuting jobs so you can work from home.
2. About BK2K Web Design
   1. About the Web Wench
      I have studied web page design and development since 1995, learning from open source software and online tutorials.
      
   2. About this WordPress Site
      Details of what and how I built BK2K Web Design and what tools I used.
3. Learn
   There are several options available to learn web development – online schools, online tutorials, and tutorial videos.
   1. Online Schools
      An online school to learn web development/design might be right for you if you prefer a structured learning environment.
   2. Video Tutorials
      Online video tutorials are an easy, inexpensive way to build and polish your web development or graphic design skills.
   3. Tutorials
      There are many web design and web development “experts” and articles to choose from. Make sure that you’re using a reputable source so that you learn it right the first time.
4. Tools
   Web development tools and resources: hardware and opensource software
   1. Hardware
      The essential hardware you will need to pursue an education or a career in web development or web design
   2. Software
      At the minimum, you need a good text editor for web development. If you want to learn graphic design on a professional level, you need a high quality graphics program that supports layers.
   3. Open Source Software
      There is opensource software available for any web development project you could imagine – static sites, blogs, news sites, eCommerce sites, community sites – the list is endless.
5. Jobs
   Web development, web design or graphic design. Fresh job postings daily from all over the United States.

And there you have it! A basic site outline, with link titles and descriptions that match the document title and meta description. The pages will be organized with heading tags as well, with first level pages having and <h1> title tag and second level pages having <h2>.

The site map is something you’ll have to do by hand – unfortunately WordPress doesn’t have a plugin that does it for you. There are sitemap plugins, but none that allow the page description to be included. So I code a list sitemap of my pages, and then add a sitemap plugin for articles/posts. For the sitemap, I change the <ol> tags to <ul> – from ordered lists to bulleted lists, but you can leave it as it is if you like.

Join the forum discussion on this post - (1) Posts

Posted in: Latest News
RSS 2.0 | Respond | Trackback |