成為一個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 点不了。
妳好,感謝回報!
現在所有小書籤了連結應該都已經修復了~
歡迎拖到瀏覽器的書籤列然後試用看看!