Google 網站工具整理!(工具介紹)

網路應用知識,blog、個人網站、討論區相關

版主: PC_ShoppingPro

回覆文章
頭像
Weberkk
LV9-見習僧侶
LV9-見習僧侶
文章: 177
註冊時間: 2013-04-03, 00:24
: 傳說中的WB

Google 網站工具整理!(工具介紹)

文章 Weberkk »

1.Google 網站管理員工具

2.Google Analytics(分析)

3.Google PageSpeed 網站加速診斷工具

4.Google JavaScript 壓縮工具 Closure Compiler

5.Google 結構化資料測試工具

6.Google 地方資訊

7.Google 商品資料上傳

8.結構化資料標記協助工具

====================================

1.Google 網站管理員工具 推薦!

使用前 Google 必須先確認您擁有該網站
在網站主目錄下,加入測試頁面即可(不影響網頁瀏覽,只是一個單獨的html檔案)

確認後即開啟所有功能,包含 Google 模擬器(100% 正版 Google Spider
與 Google 搜尋結果統計、連結統計、頁面即時預覽(以 Google Spider 的狀態預覽)
對於網站 SEO 非常有幫助。

若配合工具網 GONGJU 站長工具SE Bot Simulatorbest-seo-tools.net
可以保證在大部分的搜尋引擎裡面,都能顯示正確的結果

搜尋引擎 Spider 會跳過 JavaScript 內容,若將無關緊要的字這樣包起來
<script type="text/javascript">
var s ='html內容';
s +='html內容';
s +='html內容';
s +='html內容';
document.write(s)
</script>

可以確保搜尋引擎不會把一些不相干的訊息紀錄進去
內容跟標題的相關性越高,在搜尋引擎裡面就越容易拿到好分數


2.Google Analytics(分析) 推薦!

上面的 Google 網站管理員工具,是以搜尋引擎的角度分析網站
而 Google Analytics 更偏向以網站本身的角度進行流量分析
可以分析熱門主題、流量來原、搜尋關鍵字統計、站內搜尋統計等服務
並提供 AdSense 與網站管理員工具的內容整合

使用前需插入 JavaScript 於 </head> 之前
也就是 <head> 到 </head> 之間的最末端

代碼有很多版本,但目前較常用的是這段官方程式碼
by.Google Analytics 說明

其中的 XXXXX-Y 代表網站的資源編號
<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-
XXXXX-Y']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>



3.Google PageSpeed 網站加速診斷工具 推薦!

這是包含在 Google Analytics 裡面的一個小工具
可以單獨使用,不需認證網頁擁有權,因此能拿來測試別人的網站... XD

裡面會針對各種可能影響網頁速度的部分,進行分析
從伺服器反應速度、html代碼、css代碼、JavaScript代碼,語法結構
到css圖片整合建議、暫存檔時間設定等,不一定要全部解決,但有一定的參考價值

css圖片整合,原理是把很多張小圖片整合在一張大圖片裡面
再由css去調整位置,藉由整合圖片減少伺服器的傳送要求數量
但實際上不可能將所有css圖片都整合起來

因為會碰到區塊大小超乎預期而顯示到其他圖片的問題
還有 x-repeat 圖只能跟 x-repeat 的做整合,y-repeat 圖只能跟 y-repeat 做整合
如果 x 的跟 y 的都只有一張,那也不用做整合了(無法整合)

且過度的使用圖片整合技巧,也會增加使用者電腦負擔,適量即可

若網站有尚未壓縮的 css 或 JavaScript 代碼,這個工具都會建議您做代碼壓縮
請記得先備份原始檔案,方便日後修改維護。

這邊順便提供:CSS壓縮工具 CSS Compressor


4.Google JavaScript 壓縮工具 Closure Compiler 推薦!

非常好用的 JavaScript 壓縮工具,但不知為何 Advanced 等級的壓縮總是出錯
建議使用 Simple 等級的壓縮,此工具包含基本的腳本驗證,可以提供錯誤訊息

壓縮是不可逆的,且會替換變數名稱,一定要備份原始檔案,方便日後修改維護。


5.Google 結構化資料測試工具

可檢查 Google 是否能正確剖析結構化資料標記
是 Google 網站管理員工具底下的小工具之一。


6.Google 地方資訊

Google 專門提供給地方商家登錄資料的免費資訊平台。


7.Google 商品資料上傳

在 Google 登錄各種商品,讓 Google 可以搜尋到它們。


8.結構化資料標記協助工具

直接以點按方式標記結構化資料,是 Google 網站管理員工具底下的小工具之一。
回覆文章