Planning Your Website’s Structure - Starting with rough sketches and wireframes, we'll build site and integrate SEO. Techniques for good web design, color schemes, typography, and to provide a good user experience.

1. SEO
Website Layout and Structure
GCMW177 Search Engine Optimization

2. SEO
Planning Your Website’s Structure
1. Start with rough outline
– Got your keywords, meta, alts
– Defined your audience
– Building content
2. Consider monitor sizes
3. Consider user experince
4. Consider browsers
5. Find a hosting service
What should I do?
GCMW177 Search Engine Optimization

3. SEO
Web Hosting
1. Price
2. Domian Purchases
3. Reliability
4. Disk space and bandwidth
3. Features -
- Site builders
- Databases
- Multiple domains
- Tracking tools
4. Support
http://www.findmyhosting.com/
GCMW177 Search Engine Optimization

4. SEO
Optimize for Other Browsers
Firefox IE Chrome Safari Opera
42% 22% 29% 3.6% 2.4%
http://www.w3schools.com/browsers/browsers_stats.asp
Download and test
GCMW177 Search Engine Optimization

5. SEO
Most Common Monitor Sizes
Don’t forget about mobile and tablets
GCMW177 Search Engine Optimization

6. SEO
Ideal Web Page Sizes
Most Common Sizes
Width: 960px
Height: 700px
960 Grid
http://960.gs/
GCMW177 Search Engine Optimization

7. SEO
960 Grid - http://960.gs/
GCMW177 Search Engine Optimization

8. SEO
Theme Grouping
1. Start with home page
– Answer What Should I do?
– What is your conversion goal?
2. How many themes or categories do you have?
3. Theme grouping (shoes)
Shoes
http:www.rei.com
– running shoe section
– skate shoes section
– hiking boots section
– cleats section
4. Link from home page down
– Don’t link every page from every other page
– Waters down your themes (socks in shoe section)
– Streamlines SEO
– Better user experince
GCMW177 Search Engine Optimization

9. SEO
Theme Grouping
Home
About Shoes Accessories
Hiking Running Skate
All Terrain Cross Country Canvas
Timberline Adidas Vans
GCMW177 Search Engine Optimization

10. SEO
Other Pages to Include:
1. Sitemap
2. About me or company
3. Privacy Policy or Terms
GCMW177 Search Engine Optimization

11. SEO
Sitemap Page
http://www.apple.com/sitemap/
GCMW177 Search Engine Optimization

12. SEO
Wireframes
1. Keep loose
2. Get all pages in order
3. Print out and hang on wall
4. Get some feedback
5. Adjust and fill inthe holes
6. User experience
GCMW177 Search Engine Optimization

13. SEO
Eye Tracking
Where are the hot spots are your site?
GCMW177 Search Engine Optimization

14. SEO
Wireframes
GCMW177 Search Engine Optimization

15. SEO
Wireframes - Home Page
1. Simple it simple, clean, easy to nav
2. Header
2. Navigation
3. Splash or feature pic
4. Quick links to themes
5. Fill in bottom with support material
6. Above the fold
GCMW177 Search Engine Optimization

16. Above the Fold - 1024px x 768px
1024px
768px

17. SEO
Wireframes - Home Page
GCMW177 Search Engine Optimization

18. SEO
Wireframes - Interior Pages
1. Keep UI familiar
2. Begin the vertical nav
2. Give them a way out
3. Splash or feature pic
4. Quick links to themes
5. Fill in bottom with support material
GCMW177 Search Engine Optimization

19. SEO
Wireframes - Interior Pages
GCMW177 Search Engine Optimization

20. SEO
User Experince - Bad
GCMW177 Search Engine Optimization

21. SEO
User Experince - Good
GCMW177 Search Engine Optimization