PNG 是一種很好很強大的圖檔格式，可支援 32 bit 色彩，GIF 只到 256 色，色彩上更細緻，而且不會像 JPEG 會有壓縮性的破壞，並可以儲存成透明格式，檔案也不會大的離譜，這些都是 JPEG 望塵莫及的。

這麼好用的圖片格式，很可惜的是在現在瀏覽器市場市佔率第一名的 IE 6 上卻不支援，網頁設計師們只能退而求其次，選擇色彩較少的 GIF 檔，而且 GIF 在轉成透明圖時，會有難看的毛邊出現，並不像 PNG 那般平順。

下面介紹的方法可以讓這個古老、萬惡的IE6也可以讀取PNG透明圖檔，而不在出現醜暴的灰底。

繼續閱讀 »

Sitemaps are an easy way for webmasters to inform search engines about pages on their sites that are available for crawling. In its simplest form, a Sitemap is an XML file that lists URLs for a site along with additional metadata about each URL (when it was last updated, how often it usually changes, and how important it is, relative to other URLs in the site) so that search engines can more intelligently crawl the site.

繼續閱讀 »

CSS在網頁設計這塊越來越重要，但關於CSS對各個瀏覽器兼容是個非常讓人頭疼的事情了, 就目前網絡上的網頁設計教學遍地都是.今天在discuz.net上發現了一篇不錯的東西，就轉載過來和大家共享.可以當作CSS於網頁設計兼容IE6,IE7,FireFox典範了，值得去記錄下。
註：IE都能識別*；標準瀏覽器(如Firefox,Opera,Netscape)不能識別*；IE6能識別*，但不能識別 !important，IE7能識別*，也能識別 !important；FF不能識別*，但能識別 !important;（這段很繞口令吧）

繼續閱讀 »

以下內容參考Google對網站管理員的建議，適當的地方我們已經添加註解。

設計與內容指南

• 網站應具有清晰的層次結構和文本鏈接。每個網頁應至少可以通過一個靜態文本鏈接打開。文本鏈接不同於通過javascript等其他代碼生成的鏈接。如本文下面的「打印」即不是通過文本鏈接實現。
• 為用戶提供網站地圖，列出指向網站重要部分的鏈接。如果網站地圖上的鏈接超過或大約為 100 個，則需要將網站地圖拆分為多個網頁。
• 網站應實用且信息豐富，網頁文字應清晰、準確地表述要傳達的內容。
• 要考慮到用戶會使用哪些字詞來查找您的網頁，確保網站上確實包含了這些文字。 深刻理解這一點，會讓你受益匪淺。
• 儘量使用文字而不是圖形來顯示重要的名稱、內容或鏈接。Google 抓取工具無法識別圖形中所含的文字。 特別是友情鏈接時，如果你是為了提供PR和排名，則用文字鏈接是重要的。
• 確保對 TITLE 和 ALT 標記屬性的描述和表達準確無誤。切記為網頁的圖片加上 ALT描述，這裡是你放關鍵詞的好地方。
• 檢查鏈接是否損壞，並確保 HTML 格式正確。 請使用 Google網站管理員工具時刻檢查自己網站的鏈接，如有損壞，注意刪除或修正。
• 如果您決定採用動態頁面（即網址中包含』?』字符），請注意並非所有搜索引擎的抓取工具都能像抓取靜態網頁一樣抓取動態網頁。縮短參數長度並減少參數數目對動態頁面是有幫助的。建議採用URL重寫技術進行 動態鏈接靜態化。
• 將特定網頁上的鏈接限制在合理的數量內（少於 100 個）。如本頁，包含內部鏈接和外部鏈接不要超過 100個。

繼續閱讀 »

404頁面的目的是：告訴瀏覽者其所請求的頁面不存在或鏈接錯誤，同時引導用戶使用網站其他頁面而不是關閉窗口離開。

很多開源系統包括CMS系統、Blog系統等不提供404頁面或提供的404頁面並未達到SEO的要求，這讓網站的權威性大打折扣。

404頁面該達到怎麼樣的效果才符合SEO要求？

搜索引擎通過HTTP狀態碼來 識別網頁的狀態。當搜索引擎獲得了一個錯誤鏈接時，網站應該返回404狀態碼，告訴搜索引擎放棄對該鏈接的索引。而如果返回200或302狀態碼，搜索引 擎就會為該鏈接建立索引，這導致大量不同的鏈接指向了相同的網頁內容。結果是，搜索引擎對該網站的信任度大幅降低。——很多網站存在這個問題：404頁面 返回的是200或302狀態碼而不是404狀態碼。

