成為一個SEO從業人員後，三不五時就需要去看看Source Code、使用”site:”, “cache:”之類的指令為網站做健診，這些步驟也許不是特別花時間，但是如果有個工具可以讓你一點就可以檢查某個網頁每張圖的Alt Tag、一點就可以看到該網頁cache的樣子、甚至一點就可以讓你看到該頁面的Title, Description, 還有其他Meta Tags，絕對是省下很多時間! 這篇文章要分享幾個我頗常用也滿喜歡的Bookmarklets，希望能對SEOs們有所幫助!
什麼是Bookmarklet?
Bookmarklet的中文叫做小書籤，和一般的書籤不一樣的地方是，它是一串JaveScript而不是一個URL。舉例來說，工程師們可以寫一個指令: 告訴我當前網頁的rel canonical tag是什麼，把這個指令放進瀏覽器的書籤列後，以後要檢查網站時就只要點一下該小書籤，就會直接告訴你答案了!
使用方法
小書籤的好處就是使用起來超級簡單，就算自身不會coding，只要找到有人分享(像這篇文章)，把連結拖到書籤列就可以方便以後使用了。
(Credit: Rand from Moz)
10個SEOs常用小書籤
下面列出幾個我個人最常用的功能，包括檢查當前頁面的meta robots tag, canonical tag，Wayback Machine，Google Page Speed Insights，開啟Open Site Explorer…等，屁話不多說，一起動手來試試看吧!
1. 檢查當前網站有多少頁被index
Bookmarklet: Site Search(site:+domain)
在Google輸入site:www.example.com來找出某網站有多少網頁被Google索引，這個指令對多數SEOs絕對非常熟悉，而這個小書籤讓你不管在該網站的哪一個網頁，都可以一點就搜尋Site+domain而不用複製貼上來來去去。
2. 檢查當前網頁是否被index
Bookmarklet: Info Search(site:+current page)
這個是我本篇要介紹的小書籤裡面唯一一個自己寫的XD 主要用來檢查當前的頁面是否已經被Google Index。假設你現在在https://moz.com/blog，用這個書籤可以讓你看到該頁是否已被索引，而不會出現/blog下的其他頁面。
3. 檢查當前網頁的Cache版本
Bookmarklet: Google Cache
Crawl / Index / Cache之間的概念就不再多敘述咧，簡單來說這個小書籤可以讓你看到當前網頁在Google的眼裡是長甚麼樣子，在網頁內容有更動後，你可能會常常使用它來看看Google是否已察覺到這個改變。
4. 開啟Open Site Explorer檢查當前網頁
Bookmarklet: 用OSE查看當前網頁資料
之前寫過一篇關於Moz的這個工具Open Site Explorer，利用此小書籤可以直接開啟OSE然後看看現在所在頁面的一些基本資料(DA/PA, inbound links…等等)，對有Moz Pro的人來說非常好用!
5. 檢查當前頁面的Canonical Tag
Bookmarklet: Check the canonical tag
一點就會跳出一個小框框告訴你目前所在頁面有沒有rel canonical tag，有的話是canonicalize到哪裡去， < link href=”http://www.darrenhuang.com/” rel=”canonical” />。
6. 檢查當前網頁的meta robots tag
Bookmarklet: Check meta robots tag
這個小書籤會檢查當前網站的meta robots tag，會跳出一個框框和你說robots meta tag裡面是否有index/noindex, follow/nofollow, noodp, noydir, nocache, noarchive….等等指令。
7. 用Wayback Machine看看當前網頁以前長得怎樣
Bookmarklet: Wayback Machine
Wayback Machine是可以看到一個網頁以前的模樣*，這個小書籤可以讓你一鍵進到Wayback Machine分析完目前網頁的結果，然後選日期看看該網頁在不同時期的樣子。
(*註: 不是每個網頁都會被存取的!)
8. 檢查當前網頁的Page Speed Insights
Bookmarklet: Google Page Speed Insights
有點經驗的人對這個工具應該不陌生，可以分析網頁的讀取速度，而此小書籤讓你不用又開新分頁又搜尋又複製貼上，一鍵搞定!
9. 秀出該網頁所有圖片的Alt Tag
Bookmarklet: Show All Alt Tag
點一下就會跑出該網頁所有圖檔以及他們的Alt Tag，方便快速檢查是否有重要圖片忘記加上妥當的關鍵字。
(有個缺點是它的格式頗醜，有時候還要往旁邊拉才能看到Alt Tag的欄位，如果有JavaSript高手知道如何調整歡迎分享!我會很願意更新這篇的資訊。)
10. SEO工具包之一: QuiSEO
Bookmarklet: SEO Pack – OuiSEO
由Carl Sednaoui寫出來的一鍵工具包，會跳出個精美視窗看看該網頁的Title/Description，Canonical Tag，幾張圖片沒有alt tag，幾個link是nofollow，Open Graph Meta Tags，Twitter Cards Meta Tags…等等，個人非常喜歡!
總結
要先聲明一下上面的小書籤並不是我寫出來的，完全就是承前人之福而受惠，不過這個小工具我使用一段時間了，實在記不起來當初都從哪裡抄來的，沒辦法一個一個貼上連結連到原作，有幾個我確定我有參考的來源是:
- Rand Fishkin – 30 SEO Bookmarklets to Save You Time
- Tom Critchlow – Some Nifty SEO Bookmarklets To Make You More Efficient
上面的10個Bookmarklets是我個人意見覺得最好用的，可能有很不錯的沒有被我發覺到，歡迎大家持續分享!
有興趣的人可以搜尋”seo bookmarklets”，就會看到很多文章了，只是大多數都已經年久失修不能用了，需要稍微篩選一下~
希望這篇文章有幫助到人，讓你有我第一次接觸到這個概念時一樣的”WOW”的感覺! 祝大家玩得愉快，也歡迎在下面分享心得!
你贴的这些bookmarklets都不能用哦，link 点不了。
妳好，感謝回報!
現在所有小書籤了連結應該都已經修復了~
歡迎拖到瀏覽器的書籤列然後試用看看!