2012年10月7日星期日


Google 的網站管理員工具推出了一項新功能 - 索引狀態

Google 的網站管理員工具推出了一項新功能:索引狀態 (Index Status),這個新功能可以在「健康狀態」下找到。新功能可以把過去一年之內,網站中的已建立索引的網頁數字繪成圖表。這個功能應該是筆者有印象中Google首次對其索引資料提供一丁點資訊,不竟這個索引是Google最重要的資產,亦是SEO界一直最希望知道的秘密。

Google webmaster tools index status standard screenshot

Total Indexed(已經建立索引的網頁總數) 

Google 表示數字相比起 site: search operator準確,兼且是規範後的結果。換言之,如果您的網站有大量重覆的 URLs(例如由於追蹤參數)和具有規範屬性的網頁,Google 會識別出重覆的 URLs,而這裡顯示的總數只計算規範網頁,重覆網頁被排除在外。您也可以透過提交 XML 網站地圖 (XML Sitemap) 取得這些數據,但如果您的網站地圖是綜合式的,您得到的數字便只會是全索引數字。另外,Google 也會把過去一年的數據以圖表顯示出來。不過,Google 指這些數據可能會滯後兩三個星期。因此,與其依據這些數據作出即時行動,不如從它們看出網站的發展走向,還比較有用。

此外,如果您查 domain.com,您會查到所有子網域的統計數字,但如果您查 www.domain.com,您查到的只有 www 子網域的統計數字。這表示,如果你的網站沒有加上 www,你要很不容易才能查到排除了子網域資料的數據。

進階狀態

「進階」選項會提供更多詳情:

google webmaster tools index status advance screenshot

要理解這些數據,最好先不理會 檢索過的網頁數 (Ever Crawled) 的數字(這個稍後再看),現在,剩下的有:
- 已建立索引的網頁數 (total indexed)
- 未選取 (not selected)
- 遭 robots.txt 封鎖 (blocked by robots)

這三個數字的總和,就是 Google 現正考量的 URLs 數目。Google 表明所有數字只包括 HTML 檔案,其他檔案類型如圖片、CSS 檔案或 JavaScript 檔案不會列入計算之內。在上面的例子,Google 現正查看的有 482,241 個 URLs,其中有 330 個被 robots.txt 封鎖。然而,要列出這些 URLs 有甚麼網頁,就變得困難了。在這個用戶介面上,再沒有列出封鎖了的 URLs 的報告功能,但你仍然可以透過 API 取得這些資料。只看這些數字而沒有背景資料,很難決定這些數字是否表示網站出現問題。假設這個例子中的網站有 2000 個可供建立索引的網頁,Google 是否只爬找了 957 個獨特網頁,並且都替它們建立了索引?(在這個情況,所有不獲選取的會是那些沒有規範化的 URLs ,例如在追蹤代碼之類上出現差異)或者,會不會是Google 雖然爬找了全部 2000 個網頁(包括非規範網頁),但卻認為只有其中的 957 值得建立索引? 又或者,可能只有 500 個建立了索引的 URLs 是獨特網頁,但由於規範化出了問題,很多重覆了的網頁也建立了索引。

如果沒有大量的其他資料點作背景資料,這個問題很難解答。Google 表示一個 URL 之所以在建立索引時不獲選取,有很多原因,包括:
- 它重新導向至另一網頁
- 它有 rel="canonical",去了另一網頁
- 我們的演算法偵測到它的內容跟另一個 URL 非常相似,而我們選擇了另一個 URL 來顯示這個內容。

如果要了解為何 Google 不建立索引的網頁,情況便比較複雜。但無論如何,今次的資料大概可以讓我們網頁設計公司或者SEO公司知道大概的成績表,在制造內容的時候定期留意一下這個數字,相信大概也知道 Google 的口味,到時再進一步對症下藥。




原文網址: 
http://www.aveego.com/html/o_57927_/google-的網站管理員工具推出了一項新功能-索引狀態.html
原文作者︰ 
 
更多網頁設計新聞 

iOS6對網頁設計界最重要的一項更新 Safari圖片及影象上載