繼續閱讀 »

格線系統(Grid System)是用以建構文字區塊以及圖片或是媒體區塊的基本排版技巧。

基本的作法就事先在畫面上拉出等量的導引線，再依照導引線區塊把相關素材放進區塊中，如此作法可以確保畫面中的素材整齊排列而不會淪於混亂。

繼續閱讀 »

好啦，我知道這個這張圖硬搭這主題很沒梗…。啊我就沒梗了咩，（翻桌）

搜尋引擎的網路蜘蛛看似無孔不入，但它其實也是知所進退，有它的運作禮貌。設定適當的robots.txt與，對於網站和搜尋引擎溝通相當大的幫助網路蜘蛛並非不分青紅皂白一網打盡，只要適當規劃robots.txt與＜META＞標籤，企業網站就能安心與搜尋引擎和解共生。

搜尋引擎的網路蜘蛛看似無孔不入，但它其實也是知所進退，有它的運作禮貌。當網路蜘蛛到達網站的第一個動作，便是找尋並讀取robots.txt檔，並依照網站設定的限制再向下搜尋內容。讀取網頁時，位於網頁＜HEAD＞＜/HEAD＞之間的＜META＞標籤如果設有robot屬性，它也會依照指示來行動。

因此，設定適當的robots.txt與＜META＞，對於網站和搜尋引擎溝通相當大的幫助。

繼續閱讀 »

很多SEO前輩都回答過這個問題。答案分別是：2-8%、3-7%、低於10%、5%左右，自己選一個吧。關鍵詞密度是一個模糊的概念而不是絕對。

關鍵詞密度並不是越高越好，下面的解釋，你或許會明白關鍵詞密度意味著什麼？

搜索引擎的工作流程大概是這樣的：

1. 對網頁進行索引。這是Robot的工作，搜索機器人很勤奮，所以被收錄是最簡單的事情了。
2. 按關鍵詞對網頁進行分類歸檔。
3. 對某個關鍵詞歸檔內的所有網頁進行排序。這裡涉及到域名PR值、鏈接錨文本等等方面。
4. 對於熱門的關鍵詞，結果的第一頁生成靜態頁面。（不明白這點的，跳過）

其中第二點，搜索引擎把網頁內容的中符合關鍵詞密度標準的詞，確定為該網頁的關鍵詞。所以，關鍵詞密度意味著什麼？如果沒有確定好關鍵詞密度，則不可能有第三點的排名。

不管你是如何稱呼它 – SEO、搜尋引擎優化、網站排名、網頁優化、排名優化、網頁排名、自然排序、甚至是網路行銷等等，對於很多站長來說，在建立一個真正有效率的網站之 前，SEO 將會是一個最重要的但卻是常常被誤解的題目，因為這其中有許多內容、方法、技術、技巧及秘訣，這可能是站長自行學習的，或者是聘請專業人員來在你的網站上 為你執行，然而隨著搜尋引擎演算法不斷的修正，對於搜尋引擎優化要執行的內容及細節，幾乎沒有人可以完全正確的說出它的方式，哪些是正確的？又有哪些是不 正確的？這時候，把握基本原則將會是非常重要的動作。在這裡我提供一個協助工具，可以幫助及指導你一些搜尋引擎優化技巧的正確方向。

首先，打開 http://website.grader.com 這個網站，Website.grader.com 是由 HubSpot 這家公司所創立的，這工具在站長們建立好網站來進行有效率的搜尋引擎行銷之前，先提供詳細的分析資料，這對於站長們來說，的確是好的開始；當然，任何事情 都不可能做到面面俱到，但我個人認為這個免費 SEO 工具已經算是一個相當優秀，且易於理解及操作的免費 SEO 工具。

繼續閱讀 »

Robot英文直譯是機器人，在搜索引擎優化SEO中，我們經常翻譯為:探測器。

有時，你會碰到crawler（爬行器），spider（蜘蛛），都是探測器之一，只是叫法不同。

SEO中常說的這個探測器(Robot)是什麼？

搜索引擎用來抓取網頁的工具。它是一個軟件或者說一系列自動程序(顯然，不是一部機器)。

不同的搜索引擎給他們自己的探測器(Robot)起不同的名字。

關於Robot，需要關心的主要是Robots.txt，以及網站日誌中包含的以上幾個名字。