這一頁是代購頻道首頁——線上的 bibian.co.jp/buy/,
改版稿對應 buy.html。結論一句話:
真站在「馬上看到貨」與「中文標題」兩件事上贏了三家,輸在卡上資訊太薄、沒有品牌入口;
而改版稿把僅有的商品也弄丟了。
buy.html 的商品卡數。真站 46、Doorzo 96、樂淘 48、Buyee 18狀態(2026-09-03):A1–A3、B1–B4 已在改版稿實作完成;A4 做一半、A5 不適用(A4 的「文字站名」與「張數統一」做了,「四張 logo 補 alt」與 A5 的 lazy-load 都是對真站說的——設計稿 0 張 <img>,沒東西可以補),看
改版稿・日本代購。實測 1440:畫面上同時 20 張 商品卡(當前頁籤 8 + 你可能喜歡 12;四站資料共 44 張,全部 ¥+NT$)、
搜尋框 468 → 226px、banner 6 張高 250(真站 249)、第一張商品卡 792px
(真站 498、Buyee 1,123、Doorzo 1,705、樂淘 2,299)、品牌牆 12。
⚠️ 第一版狀態段寫「頁尾 5 → 9 條」是錯的——5 是真站的數字,改版稿本來就是 9 條,這一輪沒動頁尾。
C 級(SEO/無障礙/RWD)跟代標頁一樣等桌機版確認後再排。
刻意跟第四節那張表不同的一點:實作是「排行 → 品牌牆」不是「品牌牆 → 排行」,
因為真站 y498 是要保住的優點,品牌牆擺前面會把商品推到 1,060。
/buy/ 這頁裝了什麼整頁 4,075px,是代標頁(9,518px)的 43%。組成是這樣:
整頁 46 張商品卡(10+7+11+18),四塊排行榜之後就沒有商品了。 2,467px(60.5%)不是商品。對手:Doorzo 96 張、樂淘 48 張、Buyee 18 張—— 比比昂在中段,只輸 Doorzo。
1日円=0.2167元)
50px
⚠️ 四張站名 logo(jplogo_rakuten.png/JDirectItemsShopping.png/
jplogo_amazon.png/jplogo_kakaku.png)全部連 alt 屬性都沒有
(不是 alt=""——讀屏會念檔名)。但只有 JDirectItems Shopping 那一塊在文字層沒有站名:
另外三塊的標題列是圖 + 文字錨點,只有那一塊是 <a><img></a>。
四塊的張數 10/7/11/18 也沒有規律,看起來像抓到多少放多少。
⚠️ 對照組要挑對:/buy/ 是「代下單日本購物網站」,
所以四家取的是它們的樂天/購物代購頁,不是代標頁。
letao.com.tw/rakuten/ 會 404,正確是 /jpshopping/?domain=rakuten;
buyee.jp/rakuten 少一個尾斜線也是 404。
| 站 | 整頁高 | 搜尋框 | 第一張卡 | 商品卡 | 標題語言 | 卡上幣別 |
|---|---|---|---|---|---|---|
| 比比昂 | 4,075px | y114 | y498 | 46 | 中文 | 只有 NT |
| Buyee | 3,643px | y157 | y1,123 | 18 | 日文原文 | 日元+台幣 |
| 樂淘 letao | 6,057px | y102 | y2,299 | 48 | 日文原文 | NT+円 |
| Doorzo | 7,328px | y228 | y1,705 | 96 | 日文原文 | 只有円 |
| 樂淘一番 | 2026-09-03 全站「系統維護中」,抓不到。不補推估值 | |||||
四家全部把「吃網址」寫進搜尋框的 placeholder—— 比比昂「請貼上日本代買商品網址或輸入關鍵字」、樂淘「搜尋關鍵字、商品ID或商品網址」、 Buyee「輸入關鍵字或商品連結」、Doorzo「輸入品牌名稱、商品名稱、商品網址進行搜索…」。 這跟代標頻道的結論一樣,是 100% 交集。
buy.html 現況——問題在這裡| 項目 | 改版稿 | 真站 | 四家 |
|---|---|---|---|
| 整頁高 | 4,125px | 4,075px | 3,643–7,328px |
| 商品卡 | 0 張 | 46 張 | 18/96/48 張 |
| 搜尋框位置 | y468 | y114 | y102/y157/y228 |
| 主 banner | 沒有 | 787×249 ×25 張 | Buyee y221 h320/樂淘 y230 h675/Doorzo 館別頭 h330 |
| 品牌/店家入口 | 沒有 | 沒有 | Doorzo 熱門品牌/樂淘 獨家優惠賣家/Buyee 推薦店鋪 |
改版稿的「人氣排行」用的是 .rank 橫式列(縮圖 42×42),不是商品卡,
所以 .product 一張都沒有。代購頁不擺商品,等於把真站唯一贏對手的那一點也丟掉。
buy.html 實測 .product = 0。
真站 46 張、Doorzo 96 張、樂淘 48 張、Buyee 18 張。
而真站最強的一點正是第一張卡在 y498、四家最早——改版稿把它整個放掉了。
真站代購卡 170×292=名次+圖 170×150+中文標題+NT 153,沒有日圓
(46 張全部只有 NT、0 張有 ¥)。代標頁的卡則是 現在 ¥ 19,500、沒有台幣。
同一個站兩個頻道兩套規則,客人跨頻道比價時對不起來。
對手:樂淘 NT856 / 3,960円、Buyee 2,980日元 (629台幣),兩家都雙幣。
真站只有「日本必買網站精選」55 條連結(54 個網站+「逛逛更多」),那是網站層級不是品牌層級。 對手三家都有:Doorzo「熱門品牌」(Miki House/FANCL/迪士尼/無印良品/Panasonic/尼康)、 樂淘「獨家優惠賣家」、Buyee「樂天推薦店鋪」(玩具/家電用品/名牌精品)。 Doorzo 的搜尋 placeholder 甚至把「品牌名稱」放在第一個。
alt,張數也沒有規律四張站名 logo 全部連 alt 屬性都沒有(讀屏會念檔名)。
但真正在文字層消失的只有一塊:JDirectItems Shopping 的標題列是 <a><img></a>,
另外三塊(日本樂天/日本Amazon/價格.com)都是圖 + 文字錨點。
張數 10/7/11/18——沒有一個是整數列,看起來像抓多少放多少。
⚠️ 第一版這條寫成「四塊站名全是圖片且 alt=""」,事實查核推翻。
照第一版去改,工程師會去找四張 alt="" 的圖(找不到,因為根本沒有 alt 屬性),
而三塊已經有文字站名的會被白做一次。要修的是:四張 logo 補 alt、
JDirectItems Shopping 那一塊補一個文字錨點。
真站 /buy/:loading="lazy" 0 張、data-src 0 張。
Buyee 的代購頁 62 張圖雖然也沒有 loading="lazy",但用 data-src 做延遲載入(26 張)。
這條跟代標頁的 A6 是同一件事,兩個頻道一起改成本最低。
真站 y114、樂淘 y102、Buyee y157、Doorzo y228——改版稿 y468。 跟改版前的代標頁一模一樣的毛病:前面壓了一個 380px 的館別頭。 代標頁已經用「搜尋帶獨立成一條」解掉(468→226px),這頁照抄即可。
真站 .swiper-wrapper 27 個子元素,濾掉 2 個 swiper loop 複製品後
唯一 25 張、787×249,一次只看得到 1 張。25 張裡 12 張 alt=""。
代標頁是 19 張,這裡更稀釋。四家在搜尋框下面都有主視覺:
Buyee y221 h320、樂淘 y230 h675、Doorzo 的館別頭本身就是 h330。
改版稿一張都沒有。
4,075px 裡 2,467px 不是商品區。四塊排行榜共 1,608px 放 46 張卡, 後面的「網站精選 425px + 代購 3 步驟與長文 950px + 頁尾 476px」佔掉 1,851px。
⚠️ 第一版寫「對手把同樣位置拿去放更多商品(樂淘 144 張)」,事實查核推翻: 樂淘的 144 是三重計數,唯一卡數 48;Buyee 只有 18。修正後 Doorzo 96 > 樂淘 48 ≈ 比比昂 46 > Buyee 18, 比比昂在中段。所以這一條的重點不是「真站貨太少」,而是改版稿一張都沒有(A1); 真站要補的是四塊排行榜之後的「你可能喜歡」,不是把長文砍掉。
全站 174 條連結,頁尾佔 476px 卻只有 5 條。
跟代標頁的 C3 是同一條,兩頁一起補。這一條是對真站說的——改版稿 buy.html 的頁尾本來就是 9 條。
<h1> 數量 = 0,跟 auction.php 一樣。
不過這頁比代標頁好的地方:<title> 只有 1 個、DOCTYPE 已經是
html(代標頁還是 HTML 4.01 Transitional)。alt 屬性都沒有的 18 張、
alt="" 的 113 張。四張站名 logo 都在「沒有 alt 屬性」那 18 張裡。meta viewport 寫死 width=1240
(代標頁是 1200),一樣不 RWD。meta description 這頁反而寫得好——逐字列出
JDirectItems Shopping、Amazon、ZOZOTOWN、BANDAI、寶可夢中心。
這是代標頁該抄的,不是這頁該改的。
改版稿 buy.html 直接用全站共用的 .product(代標頁那一輪已經補到 8 欄位),
只要換掉卡腳與角標的語意:拍賣是「出價數|倒數」,代購是「店家|境內免運」。
來源站徽章是這一館獨有的——四家對手都是一頁一個站,不需要它,比比昂是多站聚合才需要。
alt、張數統一;卡改用共用 .productSITES 算出來是 54 個buy.html 本來就是 9 條,這一輪沒動它meta description 比對手完整,逐字列出可代購的網站名。
這一條反而是代標頁該抄的。第一版寫完派了獨立的事實查核 agent 重量五站,抓到六個錯,全部已改在上面。 列在這裡是因為錯法比數字重要:
alt=""」→ 只有一塊沒文字站名;四張 logo 是完全沒有 alt 屬性。
把一塊推廣成四塊,而且 alt="" 與「沒有 alt」是不同缺陷、不同修法。跨站數卡片的教訓:篩完要用該站自己的 class 反查一次,並做幾何檢查。
原始量測與修正紀錄:docs/bench-buy-2026-09-03.md 第六節。