SEO : Website structure CS3382 - Week12

Optimization of website structure

1. Physical Structure (e.g. menu, navigation bar)
1. Flat structure
2. Tree structure
2. Logical Structure (e.g. quick links, internal links )

For SEO, the most important point is not how well the physical structure (URL depth), but how deep is the page from the homepage.

Flat structure is better than Tree structure due to the depth of the website.
However, for large website, using flat structure may probably reduce the Usability. To make use of logical structure such as making hot links/back links to hot pages in the homepage, not only it can enhance the SEO, but also increase the Usability.

CSS : Priority of display, float and position CS3382 - Week11

There is priority between display, float and position, so their setting may cover each other if not in appropriate use.
Symbol meaning
=> : become setting of
: other than

1. display : none => no position, no float
2. display : none => position : absolute OR fixed
3. display : block AND float : none => top, bottom, left. right (use absolute position)
4. float : none=> display : block, box use float
4. => display

position : relative
means the latter item's position will be calculate by the former item +
top, bottom, left. right.

e.g.
the parent container of former item and latter item is at (10, 10)
former item at (100, 200)

latter-item {
position : relative;
top : 10px;
}

latter item will be at (110, 200)

However,

latter-item {
position : absolute
top : 10px;
}

latter item will be at (20, 10)

CSS : Solve min-width Problems CS3382 - Week 10

How to Use CSS to Solve min-width Problems in Internet Explorer
http://www.webreference.com/programming/min-width/2.html

Maximum and Minimum Height and Width in Internet Explorer
http://perishablepress.com/press/2007/01/16/maximum-and-minimum-height-and-width-in-internet-explorer/

CSS Layout template
http://www.intensivstation.ch/en/templates/

Web Design : Usability Testing CS3382 - Week 9

DON'T MAKE ME THINK

In order to handing in Book Critique, that is the book i read.
It has mentioned some interesting testing method for the website.

Trunk test

1. Site ID
2. Page Name
3. Sections and subsections
4. Local navigation
5. "You are here" indicator(s)
6. Search

"Homepage" Test

1. What's the point of this website? (any tagline of logo/title)
   
2. Do you know where to start? (any big button, obvious image/text indicates?)
3. Meaningful and clear grouping?
   
4. Getting greedy for user data? (get users to engage in site quickly)
   

SEO : redirect method (301 and 302) CS3382 - Week 8

301(Permanently Moved), 302(Temporarily Moved) are often used because of the web hosting of website changes.
The method and steps need to do as the followings
(taking Linux using Apache as web server as example):

1. Redirect 301 In PHP
   

   ＜?
   Header( "HTTP/1.1 301 Moved Permanently" ) ;
   Header( "Location: http://www.bloghuman.com" );
   ?＞
   

2. Setting .htaccess file in the root directory of the website
   

   Options +FollowSymLinks
   RewriteEngine on
   RewriteRule (.*) http://www.fromHere.com/$1 [R=301,L]
   rewritecond %{http_host} ^ToHere.com [nc]
   

Tools

• HTTP Status Codes Checker

SEO : Search Engine Spider catcher

To check what types of the Spiders reach your website and their frequencies, you can use the php code to know the Spiders' movement built by 黑色梦中 from bloghuman.

The php code is as the followings:

function get_naps_bot()
{
$useragent = strtolower($_SERVER['HTTP_USER_AGENT']);

if (strpos($useragent, 'googlebot') !== false){
return 'Googlebot';
}

if (strpos($useragent, 'msnbot') !== false){
return 'MSNbot';
}

if (strpos($useragent, 'slurp') !== false){
return 'Yahoobot';
}

if (strpos($useragent, 'baiduspider') !== false){
return 'Baiduspider';
}

if (strpos($useragent, 'sohu-search') !== false){
return 'Sohubot';
}

if (strpos($useragent, 'lycos') !== false){
return 'Lycos';
}

if (strpos($useragent, 'robozilla') !== false){
return 'Robozilla';
}
return false;
}


function nowtime(){
$date=date("Y-m-d.G:i:s");
return $date;
}

$searchbot = get_naps_bot();

if ($searchbot) {
$tlc_thispage = addslashes($_SERVER['HTTP_USER_AGENT']);
$url=$_SERVER['HTTP_REFERER'];
$file="robotlog.txt";
$time=nowtime();
$data=fopen($file,"a");
fwrite($data,"Time:$time robot:$searchbot URL:$tlc_thispage\n");
fclose($data);
}

If you have interest, please free feel to go to read the original post by him (in Simplify Chinese).

SEO: "SEO Tools for Firefox"

SearchStatus can search rapidly for SEO message, including content of meta tags, whois message of the webite, content od robots.txt, keyword density, number of internal links and backlinks, other useful information.
Here is the screen shot:


If you like it, you can download from here.