SlideShare a Scribd company logo
1 of 21
Download to read offline
SEO
Website Layout and Structure




                  GCMW177 Search Engine Optimization
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
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
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
SEO
Most Common Monitor Sizes




Don’t forget about mobile and tablets
                                GCMW177 Search Engine Optimization
SEO
Ideal Web Page Sizes
Most Common Sizes

Width: 960px
Height: 700px

960 Grid

http://960.gs/



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




                        GCMW177 Search Engine Optimization
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
SEO
Theme Grouping

                        Home


  About                 Shoes                     Accessories


          Hiking        Running                  Skate

          All Terrain   Cross Country             Canvas


          Timberline       Adidas                  Vans


                                    GCMW177 Search Engine Optimization
SEO
Other Pages to Include:

1. Sitemap
2. About me or company
3. Privacy Policy or Terms




                             GCMW177 Search Engine Optimization
SEO
Sitemap Page




http://www.apple.com/sitemap/

                                GCMW177 Search Engine Optimization
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
SEO
Eye Tracking
Where are the hot spots are your site?




                                         GCMW177 Search Engine Optimization
SEO
Wireframes




             GCMW177 Search Engine Optimization
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
Above the Fold - 1024px x 768px




                    1024px
        768px
SEO
Wireframes - Home Page




                         GCMW177 Search Engine Optimization
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
SEO
Wireframes - Interior Pages




                          GCMW177 Search Engine Optimization
SEO
User Experince - Bad




                       GCMW177 Search Engine Optimization
SEO
User Experince - Good




                        GCMW177 Search Engine Optimization

More Related Content

What's hot

Web Design & Development - Session 1
Web Design & Development - Session 1Web Design & Development - Session 1
Web Design & Development - Session 1Shahrzad Peyman
 
Introduction of wordpress, Wordpress Training Ahmedabad, Wordpress Class Ahme...
Introduction of wordpress, Wordpress Training Ahmedabad, Wordpress Class Ahme...Introduction of wordpress, Wordpress Training Ahmedabad, Wordpress Class Ahme...
Introduction of wordpress, Wordpress Training Ahmedabad, Wordpress Class Ahme...NicheTech Com. Solutions Pvt. Ltd.
 
Web publishing
Web publishingWeb publishing
Web publishingKanav Sood
 
Web Design Notes
Web Design NotesWeb Design Notes
Web Design Notesbutest
 
Introduction to WordPress
Introduction to WordPressIntroduction to WordPress
Introduction to WordPressHarshad Mane
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web DevelopmentParvez Mahbub
 
Introduction to Web Programming - first course
Introduction to Web Programming - first courseIntroduction to Web Programming - first course
Introduction to Web Programming - first courseVlad Posea
 
Elements Of Web Design
Elements Of Web DesignElements Of Web Design
Elements Of Web DesignDan Dixon
 
Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptEdureka!
 
Web Site Design Principles
Web Site Design PrinciplesWeb Site Design Principles
Web Site Design PrinciplesMukesh Tekwani
 
Basic Wordpress PPT
Basic Wordpress PPT Basic Wordpress PPT
Basic Wordpress PPT mayur akabari
 
Principles of web design
Principles of web designPrinciples of web design
Principles of web designdswebdesign
 
Web Development Presentation
Web Development PresentationWeb Development Presentation
Web Development PresentationTurnToTech
 
Difference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentDifference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentGlobal Media Insight
 

What's hot (20)

Web Design & Development - Session 1
Web Design & Development - Session 1Web Design & Development - Session 1
Web Design & Development - Session 1
 
Wordpress ppt
Wordpress pptWordpress ppt
Wordpress ppt
 
Introduction of wordpress, Wordpress Training Ahmedabad, Wordpress Class Ahme...
Introduction of wordpress, Wordpress Training Ahmedabad, Wordpress Class Ahme...Introduction of wordpress, Wordpress Training Ahmedabad, Wordpress Class Ahme...
Introduction of wordpress, Wordpress Training Ahmedabad, Wordpress Class Ahme...
 
Web publishing
Web publishingWeb publishing
Web publishing
 
