2014年10月18日

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

A+

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

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

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






一、Alexa 簡介


1. 參考資料

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



2. Alexa 排名

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

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

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


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




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

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



二、Alexa 官方工具


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



雖然官方目前只提供兩種樣式的程式碼,不過 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("http://4.bp.blogspot.com/-RiAXEdpviiw/UfOji43RWKI/AAAAAAAAHco/iN8zW5LrROo/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 概念的讀者,這個小工具就能隨心所欲改成想要呈現的樣式。


延伸閱讀:

11 則留言:

  1. 回覆
    1. 「一、Alexa 簡介」→ Alexa 介紹、排名分析、提升排名的方法 → 這篇有提到,安裝了 alexa 貼紙後,訪客的拜訪會被 alexa 紀錄,就會逐漸提升排名的 ^^

      刪除
    2. 本來想說我的排名也是不能看(五位數) 想說不要安裝好了! 可是看上頭留言wayne你說有安裝貼紙也會慢慢提升排名這的確是很大的誘因,就算名次難看還是裝一下好了@@

      刪除
    3. 可以先用 CSS 隱藏起來,覺得可以見人時再顯示出來 ^^

      刪除
    4. 我已經掛上去也懶得隱藏了! 反正一般讀者也不會在意那個XD

      刪除
  2. 同類網站應該不少。

    http://www.similarweb.com/

    這個以色列網站實在很好用,
    (當然也許很多人已經知道了?)
    第一次用的人可能會查到不亦樂乎XD

    回覆刪除
    回覆
    1. similarweb 在 SEO 領域是很有名的網站,而本篇的主題是可以放在網站的排名貼紙~~

      刪除
    2. !!原來如此!!
      在下忽略了這事、野人獻曝,羞愧羞愧Orz...

      刪除
    3. 別這麼說~~ similarweb 大部分的讀者的確不熟悉,分享資訊是好事 ^^

      刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
提問請附網址、詳細描述狀況,如提供的資訊不足,則無法回覆。
◎ 請在相關文章留言,與文章無關的主題請至「Blogger 中文論壇」。
◎ 若詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為 "複製貼上" 的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。
◎ 本站「已關閉自刪留言功能」。