---
title: "SEO| Bookmarklets小書籤 - SEO的實用工具"
description: "成為一個SEO從業人員後，三不五時就需要去看看Source Code、使用\"site:\", \"cache:\"之類的指令為網站做健診，這些步驟也許不是特別花時間，但是如果有個工具可以讓你一點就可以檢查某個網頁每張圖的Alt Tag、一點就可以看到該網頁cache的樣子、甚至一點就可以讓你看到該頁面的Title,"
canonical: "https://www.darrenhuang.com/seo-efficient-tool-bookmarklets.html"
markdown: "https://www.darrenhuang.com/seo-efficient-tool-bookmarklets.md"
locale: "zh-hant"
language: "zh-Hant"
translationKey: "post:seo-efficient-tool-bookmarklets"
type: article
published: "2016-06-19T00:00:00.000Z"
modified: "2023-06-26T00:00:00.000Z"
---

> 此 Markdown 版本由正式 HTML 內容自動產生。
> 引用時請使用 [canonical page](https://www.darrenhuang.com/seo-efficient-tool-bookmarklets.html)。

數位引擎文章

# SEO| Bookmarklets小書籤 - SEO的實用工具

成為一個SEO從業人員後，三不五時就需要去看看Source Code、使用"site:", "cache:"之類的指令為網站做健診，這些步驟也許不是特別花時間，但是如果有個工具可以讓你一點就可以檢查某個網頁每張圖的Alt Tag、一點就可以看到該網頁cache的樣子、甚至一點就可以讓你看到該頁面的Title,

Darren Huang·2016年6月19日·約 5 分鐘更新於 2023年6月26日

本文目錄14 個段落

1.  [什麼是Bookmarklet?](#section-什麼是bookmarklet)
2.  [使用方法](#section-使用方法)
3.  [10個SEOs常用小書籤](#section-10個seos常用小書籤)
4.  [1\. 檢查當前網站有多少頁被index](#section-1-檢查當前網站有多少頁被index)
5.  [2\. 檢查當前網頁是否被index](#section-2-檢查當前網頁是否被index)
6.  [3\. 檢查當前網頁的Cache版本](#section-3-檢查當前網頁的cache版本)
7.  [4\. 開啟Open Site Explorer檢查當前網頁](#section-4-開啟open-site-explorer檢查當前網頁)
8.  [5\. 檢查當前頁面的Canonical Tag](#section-5-檢查當前頁面的canonical-tag)
9.  [6\. 檢查當前網頁的meta robots tag](#section-6-檢查當前網頁的meta-robots-tag)
10.  [7\. 用Wayback Machine看看當前網頁以前長得怎樣](#section-7-用wayback-machine看看當前網頁以前長得怎樣)
11.  [8\. 檢查當前網頁的Page Speed Insights](#section-8-檢查當前網頁的page-speed-insights)
12.  [9\. 秀出該網頁所有圖片的Alt Tag](#section-9-秀出該網頁所有圖片的alt-tag)
13.  [10\. SEO工具包之一: QuiSEO](#section-10-seo工具包之一-quiseo)
14.  [總結](#section-總結)

**本文目錄**

1.  [什麼是Bookmarklet?](#section-什麼是bookmarklet)
2.  [使用方法](#section-使用方法)
3.  [10個SEOs常用小書籤](#section-10個seos常用小書籤)
4.  [1\. 檢查當前網站有多少頁被index](#section-1-檢查當前網站有多少頁被index)
5.  [2\. 檢查當前網頁是否被index](#section-2-檢查當前網頁是否被index)
6.  [3\. 檢查當前網頁的Cache版本](#section-3-檢查當前網頁的cache版本)
7.  [4\. 開啟Open Site Explorer檢查當前網頁](#section-4-開啟open-site-explorer檢查當前網頁)
8.  [5\. 檢查當前頁面的Canonical Tag](#section-5-檢查當前頁面的canonical-tag)
9.  [6\. 檢查當前網頁的meta robots tag](#section-6-檢查當前網頁的meta-robots-tag)
10.  [7\. 用Wayback Machine看看當前網頁以前長得怎樣](#section-7-用wayback-machine看看當前網頁以前長得怎樣)
11.  [8\. 檢查當前網頁的Page Speed Insights](#section-8-檢查當前網頁的page-speed-insights)
12.  [9\. 秀出該網頁所有圖片的Alt Tag](#section-9-秀出該網頁所有圖片的alt-tag)
13.  [10\. SEO工具包之一: QuiSEO](#section-10-seo工具包之一-quiseo)
14.  [總結](#section-總結)

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

## 什麼是Bookmarklet?

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

## 使用方法

小書籤的好處就是使用起來超級簡單，就算自身不會coding，只要找到有人分享(像這篇文章)，把連結拖到書籤列就可以方便以後使用了。 ![SEO小書籤](./wp-content/uploads/2016/06/SEO%E5%B0%8F%E6%9B%B8%E7%B1%A4.gif)

(Credit: [Rand from Moz](https://moz.com/blog/30-seo-bookmarklets-to-save-you-time))

## 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而不用複製貼上來來去去。 ![site search operator](./wp-content/uploads/2016/06/site-operator.jpg)

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

> Bookmarklet: Info Search(site:+current page)

這個是我本篇要介紹的小書籤裡面唯一一個自己寫的XD 主要用來檢查當前的頁面是否已經被Google Index。假設你現在在[https://moz.com/blog](https://moz.com/blog)，用這個書籤可以讓你看到該頁是否已被索引，而不會出現/blog下的其他頁面。 ![info operator](./wp-content/uploads/2016/06/info-operator.jpg)

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

> Bookmarklet: Google Cache

Crawl / Index / Cache之間的概念就不再多敘述咧，簡單來說這個小書籤可以讓你看到當前網頁在Google的眼裡是長甚麼樣子，在網頁內容有更動後，你可能會常常使用它來看看Google是否已察覺到這個改變。 ![google cache](./wp-content/uploads/2016/06/google-cache-version.jpg)

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

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

之前寫過一篇關於[Moz的這個工具Open Site Explorer](./seo-backlinks-tool-open-site-explorer-ose.html)，利用此小書籤可以直接開啟OSE然後看看現在所在頁面的一些基本資料(DA/PA, inbound links...等等)，對有Moz Pro的人來說非常好用! ![moz open site explorer](./wp-content/uploads/2016/06/open-site-explorer-1024x507.jpg)

### 5\. 檢查當前頁面的Canonical Tag

> Bookmarklet: Check the canonical tag

一點就會跳出一個小框框告訴你目前所在頁面有沒有rel canonical tag，有的話是canonicalize到哪裡去， < link href="https://darrenhuang.com/" rel="canonical" />。 ![check canonical tag](./wp-content/uploads/2016/06/check-canonical-tag.jpg)

### 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](./wp-content/uploads/2016/06/check-meta-robots-tag.jpg)

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

> Bookmarklet: Wayback Machine

Wayback Machine是可以看到一個網頁以前的模樣\*，這個小書籤可以讓你一鍵進到Wayback Machine分析完目前網頁的結果，然後選日期看看該網頁在不同時期的樣子。 (\*註: 不是每個網頁都會被存取的!) ![wayback machine](./wp-content/uploads/2016/06/wayback-machine-1024x502.jpg)

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

> Bookmarklet: Google Page Speed Insights

有點經驗的人對這個工具應該不陌生，可以分析網頁的讀取速度，而此小書籤讓你不用又開新分頁又搜尋又複製貼上，一鍵搞定! ![Google Page Speed Insights](./wp-content/uploads/2016/06/google-page-speed-insights-1024x503.jpg)

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

> Bookmarklet: Show All Alt Tag

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

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

![show all alt tags at once](./wp-content/uploads/2016/06/show-all-alt-tag-at-once-1024x591.jpg)

### 10\. SEO工具包之一: QuiSEO

> Bookmarklet: SEO Pack - OuiSEO

由[Carl Sednaoui寫出來的一鍵工具包](https://github.com/carlsednaoui/seo-bookmarklet)，會跳出個精美視窗看看該網頁的Title/Description，Canonical Tag，幾張圖片沒有alt tag，幾個link是nofollow，Open Graph Meta Tags，Twitter Cards Meta Tags...等等，個人非常喜歡! ![ouiseo bookmarklet pack-1](./wp-content/uploads/2016/06/OuiSEO-1-1-1024x488.jpg) ![ouiseo bookmarklet pack-2](./wp-content/uploads/2016/06/OuiSEO-2-1-1024x487.jpg)

## 總結

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

-   [Rand Fishkin - 30 SEO Bookmarklets to Save You Time](https://moz.com/blog/30-seo-bookmarklets-to-save-you-time)
-   [Tom Critchlow - Some Nifty SEO Bookmarklets To Make You More Efficient](https://moz.com/blog/some-nifty-seo-bookmarklets-to-make-you-more-efficient)

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

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

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

**分類**

-   [Uncategorized](/categories/uncategorized.html)

**標籤**

-   [Uncategorized](/tags/uncategorized.html)

Keep exploring

## 延伸閱讀

Facebook 保存筆記

2023年4月30日

### [用 ChatGPT 產生 SEO Bookmarklet 的早期嘗試](/notes/facebook-chatgpt-seo-bookmarklets.html)

一則記錄 ChatGPT 開始普及後，如何用自然語言產生瀏覽器書籤工具的社群貼文，並連回網站既有的 Bookmarklet 文章。

Facebook 保存筆記

2018年1月18日

### [Meta Description 被改寫：搜尋結果摘要不一定照單全收](/notes/facebook-meta-description-google-rewrites.html)

保存一則早期觀察：Google 可能從頁面其他內容拼湊搜尋結果摘要，並說明 meta description 應該和頁面實際內容一起規劃。

Facebook 保存筆記

2023年9月1日

### [15 個常見的 SEO 技術問題：把檢查清單變成優先順序](/notes/facebook-technical-seo-15-common-problems.html)

整理一份 2023 年的技術 SEO 問題清單，並把轉址、圖片替代文字、速度、標題、內部連結與索引等問題放回實際優化順序中。

Keep exploring

## 繼續閱讀

[全部文章 →](/articles.html)

### 相關文章

2016年5月18日

#### [SEO | Anchor Text 錨點文字的大小事](/seo-anchor-text-and-google-bomb.html)

[閱讀文章 →](/seo-anchor-text-and-google-bomb.html)

2016年4月26日

#### [SEO | 實用試算表技巧 - 去頭去尾剩Domain](/seo-spreadsheets-tip-left-function.html)

[閱讀文章 →](/seo-spreadsheets-tip-left-function.html)

2015年11月23日

#### [SEO | 2015.11.17 Moztalk參加心得](/what-i-learned-from-moztalk.html)

[閱讀文章 →](/what-i-learned-from-moztalk.html)

×

開啟原圖 ↗