想知道自己網站的台灣或全球排名嗎？安裝 Alexa 貼紙秀給訪客看

(Pic from: seomastering.com)經營部落格一段時間後，如果小有人氣的話，站長們可能都會好奇，自己的網站在台灣能排上第幾名呢？其實對於這件事，能提供具有公信力的來源並不多，在亞洲地區可以申請加入「博勢力」的部落格排行榜。不過由於分類很多，且參加排行的網站比例不高，由部落格貼紙顯示的排名，很難看出網站的實力落在哪裡。

世界龍頭等級的 Amazon，旗下的「Alexa」提供了全世界網站的排名與統計數據。雖然為人詬病的是──「Alexa 可以買榜」，不過能花錢的網站畢竟佔少數，目前而言 Alexa 的排名算是最具有公信力的。

Alexa 官方提供的網站貼紙能在部落格顯示「世界排名」，而 WFU 提供的工具則能顯示「台灣排名」(或是地區排名)，如果讀者有買網域的話，那麼就可試試本文的工具。效果類似這樣：

一、Alexa 簡介

1. 參考資料

簡單介紹一下 Alexa，由於網路上相關文章很多，提供一些參考資料：

• Alexa 介紹、排名分析、提升排名的方法
• Alexa 數據不一定準確，但網站間互相比較，相對結果是客觀的。

2. Alexa 排名

關於網站排名，比較可惜的是 Alexa 只能統計 "自有網域" 的數據，如果沒有買網域的部落格就無法查詢排名了。例如 "痞客邦"、"Xuite" 這類的部落格平台，部落格網址都是掛在平台之下，像是 http://wfublog.pixnet.net/ 這樣，所以就算使用了 Alexa 貼紙，依然只會計算 pixnet.net 這個網域的數據與排名。

同理，沒買網域的 Blogger 網站，使用了 Alexa 官方貼紙，只會顯示 blogspot.com 這個網域的數據與排名。

如果你已經買了網域，想查詢自己的網站排名，可進入以下網址，將 "wfublog.com" 換成自己的網址即可：

• http://www.alexa.com/siteinfo/wfublog.com

以下是 wfublog.com 的統計範例畫面：

• Glogal Rank 指的是「全球排名」
• 有國旗標示的是區域數據，假設我們的網站在台灣、香港、美國三地都有排名數據資料，那麼此處只會列出排名最高的那個區域，通常台灣網站列出的就會是台灣數據。
• 下方三組紅色文字，分別代表網站統計數據常見的「跳離率」、「訪客平均瀏覽頁數」、「訪客停留時間」。

雖然 WFU 懷疑紅色文字這部分的數據 Alexa 是怎麼得到的，不過的確跟 Google Analytics 的數據沒有差太多，所以還是滿佩服 Alexa 的技術。

二、Alexa 官方工具

Alexa 官方提供的網站貼紙，可以顯示全球排名，無法顯示區域排名，且無法自訂版面，想安裝的話可前往以下官方網頁：

• https://alexa.zendesk.com/hc/en-us/articles/201514680-Can-I-display-my-Alexa-rank-on-my-site-

雖然官方目前只提供兩種樣式的程式碼，不過 WFU 測出了有六種樣式可以安裝，將紅色字串 wfublog.com 改為自己的網址，貼在網站想顯示的地方即可：

1. 直式、小型



<a href="http://www.alexa.com/siteinfo/wfublog.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/a?url=wfublog.com"></script></a>

2. 直式、含日期



<a href="http://www.alexa.com/siteinfo/wfublog.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/b?url=wfublog.com"></script></a>

3. 橫式



<a href="http://www.alexa.com/siteinfo/wfublog.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/c?url=wfublog.com"></script></a>


4. 直式、小型、含外部連結數



<a href="http://www.alexa.com/siteinfo/wfublog.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=wfublog.com"></script></a>

5. 直式、大型、含外部連結數



<a href="http://www.alexa.com/siteinfo/wfublog.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/b?url=wfublog.com"></script></a>

6. 橫式、含外部連結數



<a href="http://www.alexa.com/siteinfo/wfublog.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/c?url=wfublog.com"></script></a>

三、安裝「台灣(區域)排名」程式碼

想在網站秀出區域排名、也就是台灣排名的話，可按以下步驟安裝。


1. 準備動作

在修改範本之前，如果第一次安裝本站工具的讀者，建議先閱讀「備份範本的訣竅」系列文章。

請到後台「範本」→「編輯 HTML」，搜尋 </head> 這個字串，找到後在此字串的前一行，插入以下程式碼：

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'></script>
<style>
/* Alexa 排行工具 */
#alexa_tool {
padding: 10px;
width: 200px;
font-size: 14px;
border: 1px solid #ddd;
border-radius: 3px;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJY0JWLIusZG1_avKQmutEkZNfQgfL-NUe77lyIM83xhhZEinHNa5clKyBkVj28YBhEYe3EgEODp4t6R2YmdY_iwEAi7JQ8pKUIQoTLa0aHi0OMtBI6T-sfyNhy8I6ORbLfpZVrcWNQLQ/s1600/post-footer-300.png");
background-size: 100% 100%;
}
</style>


第一行可參考「引用 jQuery 的注意事項」，檢查範本是否已安裝過 jquery，以免重複安裝。

其餘 CSS 參數可依自己需求調整。


2. 安裝程式碼

請將以下程式碼貼在網站想顯示的地方。以 Blogger 舉例，可以在後台 → 版面配置 → 新增「HTML/Javascript」小工具，貼上程式碼即可。

以下說明請參照以上程式碼行號：

• C、K：紅字 www.wfublog.com 請改為自己的網址
• D：不需要全球排名可刪除此行
• E：不需要台灣(區域)排名可刪除此行
• F：不需要顯示外連數量可刪除此行
• I：由於「Google Drive 關閉外連」功能，綠色字串的 JS 網址是無法外連的，請參照「WFU BLOG 外連 JS 變更及操作說明」，將這個連結下載後存成 JS 檔，上傳到自己的空間或 Dropbox。取得自己的 JS 檔外連後，置換本行的綠色網址字串。

儲存後即可看到效果，如同本文開頭的貼紙效果。

另外，C~F 行除了藍色字串可改為自訂字串，順序可自行調整，也能自行設計版面、CSS 參數。例如 WFU 為了版面需要，將所有資訊改為橫式顯示，類似下面這樣：



因此，有 HTML/CSS 概念的讀者，這個小工具就能隨心所欲改成想要呈現的樣式。


延伸閱讀：

• 我的 Histats 計數器操作心得, 你也可以這麼用
• 本站使用的 Blogger hack 及工具整理