SEOWebsite Layout and Structure                  GCMW177 Search Engine Optimization
SEOPlanning Your Website’s Structure1. Start with rough outline    – Got your keywords, meta, alts    – Defined your audie...
SEOWeb Hosting1. Price2. Domian Purchases3. Reliability4. Disk space and bandwidth3. Features -    - Site builders    - Da...
SEOOptimize for Other Browsers  Firefox         IE        Chrome         Safari       Opera   42%           22%         29...
SEOMost Common Monitor SizesDon’t forget about mobile and tablets                                GCMW177 Search Engine Opt...
SEOIdeal Web Page SizesMost Common SizesWidth: 960pxHeight: 700px960 Gridhttp://960.gs/                       GCMW177 Sear...
SEO960 Grid - http://960.gs/                        GCMW177 Search Engine Optimization
SEOTheme Grouping1. Start with home page   – Answer What Should I do?   – What is your conversion goal?2. How many themes ...
SEOTheme Grouping                        Home  About                 Shoes                     Accessories          Hiking...
SEOOther Pages to Include:1. Sitemap2. About me or company3. Privacy Policy or Terms                             GCMW177 S...
SEOSitemap Pagehttp://www.apple.com/sitemap/                                GCMW177 Search Engine Optimization
SEOWireframes1. Keep loose2. Get all pages in order3. Print out and hang on wall4. Get some feedback5. Adjust and fill int...
SEOEye TrackingWhere are the hot spots are your site?                                         GCMW177 Search Engine Optimi...
SEOWireframes             GCMW177 Search Engine Optimization
SEOWireframes - Home Page1. Simple it simple, clean, easy to nav2. Header2. Navigation3. Splash or feature pic4. Quick lin...
Above the Fold - 1024px x 768px                    1024px        768px
SEOWireframes - Home Page                         GCMW177 Search Engine Optimization
SEOWireframes - Interior Pages1. Keep UI familiar2. Begin the vertical nav2. Give them a way out3. Splash or feature pic4....
SEOWireframes - Interior Pages                          GCMW177 Search Engine Optimization
SEOUser Experince - Bad                       GCMW177 Search Engine Optimization
SEOUser Experince - Good                        GCMW177 Search Engine Optimization
Upcoming SlideShare
Loading in...5
×

Website Layout and Structure

7,250

Published on

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.

Published in: Technology, Design

Website Layout and Structure

  1. 1. SEOWebsite Layout and Structure GCMW177 Search Engine Optimization
  2. 2. SEOPlanning Your Website’s Structure1. Start with rough outline – Got your keywords, meta, alts – Defined your audience – Building content2. Consider monitor sizes3. Consider user experince4. Consider browsers5. Find a hosting serviceWhat should I do? GCMW177 Search Engine Optimization
  3. 3. SEOWeb Hosting1. Price2. Domian Purchases3. Reliability4. Disk space and bandwidth3. Features - - Site builders - Databases - Multiple domains - Tracking tools4. Supporthttp://www.findmyhosting.com/ GCMW177 Search Engine Optimization
  4. 4. SEOOptimize for Other Browsers Firefox IE Chrome Safari Opera 42% 22% 29% 3.6% 2.4%http://www.w3schools.com/browsers/browsers_stats.aspDownload and test GCMW177 Search Engine Optimization
  5. 5. SEOMost Common Monitor SizesDon’t forget about mobile and tablets GCMW177 Search Engine Optimization
  6. 6. SEOIdeal Web Page SizesMost Common SizesWidth: 960pxHeight: 700px960 Gridhttp://960.gs/ GCMW177 Search Engine Optimization
  7. 7. SEO960 Grid - http://960.gs/ GCMW177 Search Engine Optimization
  8. 8. SEOTheme Grouping1. 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 section4. 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. 9. SEOTheme Grouping Home About Shoes Accessories Hiking Running Skate All Terrain Cross Country Canvas Timberline Adidas Vans GCMW177 Search Engine Optimization
  10. 10. SEOOther Pages to Include:1. Sitemap2. About me or company3. Privacy Policy or Terms GCMW177 Search Engine Optimization
  11. 11. SEOSitemap Pagehttp://www.apple.com/sitemap/ GCMW177 Search Engine Optimization
  12. 12. SEOWireframes1. Keep loose2. Get all pages in order3. Print out and hang on wall4. Get some feedback5. Adjust and fill inthe holes6. User experience GCMW177 Search Engine Optimization
  13. 13. SEOEye TrackingWhere are the hot spots are your site? GCMW177 Search Engine Optimization
  14. 14. SEOWireframes GCMW177 Search Engine Optimization
  15. 15. SEOWireframes - Home Page1. Simple it simple, clean, easy to nav2. Header2. Navigation3. Splash or feature pic4. Quick links to themes5. Fill in bottom with support material6. Above the fold GCMW177 Search Engine Optimization
  16. 16. Above the Fold - 1024px x 768px 1024px 768px
  17. 17. SEOWireframes - Home Page GCMW177 Search Engine Optimization
  18. 18. SEOWireframes - Interior Pages1. Keep UI familiar2. Begin the vertical nav2. Give them a way out3. Splash or feature pic4. Quick links to themes5. Fill in bottom with support material GCMW177 Search Engine Optimization
  19. 19. SEOWireframes - Interior Pages GCMW177 Search Engine Optimization
  20. 20. SEOUser Experince - Bad GCMW177 Search Engine Optimization
  21. 21. SEOUser Experince - Good GCMW177 Search Engine Optimization
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×