Web server
Web serverWeb server
Web server
 
Web Design Notes
Web Design NotesWeb Design Notes
Web Design Notes
 
Introduction to WordPress
Introduction to WordPressIntroduction to WordPress
Introduction to WordPress
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web Development
 
Introduction to Web Programming - first course
Introduction to Web Programming - first courseIntroduction to Web Programming - first course
Introduction to Web Programming - first course
 
Elements Of Web Design
Elements Of Web DesignElements Of Web Design
Elements Of Web Design
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Web Development - Lecture 1
Web Development - Lecture 1Web Development - Lecture 1
Web Development - Lecture 1
 
Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScript
 
Web Site Design Principles
Web Site Design PrinciplesWeb Site Design Principles
Web Site Design Principles
 
WEB HOSTING
WEB HOSTINGWEB HOSTING
WEB HOSTING
 
Basic Wordpress PPT
Basic Wordpress PPT Basic Wordpress PPT
Basic Wordpress PPT
 
Principles of web design
Principles of web designPrinciples of web design
Principles of web design
 
Basic html structure
Basic html structureBasic html structure
Basic html structure
 
Web Development Presentation
Web Development PresentationWeb Development Presentation
Web Development Presentation
 
Difference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentDifference between-web-designing-and-web-development
Difference between-web-designing-and-web-development
 

Similar to Website Layout and Structure

Web Ad Campaigns - Design and Optimizing
Web Ad Campaigns - Design and OptimizingWeb Ad Campaigns - Design and Optimizing
Web Ad Campaigns - Design and OptimizingMichael Zinniger
 
SEO Competitve Analysis and Target Audience
SEO Competitve Analysis and Target AudienceSEO Competitve Analysis and Target Audience
SEO Competitve Analysis and Target AudienceMichael Zinniger
 
Keeping Things Lean & Mean: Crawl Optimisation - Search Marketing Summit AU
Keeping Things Lean & Mean: Crawl Optimisation - Search Marketing Summit AUKeeping Things Lean & Mean: Crawl Optimisation - Search Marketing Summit AU
Keeping Things Lean & Mean: Crawl Optimisation - Search Marketing Summit AUJason Mun
 
SEO in 2019: The Latest Trends and Changes in Search Engine Optimization
SEO in 2019: The Latest Trends and Changes in Search Engine OptimizationSEO in 2019: The Latest Trends and Changes in Search Engine Optimization
SEO in 2019: The Latest Trends and Changes in Search Engine OptimizationPam Ann Marketing
 
12 GoMeasure (sg and kl) - page speed light speed path to conversions - joh...
12   GoMeasure (sg and kl) - page speed light speed path to conversions - joh...12   GoMeasure (sg and kl) - page speed light speed path to conversions - joh...
12 GoMeasure (sg and kl) - page speed light speed path to conversions - joh...Vinoaj Vijeyakumaar
 
Website Optimization How to Increase Page Performance and More
Website Optimization How to Increase Page Performance and More Website Optimization How to Increase Page Performance and More
Website Optimization How to Increase Page Performance and More Boundify
 
چک لیست و راهنمای کامل مراقبت‌های سئویی برای قبل، بعد و در حین انتقال سی‌اِم‌...
چک لیست و راهنمای کامل مراقبت‌های سئویی برای قبل، بعد و در حین انتقال سی‌اِم‌...چک لیست و راهنمای کامل مراقبت‌های سئویی برای قبل، بعد و در حین انتقال سی‌اِم‌...
چک لیست و راهنمای کامل مراقبت‌های سئویی برای قبل، بعد و در حین انتقال سی‌اِم‌...Mehdi Malekzade
 
Mobile SEO (English Version)
Mobile SEO (English Version)Mobile SEO (English Version)
Mobile SEO (English Version)ssuserd60633
 
Search Engine Marketing, Kevin Lee, CEO Didit & Author of Truth about Pay Per...
Search Engine Marketing, Kevin Lee, CEO Didit & Author of Truth about Pay Per...Search Engine Marketing, Kevin Lee, CEO Didit & Author of Truth about Pay Per...
Search Engine Marketing, Kevin Lee, CEO Didit & Author of Truth about Pay Per...Online Marketing Summit
 
