Danny Dover在SEOmoz整理了一份給網站開發人員看的SEO小抄，滿滿兩張A4，應該稱得上是大抄，而且真的很實用。

我比較感興趣的是其中兩個部份：

• 建議的Title標籤寫法（Recommended Title Tag Syntax）：

5/8補記：經過一連串的討論，Danny在5/1修改了Title寫法。基本上順序就是按照行銷的優先性來排列的：

關鍵字 < 分類 | 網站標題

網站名稱 | 分類 > 次分類 – 網頁主題

• 避免以下會將搜尋引擎機器人拒於門外的情況（Common Robot Traps to Avoid）：
• 表單（Input Forms，不過Google前不久已經宣佈會開始爬GET方法送出的表單）
• 網址中帶有Session ID（Session IDs in URL）
• 用Cookie限制瀏覽的頁面（Pages Restricted by Cookies）
• 頁框（Frames）
• 登入限制（Logins）

依照前者的建議，我使用All in One SEO Pack這個外掛修改了Idea Grapes的Title寫法；也一併更新了Permalink格式（多虧了Dean’s Permalinks Migration幫忙做301轉向）。目前使用的Permalink格式是/%year%/%monthnum%/%postname%/，之所以不使用一般建議的/%category%/%postname%/是因為我自己做的分類沒有太大的SEO意義，而我在Google如果看到搜尋結果列出部落格的文章，通常會看一下它是什麼時間發表的，避免看到太舊的資料浪費時間，所以還是保留了發文的時間在URL中。

CSS Guy說他用Dreamweaver這麼久，唯一會想念的功能就是畫表格，特別是幫某欄的所有儲存格加上class的時候。

所以他做了一個簡單的線上小工具：Kotatsu，可以增加欄或列，然後為指定的欄或列加上class，最後產出表格的HTML原始碼。

雖然可以用colgroup，我自己也是最喜歡用Dreamweaver去幫欄列加上class，所以這個簡單的工具對我來說很實用啊。

附註：

• Kotatsu是日文暖桌、被爐的意思。
• Oops，這個工具在IE裡面無法使用。

Designers Toolbox提供了在Windows XP和Mac OSX底下的表單元素（PSD檔案），包含IE、Firefox和Safari共四種版本，對網頁設計師而言，既實用也值得收藏。

由planetOzh製作的The Lightbox Clones Matrix，不光是單純將蒐集到的Lightbox特效列表，還將各種屬性作成表格綜合比較，包括：

• javascript檔案大小（不含CSS、影像等）
• 採用的javascript library（未壓縮的library檔案大小）
• 前述兩者的綜合檔案大小
• 是否支援影像
• 是否支援影像群組
• 是否支援其他物件，如inline content、Ajax content、iframe、video、Flash

更酷的是這張表格透過jQuery，製作了動態的篩選與排序功能。使用者可以快速地找出哪個Lightbox特效是基於jQuery，哪個有支援Flash物件，哪個有支援影像群組，真的節省不少時間。

由於瀏覽器版本的不同，呈現的內容可能會稍有出入（以Firefox為準），雖然表格的內容可能並非百分百正確，但絕對值得開發人員和設計師收藏到書籤裡。

在jQuery底下，要檢查某元素是否存在，我ㄧ開始是這樣寫的：

if ($("#myid")) {
//#myid存在的話就來個alert
}

原本一切看似正常，後來卻發現，某個頁面明明沒有#myid，但是底下的alert動作仍然照常執行。

Google一下，在jQuery HowTo’s正好有解答。原來使用$()呼叫物件時，jQuery永遠是有求必應地傳回物件給我們。所以上面這個條件式永遠都成立，有寫跟沒寫一樣。

正牌的寫法，是要利用jQuery傳回陣列的特性，用length來檢查陣列長度：

if ($("#myid").length > 0) {
//#myid存在的話就來個alert
}

當然直接用getElementById來寫也是可以的：

if (document.getElementById("myid")) {
//#myid存在的話就來個alert
}