有數據表明,在國外50%以上的商品購買是在無線端上進行的,因此做好無線端的產品,也成為跨境電商們需要努力的一個方向。那么影響無線端資源和排序的因素有哪些?在無線端上如何找到自己的產品?無線端常見的適配問題有哪些?如何做一個PC端和無限完美適配的詳情頁面呢?為了解決賣家朋友們的這些疑問,小編今天給大家帶來了速賣通大學綠帶講師夏波老師關于“商品詳情頁面無線端適配”的課程。

課程主要分為四個部分:

一、無線端影響排序和資源獲取的因素有哪些

1、PC和無線相同指標,無線門檻更高

DSR



好評率



2、PC和無線指標算法不同,無線考核無線數據



3、無線額外因素

商品圖片部分需要額外注意的點:

圖片清晰度、圖片尺寸

文字、水印、LOGO、邊框

多圖、特別是細節圖

主題居中,控制拼圖

控制圖片的K數

二、在無線端如何找自己的產品

1、無線端支持關鍵詞搜索



2、無線端支持類目搜索



3、無線端支持SKU搜索



4、無線端支持產品鏈接二維碼和店鋪二維碼掃碼



5、無線端不支持店鋪名稱搜索



6、無線端不支持產品ID搜索



7、無線端不支持店鋪號搜索



8、無線端不支持產品標題搜索



三、無線端一些常見的適配問題

1、圖片適配問題

PC端:



無線端:



兩張圖進行比較,可以看出圖片在PC端顯示正常,在無線端則不能完全顯示出來。

解決思路:在代碼中找個整塊的布局,修改width,改成100%或者不寫。

2、表格適配問題

PC端:表格中的文字是可以選擇的



無線端:在無線端不適配,表格類似圖片,文字不能選擇



解決思路:Table布局,width寫成100%或者不寫,另外外字體不要過長,單詞與單詞之間要用空格。

3、關聯營銷適配問題

PC端:點擊圖中的產品,都可關聯出其他產品



無線端:關聯營銷變成一條一條的了



解決思路:在代碼中用div或者Table布局,固定width,寫成100%或者不寫。

4、文字適配問題

PC端:這里的字體可以選擇,固定了字體的樣式和大小,無問題



無線端:無線端會根據你PC端的字體展示不會自動適配。



解決思路:在編輯字體的時候,不要固定字體的樣式和大小。

四、如何做一個PC和無線完美適配的商品詳情頁

1、商品詳情頁面支持哪些效果

商品詳情頁面字體顏色支持、背景顏色支持、單元格顏色支持,邊框支持、表格支持。但是,背景圖片不支持。

2、產品平面效果圖



3、產品網頁代碼分塊布局方法



4、每個版塊測試PC和無線的效果



這個版塊,PC端效果正常然后測試一下無線端的效果。



通過測試可以看出,無線端這個板塊有問題,需要調試這里的代碼,直到完全適配。

手動做關聯就是給自己挖坑！“三千越甲”你自己入坑算了，就別誤導他人了。我店鋪幾千個寶貝都是用工具一鍵設置投放的，后期管理、結束也是一鍵設置，總之非常方便、智能。對了，最為關鍵是的：兼容PC、無線不錯位！！
?

現在不是不允許使用代碼了嗎？怎么調試代碼