04 Architecting Navigation

50 %
50 %
Information about 04 Architecting Navigation

Published on April 24, 2008

Author: janeandrobot

Source: slideshare.net

Description

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

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

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

200 OK

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?

oreilly.com

oreilly.com/index.csp

www.oreilly.com

www.oreilly.com/index.csp

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

1) Chose www vs. non-www, 301 redirect one to the other

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

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

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, );

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

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;));

}

}

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

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]

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

Add a comment

Related pages

VMUGIT User Conference 2013 - 04 - Duncan Epping ...

Skip navigation Upload. Sign in. Search. ... 04 - Duncan Epping "Architecting a virtual ... 04 VMUGIT User Conference 2014 Breakout ...
Read more

Architecting Digital Places | The Understanding Group

04.29.2015. Anyone who has been ... Architecting Digital Places. ... During this phase, we typically key examine areas such as the navigation and ...
Read more

Ebook Microsoft .NET: Architecting Applications for the ...

Post navigation ← Previous Next → ... Download book Microsoft .NET: Architecting Applications for the Enterprise in pdf for free; download online ebook ...
Read more

ArchitectingtheE - YouTube

Skip navigation Upload. Sign in. ... ArchitectingtheE uploaded a video 2 years ago ... Contact socialmedia@architecting-the-enterprise.com
Read more

Microsoft .NET: Architecting Applications for the ...

Microsoft .NET: Architecting Applications for the Enterprise by Dino Esposito, Andrea Saltarello. Download Microsoft .NET: Architecting Applications for ...
Read more

Architecting Digital Places | The Understanding Group

Architecting Digital Places. TUG believes that there is a better way. ... Navigation. Home; What; How; Who; Learn; Connect; Popular Posts. Web Analytics on ...
Read more

Architecting for the Cloud | Danny Cohen

Architecting for the Cloud. On June 30th I’ll be delivering a lecture-day on Microsoft’s Windows Azure platform, tools, ... Post navigation
Read more

H8C04 - Architecting Multi-Site HP Storage Solutions, Rev ...

Skip to navigation (Press Enter). Skip to search ... Architecting Multi-Site HP Storage Solutions, Rev 14.21 (H8C04) Course Description: Schedule: Course ...
Read more