Successful Site Architecture


Published on

How to build your website to allow search engine spiders to index and rank your content. Using accessibility as a key indicator of structure, there are many roadblocks that can sabotage your web presence.

Published in: Technology, Education
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Successful Site Architecture

  1. 1. Matt Bailey President, SiteLogic [email_address]
  2. 2. Website Submission
  3. 3. Architecture Basics <ul><li>3 Issues of Accessibility: </li></ul><ul><li>Lack of alt text. </li></ul><ul><li>Images maps that neither have alt text or a functional </li></ul><ul><li>equivalent on the page. </li></ul><ul><li>Requirement for a mouse to perform various functions on the site. </li></ul>
  4. 4. <ul><li>Make a site with a clear hierarchy and text links . Every page should be reachable from at least one static text link. </li></ul><ul><li>Offer a site map to your users with links that point to the important parts of your site. </li></ul><ul><li>Create a useful, information-rich site, and write pages that clearly and accurately describe your content . </li></ul><ul><li>Think about the words users would type to find your pages, and make sure that your site actually includes those words within it. </li></ul><ul><li>Try to use text instead of images to display important names, content, or links . The Google crawler doesn’t recognize text contained in images. </li></ul><ul><li>Make sure that your title and alt tags are descriptive and accurate. </li></ul>
  5. 5. <ul><li>Provide a text equivalent for every non-text element. </li></ul><ul><li>Provide redundant text links for each active region of a server-side image map. </li></ul><ul><li>Clearly identify changes in the natural language of a document’s text and any text equivalents (e.g., captions). </li></ul><ul><li>Organize documents so they may be read without style sheets. </li></ul><ul><li>Use the clearest and simplest language . </li></ul><ul><li>Ensure that dynamic content is accessible or provide an alternative presentation or page. </li></ul><ul><li>Clearly identify the target of each link . </li></ul>
  6. 6. Why Accessibility? Search Engine Search Engine
  7. 7. Alt Attribute
  8. 8. Alt Attribute
  9. 9. Alt Attribute
  10. 10. User-Dependant Action
  11. 11. User-Dependant Action
  12. 12. User-Dependant Action
  13. 13. Cluttered URL’s
  14. 14. Useable URL
  15. 15. URL Redirects Homepage (Default.asp) Redirected Homepage (/index2.asp) Page Moved
  16. 16. CSS & Standards <ul><li>Can validated code help you rank higher? </li></ul><ul><li>Do sites using CSS rank higher? </li></ul>
  17. 17. CSS – Cascading Style Sheets <ul><li>Allows content to be primary focus on the page </li></ul><ul><li>Design elements and mark-up contained externally </li></ul><ul><li>Reduces page “clutter” </li></ul>
  18. 18. CSS v. Tables
  19. 19. CSS v. Tables
  20. 20. CSS v. Tables
  21. 21. CSS v. Tables
  22. 22. CSS v. Tables
  23. 23. Standards & Validation <ul><li>Validation can uncover coding errors </li></ul><ul><li>Assures that spiders can index content </li></ul>Validation does not increase rankings . . .
  24. 25. Google: Webmaster Central
  25. 26. Google: Webmaster Central
  26. 27. Google: Webmaster Central
  27. 28. Google: Webmaster Central
  28. 30. <ul><li>Matt Bailey </li></ul><ul><li>President </li></ul><ul><li>[email_address] </li></ul><ul><li> </li></ul>