Skip to content

v1.12.0:口袋工具家族改版與搜尋結果標題整理

Choose a tag to compare

@Wcc723 Wcc723 released this 05 Nov 05:56
· 4 commits to main since this release

改版:換成口袋工具家族的樣子

  • 頁首:站徽、站名,下面一行回口袋工具的連結;選單加上「批次」,語言切換改成地球圖示的按鈕。手機版的選單仍是可以橫向捲動的一排。
  • 標題區:首頁加上水彩橫幅、一行小標籤與三個打勾(免費不用註冊、沒有浮水印、靜態 QR Code 永久有效),工具卡往上疊進橫幅;類型頁、掃描器、條碼與批次加上看得到的導覽路徑、圓底插圖與右邊的裝飾插圖。
  • 工具卡:粗黑框加硬陰影改成細框加柔和陰影,三個區塊用橘色編號(輸入內容、外觀、預覽與下載),類型分頁與選項改成細框膠囊。
  • 下載鈕:PNG 放大成整列寬的實心主按鈕,SVG、JPG、複製並排在下面一列;手機底部的預覽列同樣是 PNG 實心、複製外框。
  • 說明文章:首頁的三步驟、類型卡片與教學卡片配上插圖,類型頁的使用步驟、延伸閱讀與其他類型改成有圖的卡片,WiFi 頁加一張桌卡概念圖。
  • 英文版(/en/ 三頁)同一輪一起換。
  • 插圖都是 alt="" 的裝飾圖,介面圖示仍是 Lucide;字型用系統字,不載 webfont。

搜尋結果的標題與說明

重新整理全站的 title 與 meta description(含英文版),h1 與網址不變。改動的標題:

頁面 新標題
首頁 免費 QR Code 產生器|線上製作可加 LOGO、下載 SVG 向量檔
/scan/ QR Code 掃描器|上傳圖片或截圖,線上讀取 QR Code 與條碼
/text/ 純文字 QR Code 產生器|文字轉 QR Code,掃描直接顯示文字(免費)
/faq/ QR Code 產生器常見問題:會過期嗎?商用與印刷說明|QR Code 製造機
/guide/ QR Code 教學總覽:印刷尺寸、容錯與加 LOGO、電腦掃描|QR Code 製造機
/en/ Free QR Code Generator with Logo: Download SVG or PNG
/en/barcode/ Free Barcode Generator: Code 128, EAN-13, Download SVG or PNG

改前的標題與基線記在 docs/seo-checklist.md 的「標題改動紀錄」。sitemap 的 lastmod 沒有變。