部落客的合作徽章，是讓潛在合作廠商一眼看出你跟知名媒體合作經歷的信任印章，但徽章放久了常會遇到圖片失效變叉叉、各家尺寸不一、側邊欄排版亂掉的問題。合作標章小幫手是金城事務所自製的 WordPress 外掛，把食尚玩家、ETtoday、Yahoo、Google 在地嚮導、痞客邦個人媒體聯盟等 60 多張駐站徽章全部內建，圖片永不失效、尺寸自動統一、後台拖拉就能排序。這篇講合作標章小幫手是什麼、解決哪些問題、收錄哪些媒體、和自己手刻 HTML 的差別、誰適合用、有什麼注意事項。
合作標章小幫手是什麼？
「我入選食尚玩家駐站部落客了，但怎麼把徽章漂亮地放到部落格上？」這是讀者最常問我的問題。答案就是合作標章小幫手。
合作標章小幫手是金城事務所自製的 WordPress 外掛，主打把部落客跟媒體合作的徽章變成現成資源庫，內建 60 多張台灣主流媒體的駐站徽章，從食尚玩家、ETtoday、Yahoo、Google 在地嚮導到痞客邦個人媒體聯盟都有，輸入短代碼就能秀出來。
為什麼要展示合作徽章？因為大多數部落客通常會跟很多媒體或平台合作，放上《食尚玩家》或 ETtoday 的合作徽章，目的是讓潛在的合作廠商看到你有跟這些知名媒體合作的經歷。當廠商發案給你時，能預期得到更多的曝光，如果是比較知名的部落客報導，對專業形象確實有加分效果。
很多人會問我：「沒有駐站標章是不是就不能展示？」答案是不會，你還是可以展示其他形式的合作證明，像 Google 在地嚮導等級、痞客邦個人媒體聯盟、媽咪拜駐站部落客、窩客島年度人氣等都算，這也是長期經營部落格信任資產的一環，更多完整觀念可以看 部落格教學完整指南。
合作徽章放久了會遇到哪些問題？
合作徽章放在側邊欄看起來簡單，但放久了會遇到三個常見問題，這也是我做這個外掛的原因。
- 年久失修：徽章的圖片連結失效了，導致部落格側邊原本放徽章的位置變成一個叉叉。媒體網站改版、CDN 搬家、檔案名改掉，原本連的圖就斷了，部落客通常根本不會發現。
- 尺寸不一：每家媒體或平台提供的合作徽章大小都不一樣，放進側邊欄後會顯得忽大忽小，整排看起來不協調。
- 排版困難：大部分部落客並不知道如何調整大小。就算調整到一樣大，如果徽章原本的設計太大張，放在側邊欄其實也不一定好看。
合作標章小幫手怎麼解決這些問題？
合作標章小幫手用兩個核心功能解掉上面三個痛點，再加上短代碼跟拖拉排序兩個輔助功能。
確保顯示，圖片永不失效
外掛裡的徽章圖片全部由金城事務所伺服器託管，就算原始貼紙年久失修、圖片不見了，我們的圖片還是會正常顯示。等於幫你把所有合作徽章備份到一個不會斷掉的位置，側邊欄不會再出現叉叉。
重新設計排版，尺寸自動統一
外掛會統一排版大小，每張徽章在側邊欄裡看起來大小一致，不會出現忽大忽小的情況。不需要懂 CSS 也能用，外掛已經幫你預設好排版樣式，直接輸入短代碼就好。
兩組短代碼獨立設定
外掛提供 [mr_seal group="1"] 和 [mr_seal group="2"] 兩組短代碼，每組可以分別選不同徽章、不同版面。常見用法：
- 短代碼 1 放主要合作徽章，給側邊欄用，搭配二欄顯示
- 短代碼 2 放年度人氣榜或榮譽列，給文章末尾或頁尾用，搭配水平排列
不指定 group 預設就是用短代碼 1，省一個參數寫法 [mr_seal] 也通。版面共提供 5 種：一欄、二欄、三欄、水平排列、特色顯示，水平排列還可以指定一行 4 到 12 個、手機版自動轉一欄或二欄。
拖拉排序，最重要的合作放最前面
選好徽章後，可以在後台直接用拖拉的方式調整順序，把目前最重要或最顯眼的徽章擺在前面。每張徽章還可以單獨設外連結，點下去會用新分頁開啟，並自動加上 nofollow 跟 noopener 屬性。
常被問到：「設外連結會不會影響 SEO？」答案是不會，nofollow 屬性已經幫你擋掉權重外流的問題，這部分外掛預設就處理好了。
合作標章小幫手收錄了哪些媒體？
目前外掛內建 60 多張媒體合作徽章，食尚玩家和 ETtoday 的徽章是最完整的，從早期到最新版本都有。涵蓋範圍包括：
- 食尚玩家：駐站部落客（2020 到 2026）、FB 與 IG 創作者、食尚搜秘團、地區特派員
- 輕旅行：駐站玩家（2020 到 2026）
- ETtoday：駐站部落客、MOOD 駐站部落客
- Yahoo!：摩人、旅遊、風格、咖啡達人、風格部落客
- Google 在地嚮導：4 級到 10 級齊全，美食部落客很需要的徽章我們收得最齊
- 痞客邦：個人媒體聯盟、社群影響力、StyleMe
- 親子媒體：媽咪拜、媽媽經、KidsPlay
- 美食旅遊：愛食記、愛體驗、LINE 旅遊、窩客島（含 2013 到 2015 年度人氣）
- 女性媒體：POPDAILY、妞新聞、UDN 女子漾、女人我最大
- 還有玩味漫畫風格章（中華一番、美少女戰士、科南）給愛玩部落格的部落客用，沒想到還真的不少美食部落客把中華一番的特級龍廚師徽章放上去，當作美食部落格的趣味認證
至於像是窩客島或其他平台是否還有更多版本或早期版本，只要有部落客提出需求，我們就會補上，盡量讓每個人在各個階段的合作徽章都能完美呈現。
徽章收錄準則有兩點：第一是優先考量大眾需求，目前的收錄一定是以大多數人會用到的項目為主；第二是小眾或個人化需求暫不列入，有些過於小眾、僅有一兩個人使用的徽章，或是像「合作徽章」這類上面會鍵入個人名字的樣式，比較不適合放入統一的徽章行列中。
合作標章小幫手 vs 自己手刻 HTML 排版
很多人會說：「自己存圖再寫 HTML 不就好了，何必用外掛？」短期看起來沒差，時間拉長就有差。
| 比較項目 | 合作標章小幫手 | 自己手刻 HTML |
|---|---|---|
| 圖片來源 | 60+ 徽章內建，永不失效 | 自己找圖、可能斷連 |
| 尺寸統一 | 自動處理 | 自己調 CSS |
| 排版調整 | 後台拖拉 | 改 HTML 重發布 |
| 響應式 | 自動處理 | 自己寫 CSS |
| 多組合 | 兩組短代碼分開設 | 寫兩份 HTML |
| 連結屬性 | 自動 nofollow 加新分頁 | 自己手動加 |
| 維護成本 | 後台勾選 | 動到主題或外掛代碼 |
| 圖片載入 | 自動 lazy load 與寬高 | 自己寫 |
最重要的差別是維護成本。手刻 HTML 一旦想換版面或加新徽章，每個放徽章的地方都要改。用短代碼只要在後台改一次，全站同步更新，圖片失效的問題也由外掛統一處理掉。
合作標章小幫手適合誰使用？
適合的對象：
- 已經有 1 個以上媒體合作徽章的部落客
- 經營美食、旅遊、親子、生活風格類型部落格
- 想強化部落格信任感跟廠商提案門面的部落客
- 接案族、用部落格做提案門面的自由工作者
- 已經買金城事務所小幫手系列方案的使用者（外掛需要 Mr.Auth 授權）
不適合的對象：
- 剛架站還沒有任何媒體合作的新部落客（建議先累積 1 到 2 個合作再用）
- 純企業官網或商品頁（這個外掛是為部落客設計的）
- 完全不想在側邊欄或頁尾展示徽章的人
合作標章小幫手使用上的注意事項
授權前提：外掛需要先安裝並啟用 Mr.Auth 網站管理小幫手，並在「金城小幫手 → 授權管理」輸入金鑰。沒授權的話外掛不會載入，更多自製外掛方案可參考 金城事務所自製外掛清單。
樣式不需要自己改：外掛已經把版面、尺寸、間距全部預設好，不需要搭配語法輸入小幫手或其他 CSS 工具自行調整，直接選徽章、選版面、貼短代碼就能用。
儲存頻率：後台儲存有保護機制，60 秒內最多 5 次儲存，避免誤觸狂按。一般使用根本不會碰到，極端情境才會出現「請求過於頻繁」提示，等 1 分鐘再儲就好。
短代碼放哪：經典編輯器、區塊編輯器（用 Shortcode 區塊）、Widget 文字小工具、Elementor 文字編輯器都可以用。FluentSnippets 或 Code Snippets 內若要用，需要透過 do_shortcode() 函式包起來。
金城老師觀點
我做這個外掛，是因為自己長期經營合作部落客平台，看到太多部落客把媒體合作當作一次性榮譽，發完入選文就忘了。其實合作徽章是長期資產，掛在側邊欄、放在頁尾、附在提案信，每一次曝光都在累積信任感。這個外掛只是把展示這件事的門檻降到最低，圖片不會壞、尺寸不會亂、排版不用煩，後面真正讓你被認識的，還是你持續累積的內容跟合作經驗。對了偷偷說一下，玩味徽章裡我自己比較喜歡反派的麒麟徽章（黑暗料理界），有同好的話歡迎來找我聊 XD。
延伸閱讀
參考資料
常見問題
合作標章小幫手是免費的嗎？
外掛本身綁定 Mr.Auth 授權，需要先取得金城事務所小幫手系列方案的授權金鑰才能啟用，不是獨立販售。可以參考金城事務所自製外掛清單了解完整方案。
可以新增官方還沒收錄的媒體徽章嗎？
可以，只要有部落客提出需求，符合大眾需求、非個人化（如不含個人名字）的徽章，我們就會評估補上後續版本。
停用外掛之後我的部落格會出問題嗎？
不會。外掛是用短代碼動態渲染，停用之後短代碼會變成文字保留在文章中，圖片不會儲存到媒體庫，所以也不會佔用空間。
合作徽章可以同時放在側邊欄跟頁尾嗎？
可以，這就是兩組短代碼的設計目的。短代碼 1 給側邊欄、短代碼 2 給頁尾，分別在後台選不同的徽章組合跟版面就行。
徽章圖片會影響網站速度嗎？
影響很小。外掛已經幫每張圖加上 lazy load 屬性，跟正確的圖片寬高設定，圖片只有捲到才會載入，不會拖累首屏。圖片本身是 WebP 格式，比 PNG 小很多。