• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
04   Architecting Navigation
 

04 Architecting Navigation

on

  • 5,384 views

How to architect a web site and its links for search engine crawlability, usability, and accessibility

How to architect a web site and its links for search engine crawlability, usability, and accessibility

Statistics

Views

Total Views
5,384
Views on SlideShare
4,701
Embed Views
683

Actions

Likes
9
Downloads
154
Comments
0

10 Embeds 683

http://janeandrobot.com 491
http://www.ninebyblue.com 170
http://www.rimmkaufman.com 11
http://www.slideshare.net 3
http://www.slideee.com 2
http://www.informationweek.com 2
http://inet.cmpnet.com 1
https://www.ninebyblue.com 1
http://www.janeandrobot.com 1
http://webcache.googleusercontent.com 1
More...

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

04   Architecting Navigation 04 Architecting Navigation Presentation Transcript

  • Architecting Navigation
  • Classing up your URLs http://store1.com/product.aspx?id=MB147L&SessionId=2344&RegionCode=en-US&format=rich&cat=3 http://store2.com/mp3_players/Apple_ipod_nano_16_G2_Black/ http://store3.com/mp3-players/Apple-ipod-nano-16-G2-Black/
    • store3.com
    • mp3
    • Players
    • apple
    • ipod
    • nano
    • 16
    • G2
    • Black
    • store2.com
    • mp3_players
    • Apple_ipod_nano_16_G2_Black
    • store1.com
    • product.aspx
    • id=MB147L
    • SessionId=2344
    • RegionCode=en-US
    • format=rich
    • cat=3
  • Crawler Sign Posts
    • 200 OK
    W3 standard for HTTP Status Codes
    • 304 Not Modified
    • 404 Gone
    • 301 Moved Permanently
    • 302 Moved Temporarily
  • Bonus Crawling Tip!
  • What is the difference?
    • oreilly.com
    • oreilly.com/index.csp
    • www.oreilly.com
    • www.oreilly.com/index.csp
    What’s the difference?
  • Canonicalization in action Check your site’s canonical forms using: Yahoo’s Site Explorer Canonical Form # Sites Linking In oreilly.com 25,030 oreilly.com/index.csp 0 www.oreilly.com 1,174,124 www.oreilly.com/index.csp 0
  • Canonicalization Recommendation
    • 1) Chose www vs. non-www, 301 redirect one to the other
    Detailed article on the issue from Matt Cutts www.mysite.com  mysite.com 3) Make all internal links to the correct canonical form 4) Use Google Webmaster Tools to select www vs non-www. 2) Trim your folder-level default filename off the end mysite.com/default.aspx  mysite.com
  • Example: Consistent Linking
  • Case Study – Vans.com
  • Can we find them?
  • What they want to be found for skate shoes bmx shoes Google 122 89 Yahoo 18 131 Live Search 13 29
  • Titles May I please have: http://vans.com
  • Descriptions http://developer.yahoo.com/yui/
  • Advanced Topics (There’s more!)
    • URL parameters
    • Tracking referrers and visitors
    • State management
    • Geographic location of content
    • Rearchitecting link structure
    • Content submission protocols
  • Implementation Tips
  • ASP.Net
    • URL Rewriting in ASP.Net
      • Implementation whitepaper
      • Work around for 404 error pages
    • Implementing Redirects in ASP.Net
    • Implementing Redirects in IIS
    • ASP.Net URL session state management
  • Asp.Net Custom Error Pages HTTP/1.x 302 Found Location: http://www.globalscholar.com/Error.aspx GET /Error.aspx HTTP/1.1 Host: www.globalscholar.com Detailed article on the issue from Colin Cochrane
  • ASP.Net 301 Redirects <script> protected void Page_Load(object sender, EventArgs e) {    Response.Status = &quot;301 Moved Permanently&quot; ;    Response.AddHeader(&quot;Location&quot;, &quot;http://mysite.com/new-URL&quot;); } </script> Include in any *.aspx file… (you don’t need a code behind file)
  • Other Redirects
    • PHP <?php // Permanent redirection header(&quot;HTTP/1.1 301 Moved Permanently&quot;); header(&quot;Location: http://www.domain.com/&quot;); exit(); ?>
    • Cold Fusion <CFHEADER statuscode=&quot;301&quot; statustext=&quot;Moved Permanently”> <CFHEADER name=&quot;Location&quot; value=&quot;http://www.domain.com/&quot;>
    • JSP <% response.setStatus(301); response.setHeader( &quot;Location&quot;, &quot;http://www.new-url.com/&quot; ); response.setHeader( &quot;Connection&quot;, &quot;close&quot; ); %>
    • Perl #! /usr/bin/perl use cgi; my $q = cgi->new(); print $q->redirect( -location => 'http://www.newsite.com/newpage.cgi’, -status => 301, );
  • ASP.Net Canonicalization
    • protected void Application_BeginRequest(Object sender,
    • EventArgs e)
    • {
      • if (HttpContext.Current.Request.Url.ToString().ToLower().Contains(
      •     &quot;http://www.mysite.com&quot;))
      • {
      •     HttpContext.Current.Response.Status = &quot;301 Moved Permanently&quot;;
      •     HttpContext.Current.Response.AddHeader(&quot;Location&quot;,
      •         Request.Url.ToString().ToLower().Replace(
      •             &quot;http://www.mysite.com&quot;,
      •             &quot;http://mysite.com&quot;));
      • }
    • }
    Create in your Global.asax file…. More information and examples: http://search.live.com/results.aspx?q=301+redirect+asp.net
  • IIS 301 Redirects Click here for a whitepaper
  • Apache Redirects
    • Use .htaccess file for bulk operations:
    • Moving a single page Redirect 301 /oldpage.html http://www.example.com/newpage.html
    • Moving a site (and redirecting everything to the home page) Redirect 301 / http://www.example.com
    • Changing file extension RedirectMatch 301 (.*).html$ http://www.example.com$1.php
  • Apache Canonicalization
    • Use .htaccess for bulk operations:
    • Non-www to www (need mod_rewrite enabled) Options +FollowSymlinks RewriteEngine on rewritecond%{http_host} ^domain.com [nc] rewriterule^(.*)$ http://www.domain.com/$1 [r=301,nc]]
    • Index page to root domain Options +FollowSymLinks RewriteEngine on # index.php to / RewriteCond%{THE_REQUEST} ^[A-Z]{3, 9} /.*index.php HTTP/ RewriteRule^(.*)index.php$ /$1 [R=301,L]
  • Questions?
  • Where to next? http://janeandrobot.com http://ninebyblue.com http://SearchDeveloperDay.com http://webmaster.live.com http://google.com/webmaster http://siteexplorer.search.yahoo.com