たぶんYahoo!のトップページも同じ感じだと思います。

これらを選ぶと、次回から一度選んだCSSが適用されます。

▼javascriptソース（headタグ内）

<script type="javascript">
<!--
var cssfiles = new Array();
cssfiles[0] = "style0.css";
cssfiles[1] = "style1.css";
cssfiles[2] = "style2.css";
var css = GetCookie("CSS");
if(css == ""){css = cssflies[0];}
document.write('<link rel="styleseet" href="'+css+'" tyl="text/css">');

function CssfChange(sel){
if(sel.options[sel.selectedIndex].value){
SetCookie("CSS",cssfiles[sel.options[sel.selectedIndex].value]);
window.location.reload();
}
}

function GetCookie(key){
var tmp = document.cookie + ";
var index1 = tmp.indexOf(key,0);
if(index1 != -1){
tmp = tmp.substring(index1,tmp.length);
var index2 = tmp.indexOf("=",0)+1;
var index3 = tmp.indexOf(";"index2);
return(unescape(tmp.substring(index2,index3)))
}
return("");
}

function SetCookie(key,val){
document.cookie = key + "=" + escape(val) + ";expires = Fri, 31-DEC -2010 23:59:59 GMT;";
}
// -->
</script>
<noscript>
<link rel="stylesheet" href="style1.css" type="text/css">
</noscript>

▼HTMLソース

<form name="form">
<select name="file">
<option value="0">style0.css</option>
<option value="1">style1.css</option>
<option value="2">style2.css</option>
</select>
<input type="button" value="変更" onclick="CssfChange(document.form.file)">
</form>

▼HTMLサンプルソース

<input size="35" name="name" style="background:#ffffff;" onfocus="this.style.backgroundColor='#99cc00'" onblur="this.style.backgroundColor='#ffffff'" type="text" />

まずこのCSSでSEO対策する目的は『ウェブページ内の重要性の低い要素を検索エンジンに通知する為』です。

もう少し詳しく言うと、ヘッダーやフッダーなどは、基本的には、サイト内へのナビゲーションであることが多い為、ページ内のコンテンツに対する重要性が高くない場合が多いと思います。そこで、ページのコンテンツに対する重要性が低いものをYSTに知らせることができます。そのYSTに知らせる時に、CSSを使います。

実際に使う場合には、HTMLタグ（div、spanなど）にclass=”robots-nocontent”属性を指定します。

<div class="robots-nocontent">～</div>
<span class="robots-nocontent">～</span>
<p class="robots-nocontent">～</p>

【情報引用】http://info.search.yahoo.co.jp/archives/002879.php

▼javascriptソース（headタグ内）

var Default = 2;
var tags = new Array('div','td','tr');
var sizing = nre Array('xx-small','x-small','small','medium','large','x-large','xx-large');
function FontChange(target,tarF){
if(!document.getElementByld) return
var dore = document,tarS = null,fontSize = Default,value,su,cTags;
fontSize += tarF;
if(fontSize < 0) fontSize = 0;
if(fontSize > 6) fontSize = 6;
Default = fontSize;
if(!(tarS = dore.getElementByld(target))) tarS =
dore.getElementsByTagName(target)[0];
tarS.style.fontSize = sizing[fontSize];
for(value = 0; value < tags.length; value++){
cTags = tarS.getElementsByTagName(tags[value]);
for(su = 0; su < cTags.length; su++) cTags[su].style.fontSize =sizing[fontSize];
}
}

▼HTMLソース

<p>
    フォントを大きく ⇒ <a href="javascript:FontChange('body',1)">『A』</a><br>
    フォントを小さく ⇒ <a href="javascript:FontChange('body',-1)">『A』</a><br>
</p>

CSSソース

JavaScript のソース（headタグ内）

HTML のソース

<ul style="list-style-image:url('star.gif');">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

▼切り抜き表示

▼指定なし表示