本篇經 D.H. 數位行銷筆記 作者 Darren 同意授權轉載 ,文章來源:連結在此

成為一個SEO從業人員後,三不五時就需要去看看Source Code、使用”site:”, “cache:”之類的指令為網站做健診,這些步驟也許不是特別花時間,但是如果有個工具可以讓你一點就可以檢查某個網頁每張圖的Alt Tag、一點就可以看到該網頁cache的樣子、甚至一點就可以讓你看到該頁面的Title, Description, 還有其他Meta Tags,絕對是省下很多時間! 這篇文章要分享幾個我頗常用也滿喜歡的Bookmarklets,希望能對SEOs們有所幫助!

什麼是Bookmarklet?

Bookmarklet的中文叫做小書籤,和一般的書籤不一樣的地方是,它是一串JaveScript而不是一個URL。舉例來說,工程師們可以寫一個指令: 告訴我當前網頁的rel canonical tag是什麼,把這個指令放進瀏覽器的書籤列後,以後要檢查網站時就只要點一下該小書籤,就會直接告訴你答案了!

使用方法

小書籤的好處就是使用起來超級簡單,就算自身不會coding,只要找到有人分享(像這篇文章),把連結拖到書籤列就可以方便以後使用了。
SEO小書籤

(Credit: Rand from Moz)

9個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而不用複製貼上來來去去。

site search operator

2.  檢查當前網頁是否被index

Bookmarklet: Info Search(site:+current page)

這個是我本篇要介紹的小書籤裡面唯一一個自己寫的XD 主要用來檢查當前的頁面是否已經被Google Index。假設你現在在https://moz.com/blog,用這個書籤可以讓你看到該頁是否已被索引,而不會出現/blog下的其他頁面。

info operator

 

3. 檢查當前網頁的Cache版本

Bookmarklet: Google Cache

Crawl / Index / Cache之間的概念就不再多敘述咧,簡單來說這個小書籤可以讓你看到當前網頁在Google的眼裡是長甚麼樣子,在網頁內容有更動後,你可能會常常使用它來看看Google是否已察覺到這個改變。

google cache

 

4. 開啟Open Site Explorer檢查當前網頁

Bookmarklet: 用OSE查看當前網頁資料

之前寫過一篇關於Moz的這個工具Open Site Explorer,利用此小書籤可以直接開啟OSE然後看看現在所在頁面的一些基本資料(DA/PA, inbound links…等等),對有Moz Pro的人來說非常好用!

moz open site explorer

 

5. 檢查當前頁面的Canonical Tag

Bookmarklet: Check the canonical tag

一點就會跳出一個小框框告訴你目前所在頁面有沒有rel canonical tag,有的話是canonicalize到哪裡去, < link href=”http://www.darrenhuang.com/” rel=”canonical” />。

check canonical tag

 

6. 檢查當前網頁的meta robots tag

Bookmarklet: Check meta robots tag

這個小書籤會檢查當前網站的meta robots tag,會跳出一個框框和你說robots meta tag裡面是否有index/noindex, follow/nofollow, noodp, noydir, nocache, noarchive….等等指令。

check meta robots tag

 

7. 用Wayback Machine看看當前網頁以前長得怎樣

Bookmarklet: Wayback Machine

Wayback Machine是可以看到一個網頁以前的模樣*,這個小書籤可以讓你一鍵進到Wayback Machine分析完目前網頁的結果,然後選日期看看該網頁在不同時期的樣子。
(*註: 不是每個網頁都會被存取的!)

wayback machine

 

8. 檢查當前網頁的Page Speed Insights

Bookmarklet: Google Page Speed Insights

有點經驗的人對這個工具應該不陌生,可以分析網頁的讀取速度,而此小書籤讓你不用又開新分頁又搜尋又複製貼上,一鍵搞定!

Google Page Speed Insights

 

9. 秀出該網頁所有圖片的Alt Tag

Bookmarklet: Show All Alt Tag

點一下就會跑出該網頁所有圖檔以及他們的Alt Tag,方便快速檢查是否有重要圖片忘記加上妥當的關鍵字。

(有個缺點是它的格式頗醜,有時候還要往旁邊拉才能看到Alt Tag的欄位,如果有JavaSript高手知道如何調整歡迎分享!我會很願意更新這篇的資訊。)

show all alt tags at once

 

 

總結

要先聲明一下上面的小書籤並不是我寫出來的,完全就是承前人之福而受惠,不過這個小工具我使用一段時間了,實在記不起來當初都從哪裡抄來的,沒辦法一個一個貼上連結連到原作,有幾個我確定我有參考的來源是:

上面的9個Bookmarklets是我個人意見覺得最好用的,可能有很不錯的沒有被我發覺到,歡迎大家持續分享!

有興趣的人可以搜尋”seo bookmarklets”,就會看到很多文章了,只是大多數都已經年久失修不能用了,需要稍微篩選一下~

希望這篇文章有幫助到人,讓你有我第一次接觸到這個概念時一樣的”WOW”的感覺! 祝大家玩得愉快,也歡迎在下面分享心得!


對SEO有興趣嗎? 下面門課程式推薦給您

SEO 排名的秘密

SEO排行的秘密