Minimize website page loading time – 20+ advanced SEO tips
Minimize website page loading time – 20+ advanced SEO tipsMinimize website page loading time – 20+ advanced SEO tips
Minimize website page loading time – 20+ advanced SEO tipsCgColors
 
11 Advanced Uses of Screaming Frog Nov 2019 DMSS
11 Advanced Uses of Screaming Frog Nov 2019 DMSS11 Advanced Uses of Screaming Frog Nov 2019 DMSS
11 Advanced Uses of Screaming Frog Nov 2019 DMSSOliver Brett
 
Intro to Building & Marketing Your Own Website
Intro to Building & Marketing Your Own WebsiteIntro to Building & Marketing Your Own Website
Intro to Building & Marketing Your Own WebsiteTom McCracken
 
State of Search Marketing 2010
State of Search Marketing 2010State of Search Marketing 2010
State of Search Marketing 2010Coin Academy
 
6 Critical SEO Steps for Website Redesign Webmarketing123 slides
6 Critical SEO Steps for Website Redesign Webmarketing123 slides6 Critical SEO Steps for Website Redesign Webmarketing123 slides
6 Critical SEO Steps for Website Redesign Webmarketing123 slidesDemandWave
 

Similar to Website Layout and Structure (20)

Web Ad Campaigns - Design and Optimizing
Web Ad Campaigns - Design and OptimizingWeb Ad Campaigns - Design and Optimizing
Web Ad Campaigns - Design and Optimizing
 
SEO Starter Kit
SEO Starter KitSEO Starter Kit
SEO Starter Kit
 
SEO Competitve Analysis and Target Audience
SEO Competitve Analysis and Target AudienceSEO Competitve Analysis and Target Audience
SEO Competitve Analysis and Target Audience
 
Keeping Things Lean & Mean: Crawl Optimisation - Search Marketing Summit AU
Keeping Things Lean & Mean: Crawl Optimisation - Search Marketing Summit AUKeeping Things Lean & Mean: Crawl Optimisation - Search Marketing Summit AU
Keeping Things Lean & Mean: Crawl Optimisation - Search Marketing Summit AU
 
SEO in 2019: The Latest Trends and Changes in Search Engine Optimization
SEO in 2019: The Latest Trends and Changes in Search Engine OptimizationSEO in 2019: The Latest Trends and Changes in Search Engine Optimization
SEO in 2019: The Latest Trends and Changes in Search Engine Optimization
 
12 GoMeasure (sg and kl) - page speed light speed path to conversions - joh...
12   GoMeasure (sg and kl) - page speed light speed path to conversions - joh...12   GoMeasure (sg and kl) - page speed light speed path to conversions - joh...
12 GoMeasure (sg and kl) - page speed light speed path to conversions - joh...
 
Website Optimization How to Increase Page Performance and More
Website Optimization How to Increase Page Performance and More Website Optimization How to Increase Page Performance and More
Website Optimization How to Increase Page Performance and More
 
چک لیست و راهنمای کامل مراقبت‌های سئویی برای قبل، بعد و در حین انتقال سی‌اِم‌...
چک لیست و راهنمای کامل مراقبت‌های سئویی برای قبل، بعد و در حین انتقال سی‌اِم‌...چک لیست و راهنمای کامل مراقبت‌های سئویی برای قبل، بعد و در حین انتقال سی‌اِم‌...
چک لیست و راهنمای کامل مراقبت‌های سئویی برای قبل، بعد و در حین انتقال سی‌اِم‌...
 
Search engine optimisation
Search engine  optimisationSearch engine  optimisation
Search engine optimisation
 
SEO & Google by Taylor
SEO & Google by TaylorSEO & Google by Taylor
SEO & Google by Taylor
 
Mobile SEO (English Version)
Mobile SEO (English Version)Mobile SEO (English Version)
Mobile SEO (English Version)
 
10 Seo Mistakes
10 Seo Mistakes10 Seo Mistakes
10 Seo Mistakes
 