iOS系統一直以來都有一個封閉的功能困擾著網頁設計界,特別是對筆者這類網頁程式開發者來說,實在對Apple封殺Safari Mobile的上載功能。Apple最初的考量相信是出於推廣app的考慮,不能直接在iPhone拍照上傳曾經是一個逼大家去學寫app的原因,但事移勢易,app市場已經大得不怕沒人開發,Apple也終於在iOS6解開此功能了。

iOS 6

雖然功能是被解封了,但暫時來說,有關的文件還是十分難找,筆者明查暗訪下終於找到了使用方法,而且是非常簡單﹗

若果要給用戶上載圖片,加入以下的html代碼就可以︰


若果要上載影象,就使用以下的html代碼︰


其實根據W3C的HTML5協定,以下的代碼應該可以啟動語音錄取,可惜暫時Mobile Safari還未支援︰


除了以上的功能外,Mobile Safari還增強了對Web Audio API的支援﹑增大了每個web app的暫存(Cache)到25mb﹑加速了的Javascript引擎及一堆CSS的特效。筆者暫時未試驗CSS的新功能,但以Javascript來說,速度就明顯地提升了,特別是一些大量查找id的jQuery程序尤其明顯。

原文網址: 
http://www.aveego.com/html/o_60277_/ios6對網頁設計界最重要的一項更新-safari圖片及影象上載.html
原文作者︰ 
 
更多網頁設計新聞 

想知道 iOS 平台上 Google Chrome 瀏覽器的市場佔有率嗎?

作為網頁設計師,一向都很關心瀏覽器的佔有率,由於成本效益,太少人用的瀏覽器就乾脆不支援算了。自從Google Chrome在iOS登陸,都想知道 iOS 平台上 Google Chrome 瀏覽器的市場佔有率。 Chitika Insights 剛推出了 Chrome iOS 版的使用追蹤器 (Chrome iOS Adoption Tracker),而且是實時數據。6月28日,Google 宣布在 iOS 平台上推出她的網上瀏覽器 Chrome ,但Chrome 會替流動裝置的瀏覽器市場帶來多大沖擊還是未知數。直至目前為止,Safari 在 iOS 的主流瀏覽器中,可謂未逢敵手,縱使 iOS 用戶還有其他方法上網,然而 Safari 在iOS 的瀏覽器市場,仍然保持壟斷地位。

Chrome iOS 版加入成為 Safari 在手機瀏覽器市場上的正式對手,這對用戶來說當然是個好消息。Chrome iOS 版一推出便高踞 iTune 市場上免費應用程式各個排行榜位置,並且保持穩定增長。

Chitika Insights 一向有追蹤 Chrome iOS 版瀏覽器的推出和使用率,以計算它從 Safari iOS 版搶到多少市場佔有率,以及有多快。Chitika Insights 最新的即時追蹤器就是為了即時量度 Chrome iOS 版的使用率而推出。

Chitika Insights 的 Chrome iOS 版追蹤器所繪製的圓餅圖會顯示現時在 iOS 5 上的瀏覽器使用率,追縱器顯示了一些有趣的數據。
Chrome 在 iOS 的流量佔全部 iOS 網絡流量的比例稍稍超過 1.5%,這個數字再加上每星期都見到的持續增長,表示它的市場佔有率正在攀升。iOS 的用戶中,有 14.5% 選擇 Safari 以外的平台上網。這個統計數字有助於揭示消費者如何使用智能手機以及增長中的應用程式在網上互動、分享和瀏覽。

Chitika Insights 的 Chrome iOS 版追蹤器的第二個重要功能就是分析以往 iOS 上瀏覽器的使用記錄。我們可以透過動態圖表,推斷出 Chrome 在網上的採用率,而且是即時的(為了保證數據的準確和完整,數據會滯後六小時)。

此外,追蹤器可以把個別瀏覽器篩選出來,讓用戶可以集中觀察某瀏覽器的最新情況。從追蹤器的的數據記錄中,可以觀察到Chrome 的每天流量比例都傾向波動。現時最多人使用 Chrome 的時間是上午 7 時至 10 時,最高峰時約佔總流量的 2%,但在同一天的稍後時間,流量比例會滑落。這裏所顯示的早上高使用量,可能跟消費者使用手機的行為模式有關。
 