Search Engine Marketing, Kevin Lee, CEO Didit & Author of Truth about Pay Per...
Search Engine Marketing, Kevin Lee, CEO Didit & Author of Truth about Pay Per...Search Engine Marketing, Kevin Lee, CEO Didit & Author of Truth about Pay Per...
Search Engine Marketing, Kevin Lee, CEO Didit & Author of Truth about Pay Per...
 
Minimize website page loading time – 20+ advanced SEO tips
Minimize website page loading time – 20+ advanced SEO tipsMinimize website page loading time – 20+ advanced SEO tips
Minimize website page loading time – 20+ advanced SEO tips
 
11 Advanced Uses of Screaming Frog Nov 2019 DMSS
11 Advanced Uses of Screaming Frog Nov 2019 DMSS11 Advanced Uses of Screaming Frog Nov 2019 DMSS
11 Advanced Uses of Screaming Frog Nov 2019 DMSS
 
Intro to Building & Marketing Your Own Website
Intro to Building & Marketing Your Own WebsiteIntro to Building & Marketing Your Own Website
Intro to Building & Marketing Your Own Website
 
Seo Guide
Seo GuideSeo Guide
Seo Guide
 
State of Search Marketing 2010
State of Search Marketing 2010State of Search Marketing 2010
State of Search Marketing 2010
 
6 Critical SEO Steps for Website Redesign Webmarketing123 slides
6 Critical SEO Steps for Website Redesign Webmarketing123 slides6 Critical SEO Steps for Website Redesign Webmarketing123 slides
6 Critical SEO Steps for Website Redesign Webmarketing123 slides
 
Seo 2013
Seo 2013Seo 2013
Seo 2013
 

Recently uploaded

Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on ThanabotsContinuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on ThanabotsLeah Henrickson
 
2024 May Patch Tuesday
2024 May Patch Tuesday2024 May Patch Tuesday
2024 May Patch TuesdayIvanti
 
TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024Stephen Perrenod
 
Vector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptxVector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptxjbellis
 
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...ScyllaDB
 
Design Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptxDesign Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptxFIDO Alliance
 
ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctBrainSell Technologies
 
ADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxFIDO Alliance
 
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdfMuhammad Subhan
 
Generative AI Use Cases and Applications.pdf
Generative AI Use Cases and Applications.pdfGenerative AI Use Cases and Applications.pdf
Generative AI Use Cases and Applications.pdfalexjohnson7307
 
Top 10 CodeIgniter Development Companies
Top 10 CodeIgniter Development CompaniesTop 10 CodeIgniter Development Companies
Top 10 CodeIgniter Development CompaniesTopCSSGallery
 
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...Skynet Technologies
 
JavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate GuideJavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate GuidePixlogix Infotech
 
Event-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream ProcessingEvent-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream ProcessingScyllaDB
 
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...FIDO Alliance
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfFIDO Alliance
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfFIDO Alliance
 
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptxHarnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptxFIDO Alliance
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGDSC PJATK
 

Recently uploaded (20)

Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on ThanabotsContinuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
 
2024 May Patch Tuesday
2024 May Patch Tuesday2024 May Patch Tuesday
2024 May Patch Tuesday
 
TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024
 
Vector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptxVector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptx
 
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
 
Design Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptxDesign Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptx
 
ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage Intacct
 
ADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptx
 
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
 
Generative AI Use Cases and Applications.pdf
Generative AI Use Cases and Applications.pdfGenerative AI Use Cases and Applications.pdf
Generative AI Use Cases and Applications.pdf
 
Overview of Hyperledger Foundation
Overview of Hyperledger FoundationOverview of Hyperledger Foundation
Overview of Hyperledger Foundation
 
Top 10 CodeIgniter Development Companies
Top 10 CodeIgniter Development CompaniesTop 10 CodeIgniter Development Companies
Top 10 CodeIgniter Development Companies
 
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
 
JavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate GuideJavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate Guide
 
Event-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream ProcessingEvent-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream Processing
 
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
 
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptxHarnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 Warsaw
 

Website Layout and Structure

  • 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