如果 Google Chrome 在 iOS 的網上流量比例持續增長,有朝一日,如果它吃掉其他瀏覽器的市場佔有率,又或者挑戰 Safari 的領導地位,那就有好戲看了。蘋果會不會為了回應 Chrome 這個新競爭對手,在 Safari 手機瀏覽器加入新賣點,以及作出用戶們期待已久的改良?有了這個新追蹤器,我們可以看到 Chrome iOS 版到底是真材實料,還是「雷聲大雨點小」,並且,我們可以看到它對整體市場的影響,而且是即時看到!

Chitika Insights 的 Chrome iOS 版採用追蹤器的連結如下:
http://labs.chitika.com/chrome_ios/

追蹤器的完整教學可以在這裏找到:
http://insights.chitika.com/2012/chrome-for-ios-adoption-tracker-methodology

原文網址: 
http://www.aveego.com/html/o_59882_/想知道-ios-平台上-google-chrome-瀏覽器的市場佔有率嗎.html
原文作者︰ 
 
更多網頁設計新聞 

2011年11月3日星期四

Yahoo Smush.it 圖像壓縮器



早前介紹過的<網頁設計圖片壓縮工具-JpegMini>用獨特的壓繪技術來減少圖片大小,不過網頁沒有顯示實際的程式處理,估計會是失真式的壓縮方法。

smush it

今次介紹的Smush It則是由Yahoo出品的,壓縮的方法是把不必要的位元從檔案中移除,是不失真的壓縮方法,若你需要原汁原味保存相片的話,今次這個比較適合,但作為網頁設計之用,JpegMini絕對比較優勝。



原文網址:
http://www.aveego.com/html/o_37148_/yahoo-smush-it-圖像壓縮器.html

Google現在會直接顯示你的IP地址



相信很多人都不時會查看自己的IP地址,其中一個很多人做的動作就是在Google打入"what is my ip address",然後點擊在第一位的網址。現在不再需要這樣做了,因為Google會直接顯示你的IP地址。

google what is my ip screenshot

暫時這項功能只在google.com出現,在google.com.hk還沒有實行,根據經驗,相信3個星期後便會登陸。

這當然是方便了我們一眾用戶,但相信whatismyip.com就慘了,一定會流失大量的搜尋引擎導引流量,辛辛苦苦花的SEO時間一夜就沒了﹗作為網頁設計SEO從業人員,我深深感受到這種痛苦,並深表同情。

原文網址:
http://www.aveego.com/html/o_37173_/google現在會直接顯示你的ip地址.html 

適合新一代瀏覽器之網頁設計動畫CSS



今次介紹的animate.css是一個css3動畫集合,適用於大部份的瀏覽器,讓各網頁設計師加入動畫元素。Firefox﹑Chrome和Safari已經支援大部份的css animation,微軟則會在IE 10全面支援,以現時瀏覽器之使用分佈,即是有超過一半的使用者可以受惠。

animate.css

animation.css的使用非常簡單,只需在有關的DOM元件加入需要的class就可以,而且css 3能夠直接利用硬件加速,執行速度會比利用jquery來得快。大家可以看一看以下的視頻示範,詳細使用及下載可以到animate.css看看。


原文網址:
http://www.aveego.com/html/o_37197_/適合新一代瀏覽器之網頁設計動畫css.html

jQuery網頁設計插件︰ 隨著滑鼠方向產生陰影效果的OKShadow



能夠為網頁DOM元件產生陰影效果的jQuery網頁設計插件有很多,而隨著瀏覽器的發展,現在甚至不需要用javascript而簡單利用CSS的box-shadow和text-shadow就可以了,當然永遠慢一步的IE還是要等待10才支援。

今次介紹的OKShadow則是比較特別的一個陰影效果插件,陰影方向會隨著你的滑鼠動作而改變,你的滑鼠就像是燈源一樣,十分搞笑。

另一個特別的效果是把文字變為透明,做成一個有趣的鬼影效果,直至滑鼠點到文字才顯示出來。

okshadow ghost text effect

瀏覽器支援方面,因為實際運作還是使用box-shadow和text-shadow,故此只支援Firefox﹑Safari和Chrome,IE9亦只支擾div的box-shadow,文字的text-shadow要等IE10了。

詳細使用方法及下載,請到OKShadow



原文網址:
http://www.aveego.com/html/o_37243_/jquery網頁設計插件︰-隨著滑鼠方向產生陰影效果的okshadow.html