環球暢貨多國語言響應式 B2B SEO 模版
Template Style List – 多樣化的多國語言響應式 B2B SEO 網站模版
多樣化設計風格的多國語言 RWD（Responsive Web Design）響應式 B2B SEO 模版，滿足不同產業與品牌需求。環球暢貨所研發之模版，皆已符合多國語系 SEO 與搜尋引擎友善 (SEF) 規範，外銷企業可立即選用，協助進入不同語系國家之在地搜尋市場，亦可依需求進行付費微客制調整。
專為多國語言網站打造的搜尋引擎友善 (SEO / SEF) 模版
環球暢貨深耕多國語言網站服務超過二十年，深知企業若要有效拓展海外市場，網站模版不僅需符合搜尋引擎友善 (SEF) 規範，更必須針對不同語言與地區的搜尋引擎特性進行完整的 SEO 架構設計。
因此，我們投入大量時間研發多套風格各異的多國語言響應式 SEO 模版，並全面導入 RWD (Responsive Web Design) 設計，確保企業網站無論在桌機、平板或行動裝置上，皆能提供良好的瀏覽體驗與穩定的效能表現。同時，所有 Lite 系列模版皆符合 Google Lighthouse 最新核心規範，協助企業在使用者體驗與搜尋引擎評分上取得優勢。
企業可依自身品牌定位與產業特性，挑選合適的模版樣式，並依模版設定彈性調整配色，使公司 Logo 或品牌指定色彩自然融入網站設計。環球暢貨的專業設計師亦可協助進行視覺微調，確保整體網站風格與企業品牌形象一致。
模版規範與選用說明
為協助企業正確選擇並順利導入模版，請您在挑選前留意以下規範說明：
- 每款模版皆有專屬的「上線手冊」，供企業參考並依指引準備網站內容。
- 環球暢貨的行銷顧問將主動召開說明會議，詳細解說「上線手冊」內容，協助企業整理對買主真正具價值的資訊。此類內容亦符合 Google 所重視的高價值內容原則，有助於長期提升網站曝光率與搜尋排名。
- 各模版的視覺物件規格與圖片尺寸略有差異，建議企業事先準備解析度足夠且清晰的圖片素材，以確保網站呈現品質。
- 「Lite 模版系列」為 Google Lighthouse 核心專用模版，可有效提升網站在桌機與行動裝置上的使用者體驗 (CWV) 指數，增加搜尋曝光機會。
選擇 Lite-xxx 系列模版時，需另行簽署使用同意書。
詳細設計特色與模版細部規範，請參考各模版下方的「模版說明」。 - 「RTM 模版系列」為行動裝置導向的輕量化模版，強調快速載入效能與多國語言響應特性。
- 為維持整體視覺風格的一致性，所有模版之底色皆不提供深淺色調對換，敬請見諒。
現在，請依您的產業與品牌需求，選擇最適合的多國語言 SEO 模版樣式
Lite 200 系列 (Google Lighthouse 多國語言專用響應式 SEO 模版)
Lite-206-Dark (全滿版設計)
(首頁形象區塊支援影片)
Lite-206 (全滿版與數據視覺化)
全滿版 (Full-width) 設計模板，移除傳統 1170px 寬度限制，首頁與內頁皆採用大畫面呈現，並強化數據與優勢的視覺展示。
設計特色
- 全滿版版型，視覺延伸性高 (寬度可達 1869px 以上)
- 首頁形象區支援圖片輪播或 MP4 影片
- 多數區塊採用滾動式背景或漸層外框設計
首頁主要區塊
- 形象區：2 張形象圖 (1920×960) 或 1 支背景影片
- 公司簡介：大標題+副標題+公司介紹文字 (滾動背景 1920×1200)
- 優勢說明：4 張圖片 (650x433)+標題與簡述 (滑鼠移入顯示)
- 推薦商品：滾動底圖 (1920x1200) + 2 項產品展示 (650x433)，漸層外框自動產生
- 熱門商品：滾動底圖 (1920x1200) + 3 項產品展示 (650x433)，漸層外框自動產生
內頁結構
- 內頁標題導覽區塊底圖 1920x200 像素
- 左右雙欄版型 (主內容+側欄)
- 內頁共用區塊包含「優勢數據」與「企業優勢介紹」，區塊滾動式底圖 1920x1200 像素
- 側欄可放 4 個推薦商品 (650x433)、下載型錄
- 內頁熱門商品區塊，同首頁
圖片與內容基本規範
- 首頁桌機形象圖：1920 × 960 像素 或 1 支 16:9 影片
- 影片規格：MP4 格式，16:9，建議 1920×1080
- 內頁代表圖：650 × 433
- 優勢說明圖示：65 × 65 像素 (透明 PNG)
- 頁腳背景圖： 1920 x 550 像素
- 首頁「推薦商品」+「熱門商品」及內頁「推薦商品」專區左上角的標籤文字，可自行定義文字或符號
- 部分推廣專區圖片之漸層外框為系統自動產生，圖片不用額外製作
- 部分區塊為斜切設計，調整區塊順序或數量時，實際呈現可能略有差異
- 文字以精簡為原則，需考量多語系長度，過長可能自動截斷
- 背景圖若無法提供，將由設計師配色處理
Lite-206-Light (全滿版設計)
(首頁形象區塊支援影片)
Lite-206 (全滿版與數據視覺化)
全滿版 (Full-width) 設計模板，移除傳統 1170px 寬度限制，首頁與內頁皆採用大畫面呈現，並強化數據與優勢的視覺展示。
設計特色
- 全滿版版型，視覺延伸性高 (寬度可達 1869px 以上)
- 首頁形象區支援圖片輪播或 MP4 影片
- 多數區塊採用滾動式背景或漸層外框設計
首頁主要區塊
- 形象區：2 張形象圖 (1920×960) 或 1 支背景影片
- 公司簡介：大標題+副標題+公司介紹文字 (滾動背景 1920×1200)
- 優勢說明：4 張圖片 (650x433)+標題與簡述 (滑鼠移入顯示)
- 推薦商品：滾動底圖 (1920x1200) + 2 項產品展示 (650x433)，漸層外框自動產生
- 熱門商品：滾動底圖 (1920x1200) + 3 項產品展示 (650x433)，漸層外框自動產生
內頁結構
- 內頁標題導覽區塊底圖 1920x200 像素
- 左右雙欄版型 (主內容+側欄)
- 內頁共用區塊包含「優勢數據」與「企業優勢介紹」，區塊滾動式底圖 1920x1200 像素
- 側欄可放 4 個推薦商品 (650x433)、下載型錄
- 內頁熱門商品區塊，同首頁
圖片與內容基本規範
- 首頁桌機形象圖：1920 × 960 像素 或 1 支 16:9 影片
- 影片規格：MP4 格式，16:9，建議 1920×1080
- 內頁代表圖：650 × 433
- 優勢說明圖示：65 × 65 像素 (透明 PNG)
- 頁腳背景圖： 1920 x 550 像素
- 首頁「推薦商品」+「熱門商品」及內頁「推薦商品」專區左上角的標籤文字，可自行定義文字或符號
- 部分推廣專區圖片之漸層外框為系統自動產生，圖片不用額外製作
- 部分區塊為斜切設計，調整區塊順序或數量時，實際呈現可能略有差異
- 文字以精簡為原則，需考量多語系長度，過長可能自動截斷
- 背景圖若無法提供，將由設計師配色處理
Lite-205-Dark
(首頁形象區塊支援影片)
Lite-205 (斜角切割動感設計)
採用大量斜切 (Skew) 視覺效果的模板，展現動感與現代風格，首頁同樣支援影片或圖片輪播。
設計特色
- 形象區與部分區塊採用 CSS 斜切效果 (可選擇保留或刪除)
- 支援首頁背景影片 (無斜切) 或圖片輪播
- 內頁為滿版設計
首頁主要區塊
- 形象區：2 張圖片 (1920×960，自動斜切) 或 1 支影片
- 公司簡介：純文字區塊
- 熱門商品：滾動式底圖 (1920×1200)+6 張產品圖 (740x450)
內頁結構
- 全站滿版設計
- 內頁標題導覽區塊 (底圖 1920×180)
- 內頁優勢數據區塊 (滾動式底圖 1920×1200)
- 內頁推薦商品區塊 3 張產品 (740x450)
圖片與內容基本規範
- 首頁桌機形象圖：1920 × 960 像素 或 1 支 16:9 影片
- 影片規格：MP4 格式，16:9，建議 1920×1080
- 行動裝置形象圖：768 × 315 像素
- 內頁/分類代表圖：740 × 450 像素 (產品代表圖支援多張)
- 區塊模組增減時需注意斜切效果的銜接與取捨
- 背景圖若無法提供，將由設計師配色處理
Lite-205-Light
(首頁形象區塊支援影片)
Lite-205 (斜角切割動感設計)
採用大量斜切 (Skew) 視覺效果的模板，展現動感與現代風格，首頁同樣支援影片或圖片輪播。
設計特色
- 形象區與部分區塊採用 CSS 斜切效果 (可選擇保留或刪除)
- 支援首頁背景影片 (無斜切) 或圖片輪播
- 內頁為滿版設計
首頁主要區塊
- 形象區：2 張圖片 (1920×960，自動斜切) 或 1 支影片
- 公司簡介：純文字區塊
- 熱門商品：滾動式底圖 (1920×1200)+6 張產品圖 (740x450)
內頁結構
- 全站滿版設計
- 內頁標題導覽區塊 (底圖 1920×180)
- 內頁優勢數據區塊 (滾動式底圖 1920×1200)
- 內頁推薦商品區塊 3 張產品 (740x450)
圖片與內容基本規範
- 首頁桌機形象圖：1920 × 960 像素 或 1 支 16:9 影片
- 影片規格：MP4 格式，16:9，建議 1920×1080
- 行動裝置形象圖：768 × 315 像素
- 內頁/分類代表圖：740 × 450 像素 (產品代表圖支援多張)
- 區塊模組增減時需注意斜切效果的銜接與取捨
- 背景圖若無法提供，將由設計師配色處理
Lite-204-Dark
(首頁形象區塊支援影片)
Lite-204 (影音支援與波浪風格)
支援首頁背景影片或圖片輪播的彈性模板，底部採用波浪造型，內頁為雙欄設計，適合擁有影音素材的企業。
設計特色
- 首頁形象區支援 MP4 影片或圖片輪播 (二擇一)
- 形象區底部波浪外型 (可選擇保留或刪除)
- 內頁產品圖屬寬扁型風格
首頁主要區塊
- 形象區：2 張圖片 (1903×761) 或 1 支 16:9 影片
- 熱門商品：5 張圖片 (550×340)，圓角自動生成
- 企業優勢：底圖 (1920×1200)
- 推薦商品：6 張圖片 (740×460)+底圖 (1920×1200)
內頁結構
- 左右雙欄版型 (切左右兩塊)
- 包含企業優勢區塊 (同首頁)
- 內頁右欄熱門商品區塊 (同首頁)
圖片與內容基本規範
- 首頁桌機形象圖：1903 × 761 像素 或 1 支 16:9 影片
- 影片規格：MP4 格式，16:9，建議 1920×1080
- 行動裝置形象圖：768 × 315 像素
- 內頁/分類代表圖：870 × 400 像素 (產品代表圖做多 4 張)
- 背景圖若無法提供，將由設計師配色處理
Lite-204-Light
(首頁形象區塊支援影片)
Lite-204 (影音支援與波浪風格)
支援首頁背景影片或圖片輪播的彈性模板，底部採用波浪造型，內頁為雙欄設計，適合擁有影音素材的企業。
設計特色
- 首頁形象區支援 MP4 影片或圖片輪播 (二擇一)
- 形象區底部波浪外型 (可選擇保留或刪除)
- 內頁產品圖屬寬扁型風格
首頁主要區塊
- 形象區：2 張圖片 (1903×761) 或 1 支 16:9 影片
- 熱門商品：5 張圖片 (550×340)，圓角自動生成
- 企業優勢：底圖 (1920×1200)
- 推薦商品：6 張圖片 (740×460)+底圖 (1920×1200)
內頁結構
- 左右雙欄版型 (切左右兩塊)
- 包含企業優勢區塊 (同首頁)
- 內頁右欄熱門商品區塊 (同首頁)
圖片與內容基本規範
- 首頁桌機形象圖：1903 × 761 像素 或 1 支 16:9 影片
- 影片規格：MP4 格式，16:9，建議 1920×1080
- 行動裝置形象圖：768 × 315 像素
- 內頁/分類代表圖：870 × 400 像素 (產品代表圖做多 4 張)
- 背景圖若無法提供，將由設計師配色處理
Lite-203-Dark
(多國語言 / RWD 響應式)
Lite-203 (五角形幾何風格)
設計風格獨特，運用五角形與幾何線條元素，選單與 Logo 採壓圖設計，適合追求現代感與強烈視覺印象的品牌。
設計特色
- 形象區與頁腳具備五角形幾何設計 (可選擇保留或刪除)
- 主選單壓在形象圖上，選單文字下方襯半透明色塊
- 全站滿版版面設計
首頁主要區塊
- 形象區：2 張圖片 (1903×856)，上方可能刷淡以突顯選單
- 推薦商品：6 張圖片 (450×360)，圓角自動生成
- 企業優勢：2 張大圖 (990×835)
- 新聞與展會：4 張圖片 (450×360)
內頁結構
- 全站滿版設計
- 內頁代表圖採輪轉模式 (930×700，最多 4 張)
- 內頁熱門商品推廣區塊 3 張產品 (740x590)
圖片與內容基本規範
- 首頁桌機形象圖：1903 × 856 像素
- 行動裝置形象圖：768 × 315 像素
- 公司/分公司/服務頁代表圖：930 × 700 像素
- 分類代表圖：930 × 700 像素 (最多四張)
- 產品代表圖：720 × 540 像素 (最多四張)
- 內頁代表圖：930 × 700 像素
- 全站頁腳底圖：1903 × 650 像素
- 背景圖若無法提供，將由設計師配色處理
Lite-203-Light
(多國語言 / RWD 響應式)
Lite-203 (五角形幾何風格)
設計風格獨特，運用五角形與幾何線條元素，選單與 Logo 採壓圖設計，適合追求現代感與強烈視覺印象的品牌。
設計特色
- 形象區與頁腳具備五角形幾何設計 (可選擇保留或刪除)
- 主選單壓在形象圖上，選單文字下方襯半透明色塊
- 全站滿版版面設計
首頁主要區塊
- 形象區：2 張圖片 (1903×856)，上方可能刷淡以突顯選單
- 推薦商品：6 張圖片 (450×360)，圓角自動生成
- 企業優勢：2 張大圖 (990×835)
- 新聞與展會：4 張圖片 (450×360)
內頁結構
- 全站滿版設計
- 內頁代表圖採輪轉模式 (930×700，最多 4 張)
- 內頁熱門商品推廣區塊 3 張產品 (740x590)
圖片與內容基本規範
- 首頁桌機形象圖：1903 × 856 像素
- 行動裝置形象圖：768 × 315 像素
- 公司/分公司/服務頁代表圖：930 × 700 像素
- 分類代表圖：930 × 700 像素 (最多四張)
- 產品代表圖：720 × 540 像素 (最多四張)
- 內頁代表圖：930 × 700 像素
- 全站頁腳底圖：1903 × 650 像素
- 背景圖若無法提供，將由設計師配色處理
Lite-202-Dark
(多國語言 / RWD 響應式)
Lite-202 (透視產品與滿版設計)
首頁形象區支援透明背景產品圖滑動效果，全站採用滿版設計，視覺張力強。
設計特色
- 形象區採背景圖+透明產品圖層疊設計
- 全站滿版版面 (Inner pages full width)
首頁主要區塊
- 形象區：背景圖 (1903×665)+2 張透明背景產品圖 (900×665)
- 公司簡介：1 張圖片 (740×420)，圓角自動生成
- 優勢數據：滾動式背景 (1920×1200)
- 新品推薦：3 張圖片 (480×450)
內頁結構
- 全站滿版設計
- 全站顯示「公司簡介與優勢特色」區塊 (滾動式背景)
- 全站顯示「推薦商品」區塊 4 張產品 (480x450)
圖片與內容基本規範
- 首頁桌機形象圖：背景圖 1903×665 + 2 張透明背景產品圖 900×665
- 行動裝置形象圖：768 × 315 像素
- 形象區產品圖需為透明 PNG 檔
- 內頁/分類代表圖：900 × 585 像素 (圖片寬度一定要超過 900 像素高度等比例的圖)
- 背景圖若無法提供，將由設計師配色處理
- FAQ 資料中 desc 為必填欄位
- 商標寬度不得超過250px
- 背景圖若無法提供，將由設計師配色處理
Lite-202-Light
(多國語言 / RWD 響應式)
Lite-202 (透視產品與滿版設計)
首頁形象區支援透明背景產品圖滑動效果，全站採用滿版設計，視覺張力強。
設計特色
- 形象區採背景圖+透明產品圖層疊設計
- 全站滿版版面 (Inner pages full width)
首頁主要區塊
- 形象區：背景圖 (1903×665)+2 張透明背景產品圖 (900×665)
- 公司簡介：1 張圖片 (740×420)，圓角自動生成
- 優勢數據：滾動式背景 (1920×1200)
- 新品推薦：3 張圖片 (480×450)
內頁結構
- 全站滿版設計
- 全站顯示「公司簡介與優勢特色」區塊 (滾動式背景)
- 全站顯示「推薦商品」區塊 4 張產品 (480x450)
圖片與內容基本規範
- 首頁桌機形象圖：背景圖 1903×665 + 2 張透明背景產品圖 900×665
- 行動裝置形象圖：768 × 315 像素
- 形象區產品圖需為透明 PNG 檔
- 內頁/分類代表圖：900 × 585 像素 (圖片寬度一定要超過 900 像素高度等比例的圖)
- 背景圖若無法提供，將由設計師配色處理
- FAQ 資料中 desc 為必填欄位
- 商標寬度不得超過250px
- 背景圖若無法提供，將由設計師配色處理
Lite-201-Dark
(多國語言 / RWD 響應式)
Lite-201 (側欄佈局與圓角風格)
首頁採用左圖右文的固定版面配置，內頁具備側欄設計 (行動裝置自動移至下方)，風格方正帶圓角。
設計特色
- 形象區桌機版為左側固定圖片、右側固定文字，圓角自動生成
- 內頁採左右分欄設計 (左主內容+右側欄)
- 提供深色與淺色版本
首頁主要區塊
- 形象區：2 張圖片 (1140×760)，圓角自動生成，固定於畫面左側
- 推薦商品：4 張大圖 (950×635)
- 公司簡介：1 張大圖 (960×700)，圓角自動生成
內頁結構
- 左右兩欄版型，行動裝置右側欄會排列至下方
- 所有內頁皆包含「優勢數字區塊」 (滾動式背景)
- 公司介紹與最新消息頁含「即將上市產品區塊」，放置 4 張圖片 (480x450)
圖片與內容基本規範
- 首頁桌機形象圖：1140 × 760 像素，圓角自動生成
- 行動裝置形象圖：768 × 315 像素，圓角自動生成
- 內頁/分類代表圖：735 × 480 像素 (圖片寬度一定要超過 735 像素高度等比例的圖)
- 右側欄熱門商品：3 張 (735×650)
- FAQ 資料中 desc 為必填欄位
- 商標寬度不得超過250px
- 背景圖若無法提供，將由設計師配色處理
Lite-201-Light
(多國語言 / RWD 響應式)
Lite-201 (側欄佈局與圓角風格)
首頁採用左圖右文的固定版面配置，內頁具備側欄設計 (行動裝置自動移至下方)，風格方正帶圓角。
設計特色
- 形象區桌機版為左側固定圖片、右側固定文字，圓角自動生成
- 內頁採左右分欄設計 (左主內容+右側欄)
- 提供深色與淺色版本
首頁主要區塊
- 形象區：2 張圖片 (1140×760)，圓角自動生成，固定於畫面左側
- 推薦商品：4 張大圖 (950×635)
- 公司簡介：1 張大圖 (960×700)，圓角自動生成
內頁結構
- 左右兩欄版型，行動裝置右側欄會排列至下方
- 所有內頁皆包含「優勢數字區塊」 (滾動式背景)
- 公司介紹與最新消息頁含「即將上市產品區塊」，放置 4 張圖片 (480x450)
圖片與內容基本規範
- 首頁桌機形象圖：1140 × 760 像素，圓角自動生成
- 行動裝置形象圖：768 × 315 像素，圓角自動生成
- 內頁/分類代表圖：735 × 480 像素 (圖片寬度一定要超過 735 像素高度等比例的圖)
- 右側欄熱門商品：3 張 (735×650)
- FAQ 資料中 desc 為必填欄位
- 商標寬度不得超過250px
- 背景圖若無法提供，將由設計師配色處理
Lite-200-Dark
(多國語言 / RWD 響應式)
Lite-200 (波浪與寬版設計)
首頁形象圖下方具備獨特波浪設計，內頁採用無側欄滿版樣式，適合展示寬扁型產品圖片。
設計特色
- 首頁形象圖下方波浪樣式 (可選擇保留或刪除)
- 內頁為無側欄滿版 (Full-width) 設計
- 提供深色 (Dark) 與淺色 (Light) 兩種版本
首頁主要區塊
- 形象區：2 張輪播 (1920×700)，上方會適度調整明暗以凸顯選單
- 推薦商品：6 張圖片 (480×380)，包含小標題與敘述
- 公司介紹：1 張大圖 (960×545)+標題與敘述
- 最新消息：顯示 4 則新聞
內頁結構
- 無側欄滿版樣式
- 產品與分類頁代表圖為寬扁型 (1140×450)
- 全站下方熱門商品推播區塊 4 張產品 (480x380)
圖片與內容基本規範
- 首頁桌機形象圖：1920 × 700 像素
- 行動裝置形象圖：768 × 315 像素
- 內頁代表圖：1140 × 450 像素 (高度勿超過)
- FAQ 資料中 desc 為必填欄位
- News 為必要提供資訊
- 背景圖若無法提供，將由設計師配色處理
Lite-200-Light
(多國語言 / RWD 響應式)
Lite-200 (波浪與寬版設計)
首頁形象圖下方具備獨特波浪設計，內頁採用無側欄滿版樣式，適合展示寬扁型產品圖片。
設計特色
- 首頁形象圖下方波浪樣式 (可選擇保留或刪除)
- 內頁為無側欄滿版 (Full-width) 設計
- 提供深色 (Dark) 與淺色 (Light) 兩種版本
首頁主要區塊
- 形象區：2 張輪播 (1920×700)，上方會適度調整明暗以凸顯選單
- 推薦商品：6 張圖片 (480×380)，包含小標題與敘述
- 公司介紹：1 張大圖 (960×545)+標題與敘述
- 最新消息：顯示 4 則新聞
內頁結構
- 無側欄滿版樣式
- 產品與分類頁代表圖為寬扁型 (1140×450)
- 全站下方熱門商品推播區塊 4 張產品 (480x380)
圖片與內容基本規範
- 首頁桌機形象圖：1920 × 700 像素
- 行動裝置形象圖：768 × 315 像素
- 內頁代表圖：1140 × 450 像素 (高度勿超過)
- FAQ 資料中 desc 為必填欄位
- News 為必要提供資訊
- 背景圖若無法提供，將由設計師配色處理
Lite 100 系列 (Google Lighthouse 多國語言專用響應式 SEO 模版)
Lite-111
(多國語言 / RWD 響應式)
Lite-111 (大畫面裝飾風格)
採用大尺寸滿版主圖與裝飾性底紋的設計，首頁形象圖高度達 960px，適合擁有高品質攝影素材的企業。
設計特色
- 首頁主視覺尺寸極大 (1920x960)，視覺張力強
- 公司簡介採用圓形插圖設計
- 頁腳與內頁標題區皆運用裝飾性底圖,
首頁主要區塊
- 形象區：2 張輪播圖片 (1920×960)
- 推薦商品：4 張圖片 (480×320)
- 公司簡介：3 張圓形插圖 (90×90)
內頁結構
- 內頁標題導覽區採用裝飾性底圖 (1920×260)
- 內頁顯示公司簡介區塊 (抓取首頁資料)
- 右側邊欄熱門商品展示 3 張圖片 (480x320)
圖片與內容基本規範
- 首頁桌機形象圖：1920 × 864 像素
- 行動裝置形象圖：768 × 315 像素
- 公司/分公司/服務頁面主圖尺寸為 530×350，內文滿版寬度 1170 像素 / 小圖 480x320 像素
- 分類/產品主圖與小圖建議尺寸：480×320 像素，內頁滿版寬度 870 像素
- 新聞/FAQ主圖與小圖建議尺寸：480×320 像素，內頁滿版寬度 1170 像素
- Contact Us主圖：530×350 像素
- 頁腳底圖：1920×960 像素，需自行設計勿沿用模板
- 圓形插圖需為透明 PNG 檔
- 背景圖若無法提供，將由設計師配色處理
Lite-110
(多國語言 / RWD 響應式)
Lite-110 (弧形線條設計)
具有獨特弧形視覺元素的模板，從首頁主圖、公司介紹到頁腳皆有弧形線條呼應，展現柔和且連貫的品牌形象。
設計特色
- 主視覺與全站部分區塊保留「弧形外觀與線條」設計
- 首頁主視覺文案空間建議保留於左側
- 行動裝置主圖同樣採用遮罩設計以凸顯文字
首頁主要區塊
- 形象區：2 張輪播圖片 (1920×864)，保留弧形設計
- 熱門產品：3 張圖片 (480×260)
- 新產品推廣：2 張圖片 (480×260)，高度與文案需搭配
內頁結構
- 公司介紹區延續首頁弧形視覺，採左圖右圖示配置
- 公司/分公司/服務頁面主圖尺寸為 530×350，內文版滿圖寬度 1170 像素 / 小圖 480x300 像素
- 右側邊欄熱門商品展示 2 張圖片 (480x260)
圖片與內容基本規範
- 首頁桌機形象圖：1920 × 864 像素
- 行動裝置形象圖：768 × 315 像素
- 公司/分公司/服務/FAQ頁面主圖尺寸為 530×350，內文滿版寬度 1170 像素 / 小圖 480x300 像素
- 分類/產品主圖與小圖建議尺寸：480×260 像素，內頁滿版寬度 870 像素
- 新聞主圖與小圖建議尺寸：480×300 像素，內頁滿版寬度 870 像素
- FAQ主圖與小圖建議尺寸：480×300 像素，內頁滿版寬度 1170 像素
- Contact Us主圖：530×350 像素
- 公司介紹區左側底圖：960×500 像素 (含內定遮罩)
- 圖示 (Icon) 需為 48×48 透明 PNG 檔
- 頁腳 Logo 轉為單色，並需保留弧形線段設計
- 背景圖若無法提供，將由設計師配色處理
Lite-109
(多國語言 / RWD 響應式)
Lite-109 (層次遮罩風格)
運用遮罩與圖層堆疊效果的設計模板，特別強調產品圖片的展示數量，適合產品線豐富的品牌。
設計特色
- 行動裝置主視覺運用深/淺遮罩以凸顯精簡的口號式文案
- 公司介紹區塊具備內定遮罩效果，增加視覺層次
- 首頁與內頁大量運用產品格狀展示,
首頁主要區塊
- 形象區：2 張輪播圖片 (1920×672)
- 熱門產品：4 張圖片 (480×320)
- 公司介紹：底圖 (1920×750)+右側 3 個圖示 (60×60)
- 產品推廣：5 張圖片 (480×320)，高度需一致
內頁結構
- 內頁標題導覽區為模板制式物件
- 內頁皆包含產品推廣區 (同首頁資料)
- 右側邊欄熱門商品展示 2 張圖片 (480x320)
圖片與內容基本規範
- 首頁桌機形象圖：1920 × 672 像素
- 行動裝置形象圖：768 × 315 像素
- 公司介紹底圖建議重新製作，勿沿用模板素材
- 公司/分公司/服務/FAQ頁面主圖尺寸為 530×350，內文滿版寬度 1170 像素 / 小圖 480x320 像素
- 新聞/產品分類主圖與小圖建議尺寸：480×320 像素，內頁滿版寬度 870 相素
- Contact Us主圖：530×350 像素
- 頁腳 Logo 需轉為單色，透明度由設計師調整
- 背景圖若無法提供，將由設計師配色處理
Lite-108
(多國語言 / RWD 響應式)
Lite-108 (彈性縮放與圖示導引)
強調視覺動線引導的模板，首頁主圖具備左側裁切特性，並運用透明圖示增強資訊呈現，適合重視細節與動線規劃的企業。
設計特色
- 主視覺採彈性縮放設計，設計時需保留左側約 500px 的裁切空間
- 表頭具備 Email Icon 設計 (38×38px)，需使用透明 PNG 檔
- 行動裝置形象圖採文案為主、圖片為底的設計風格
首頁主要區塊
- 形象區：2 張圖片 (1920×731)，主物件建議置於右側 1420px 範圍內
- 公司介紹：3 張圖示 (48×48)+透明背景設計
- 新產品推廣：2 張圖片 (360×280)
- 熱門產品：3 張圖片 (360×240)，高度需一致
內頁結構
- 選單下方具備裝飾性副標題底圖 (1920×260)
- 公司/分公司/新聞頁面主圖尺寸為 720×475，內文滿版寬度 870 像素 / 小圖 470x325 像素
- 公司頁下方包含「優勢說明區」(左圖右文) 與「得獎紀錄區」,
- 優勢說明區左側底圖：960×600 像素
- 得獎紀錄區圖片：200×200 像素
- 右側邊欄熱門商品： 2 張圖片 370x285 像素
圖片與內容基本規範
- 首頁桌機形象圖：1920 × 731 像素
- 行動裝置形象圖：768 × 315 像素
- 分類首頁代表圖：滿版寬度 1170 像素
- 分類頁代表圖：370 x 285 像素
- 圖示 (Icon) 必須為透明背景 PNG，不可襯白底,
- FAQ頁面圖： 滿版寬度 1170 像素 / 小圖 470 x 285 像素
- 頁腳 Logo 將轉為單色 (黑或白) 呈現
- 背景圖若無法提供，將由設計師配色處理
Lite-107
(多國語言 / RWD 響應式)
Lite-107 (深色質感與企業優勢)
全站深色風格模板 (Lite-107)，強調沈穩的品牌形象，特別規劃企業優勢說明區塊，適合重視信任感的 B2B 企業。
設計特色
- 全站深色設計，突顯專業與質感
- 滾動式背景應用於多個主要區塊
- 圖片建議留意明暗度，以免影響文字閱讀
首頁主要區塊
- 形象區：2 張輪播 (1920×731)
- 公司簡介：滾動式裝飾背景 (1920×900)+左敘述(預設顯示4行)+右側圖片(740x480)
- 熱門商品：固定式裝飾背景 (1920×675)+3 張產品圖 (510x340)
- 企業優勢說明：滾動式裝飾背景 (1920×900)+開場標題+左敘述(預設顯示3行)+右側小標與敘述(預設顯示3行)
- 推薦商品：4 張產品圖 (450×500)+產品名稱、產品敘述(預設顯示4行)
內頁結構
- 頁面導覽區塊：固定式裝飾背景 (1920×250)
- 全站頁腳：固定式裝飾背景 (1920×630)
- 全站右側邊欄熱門商品展示 (630x520)
圖片與內容基本規範
- 首頁桌機形象圖：1920 × 731 像素
- 行動裝置形象圖：768 × 315 像素
- 產品頁代表圖：630 × 520 像素
- 文案區右側代表圖：740 × 490 像素
- 公司簡介右側圖：740 × 480 像素
- 背景圖若無法提供，將由設計師配色處理
Lite-106
(多國語言 / RWD 響應式)
Lite-106 (滾動視差展示型)
強調滾動視差與背景裁切效果，版面配置簡潔，適合強調單品展示與公司形象的企業。
設計特色
- 大量運用滾動式背景 (Parallax)，寬度隨裝置自動裁切
- 行動裝置形象圖採寬度遞減設計
- 背景圖建議以意象式或裝飾性為主
首頁主要區塊
- 形象區：2 張輪播 (1920×731)
- 推薦商品：2 張產品圖 (510×390)，適合重點展示產品名稱、產品簡述(最多顯示6行)
- 公司簡介：滾動式背景 (1920×900)+左敘述(預設顯示4行)+右小標與敘述(預設顯示2行)
- 熱門商品：4 張產品圖 (415×415)
內頁結構
- 頁面導覽區塊：底圖 1920×250
- 全站頁腳：滾動式裝飾背景 1920×900
- 全站右側邊欄熱門商品展示 630x420
圖片與內容基本規範
- 首頁桌機形象圖：1920 × 731 像素
- 行動裝置形象圖：768 × 315 像素
- 產品頁代表圖：630 × 420 像素
- 文案區右側代表圖：740 × 490 像素
- 公司簡介右側小標建議 1~4 個英文單字
- 背景圖若無法提供，將由設計師配色處理
Lite-105
(多國語言 / RWD 響應式)
Lite-105 (不規則裁切風格)
具有強烈視覺風格的模板，形象圖下緣可選用噴濺效果，背景圖隨裝置尺寸進行左右裁切，展現活潑的設計感。
設計特色
- 形象區下緣提供噴濺效果選項 (可保留或刪除)
- 背景圖採固定式裝飾背景，寬度隨裝置自動左右裁切
- 強調裝飾性背景圖的使用
首頁主要區塊
- 形象區：2 張輪播 (1920×731)
- 商品區塊：固定式背景 (1920×900)+5 張產品圖 (510x480)+產品名稱、型號、簡述，沒有型號可改用其他字詞，簡述僅顯示 3 行
- 公司簡介：固定式背景 (1920×900)+左側代表圖 (740x560)+右側文案(簡述預設顯示7行)
- 動態數據：3 個項目類別+數值，固定式裝飾性背景 (1920×520)
內頁結構
- 頁面導覽頁籤區塊：底圖 1920×250
- 全站頁腳採用滾動式裝飾背景 1920x900
- 全站右側邊欄熱門商品展示 630x595
圖片與內容基本規範
- 首頁桌機形象圖：1920 × 731 像素
- 行動裝置形象圖：768 × 315 像素
- 產品頁代表圖：630 × 595 像素
- 文案區右側代表圖：740 × 490 像素
- 文字需精簡，過長可能會被截斷或以刪節號顯示
- 背景圖若無法提供，將由設計師配色處理
Lite-104
(多國語言 / RWD 響應式)
Lite-104 (精簡區塊設計)
設計風格簡約，強調文字與圖片的平衡，特別適合產品圖片為直式長方形的產業。
設計特色
- 形象區文案為主，圖片為輔，行動裝置寬度遞減
- 產品圖下方壓文字，設計上會調整明暗度以利閱讀
- 多區塊採用滾動式背景呈現
首頁主要區塊
- 形象區：2 張輪播 (1920×731)
- 商品區塊：4 張產品圖 (480×540)，圖片下方壓上產品名稱，需加深或淡化圖片下方的明暗度以利文字的閱讀
- 公司簡介：滾動式背景 (1920×900)+3 個項目區塊
- 動態數據：3 個項目類別+數值，背景為單色漸層
- 推薦商品：滾動式背景 (1920×1200)+3 張產品圖 (680x765)
內頁結構
- 頁面導覽頁籤區塊：底圖 1920×400
- 全站頁腳背景：1920 × 1280 像素 (固定式)
- 公司介紹頁下方包含推薦商品區塊
- 全站右側邊欄熱門商品展示 (600x675)
圖片與內容基本規範
- 首頁桌機形象圖：1920 × 731 像素
- 行動裝置形象圖：768 × 315 像素
- 文案區右側代表圖：740 × 460 像素
- 產品頁代表圖：660 × 675 像素
- 背景圖寬度會隨裝置裁切，建議以裝飾性效果為主
- 背景圖若無法提供，將由設計師配色處理
Lite-103
(多國語言 / RWD 響應式)
Lite-103 (豐富資訊展示設計)
適合產品數量較多且重視資訊呈現的企業，首頁包含多樣化的資訊區塊，並支援響應式產品排列遞減效果。
設計特色
- 熱門商品在響應式狀態下，單行產品數量依序遞減 (3-2-1)
- 多區塊採用滾動式背景，增加視覺動態感
- 強調文案清晰度，設計師會適度調整圖片明暗
首頁主要區塊
- 形象區：2 張輪播 (1920×731)
- 熱門商品：6 張產品圖 (450×500)，排列方正
- 公司簡介：滾動式背景 (1920×1530)+3 個項目方塊 (圖示+名稱+敘述)，描述長度盡量一致
- 最新消息：滾動式背景 (1920×800)+3 筆新聞資料
內頁結構
- 頁面導覽頁籤區塊：底圖 1920×375
- 公司介紹頁下方包含熱門商品區塊 (450x500)
- 全站右側邊欄熱門商品展示 (630×700)
- 全站頁腳裝飾背景：1920 × 1280 像素 (固定式)
- 背景選用圖檔時，以「意象式風格」或「裝飾性效果」為基準
- 背景如無法提供圖片，則將改採單一背景色，或同色系的深淺兩色上下漸層來呈現
圖片與內容基本規範
- 首頁桌機形象圖：1920 × 731 像素
- 行動裝置形象圖：768 × 315 像素
- 文案區右側代表圖：740 × 460 像素
- 產品頁代表圖：630 × 700 像素
- 新聞區塊標題與內容限制約 2 行
- 背景圖若無法提供，將由設計師配色處理
Lite-102
(多國語言 / RWD 響應式)
Lite-102 (動態滾軸特效設計)
採用背景滾動視差效果 (Parallax Scrolling) 的模板，背景圖隨滾軸移動呈現，適合營造豐富視覺層次的網站。
設計特色
- 多區塊採用滾動式背景設計，圖片隨捲動逐一呈現
- 堆疊方塊底紋設計，具備層次感
- 強調圖片的意象式與裝飾性效果
首頁主要區塊
- 形象區：2 張輪播 (1920×731)
- 動態數據：3 個項目類別+數值，背景為堆疊方塊底紋 (1920x350)
- 熱門商品：4 張產品圖 (450×450)+區塊敘述 (僅顯示5行)
- 公司簡介：滾動式背景 (1920×850)+左側文字(顯示3行)+右側代表圖 (720x350)
- 即將上市商品：滾動式背景 (1920×1000)+4 張產品圖 (550*365)+產品名稱、型號、簡述，沒有型號可改用其他字詞，簡述僅顯示 3 行
內頁結構
- 頁面導覽頁籤區塊：底圖 1920×550，高度隨內容改變
- 全站頁腳：採用響應式堆疊方塊底紋裝飾背景 (1920x960)
- 全站右側邊欄熱門商品展示 (620x415)
圖片與內容基本規範
- 首頁桌機形象圖：1920 × 731 像素
- 行動裝置形象圖：768 × 315 像素
- 產品頁代表圖：620 × 415 像素
- 背景圖建議採意象式風格，避免過度複雜影響文字閱讀
- 背景圖若無法提供，將由設計師配色處理
Lite-101
(多國語言 / RWD 響應式)
Lite-101 (圓弧與連貫性設計)
注重區塊間連貫性的設計模板，形象圖下方的圓角切割與熱門商品區塊的弧形上下呼應，視覺風格柔和流暢。
設計特色
- 具備上下呼應的圓角與弧形設計元素
- 行動裝置形象圖採寬度遞減呈現，設計以文案為主
- 區塊間具有視覺引導性，適合強調流暢體驗的品牌
首頁主要區塊
- 形象區：2 張輪播 (1920×731)，下方具圓角切割設計
- 公司介紹：左側圖片 (585x365)+右側文字 (小標題+敘述)，描述用 3~5 句話完成
- 優勢說明：3 個項目方塊 (圖示+名稱+敘述)，需維持高度一致
- 熱門商品：3 張產品圖 (620x415) 展示，產品介紹最多顯示 4 行
內頁結構
- 頁面導覽區塊：裝飾底圖 1920×400，高度固定
- 全站右側邊欄熱門商品展示
圖片與內容基本規範
- 首頁桌機形象圖：1920 × 731 像素
- 行動裝置形象圖：768 × 315 像素
- 公司介紹左側圖片：585 × 365 像素
- 優勢說明圖示：65 × 60 像素 (背景透明 png)
- 產品頁代表圖與右側邊欄圖片：620 × 415 像素
- 背景圖若無法提供，將由設計師配色處理
Lite-100
(多國語言 / RWD 響應式)
Lite-100 (文字導向設計)
強調文案呈現的設計模板，首頁形象區針對行動裝置採用兩側裁切方式，適合以強烈標語或文字訴求為主的企業。
設計特色
- 首頁採用無 Slider 滑動區塊極簡風格，獲得最高Lighthouse指標分數
- RWD 響應式設計，形象區在手機版高度不變，寬度由兩側往中央遞減
- 形象區設計建議以「文案為主，圖片為輔」，避免文案壓圖導致閱讀困難
- 圖片建議採用「意象式」或「裝飾性」風格，以利文字適讀性
首頁主要區塊
- 形象區：桌機 1 張 (1920×731)，行動裝置 1 張 (768×315)
- 公司介紹：左側主標與簡介文案，右側三項複合式介紹 (小標題+文案)，小標題下方文案建議以 1~3 句話為妥
- 熱門商品：裝飾底圖 (1920×1280)+3 張產品圖(620x620)，建議圖片勿過度複雜。如無法提供圖片，則將改採單一背景色，或同色系的深淺兩色上下漸層來呈現
內頁結構
- 內頁文案區右側代表圖 (620×415)
- 全站右側邊欄熱門商品展示(620x620)
- 獎項與認證專區 (支援多張圖片排列)
圖片與內容基本規範
- 首頁桌機形象圖：1920 × 731 像素
- 行動裝置形象圖：768 × 315 像素
- 產品頁代表圖：620 × 620 像素
- 熱門商品區底圖：1920 × 1280 像素
- 背景圖若無法提供，將由設計師配色處理
RTM 系列 (多國語言專用響應式 SEO 模版)
RTM-115
RTM-114
RTM-113
RTM-112
RTM-111
RTM-110
模版說明
載入中...
特別聲明：最終規範皆以該模版的「上線手冊」為主。
為何選擇環球暢貨作為唯一行銷伙伴
Ready-Market 行銷顧問團隊擁有超過26年國際網路行銷經驗，從企業網站建置、多國語言 AI 翻譯到全球SEO搜尋引擎優化服務，並接受過 Google 提供的 Google ADS 與 Google Analytics 專業培訓。我們團隊不僅掌握了最新國際網路行銷技術，更能提供符合 B2B 外銷企業的專屬行銷策略，避免企業走上不必要的彎路，直接獲取全球市場長尾行銷效益。
【全球推廣】高效能SEO主機環境
運用 Amazon 與 Cloudflare 的領先技術，幫您打造一個在全球2秒內就能拜訪的SEO網站，確保您商機不會因為白白等待而漏接。
【幫助成交】AI商機意圖分析服務
透過「商機意圖分析報告」，30 秒即可掌握詢問背後的關鍵商機，幫助外銷企業提升開發效率、挖掘隱藏採購意圖、提高訂單轉換率、帶動營收成長。
【持續成長】專業網路行銷顧問服務
環球暢貨擁有超過26年輔導 B2B 外銷企業的經驗，熟悉各產業的網路行銷需求，以數據為導向，協助企業追蹤行銷成效，並持續優化成長。
知名廠商選擇環球暢貨作為行銷伙伴
環球暢貨多國語言響應式 B2B SEO 模版 | B2B國際網路行銷SEO解決方案
環球暢貨擁有26年B2B外銷企業輔導經驗，15年AWS合作經驗，整合Amazon與Cloudflare研發出網站救星、多國語言AI翻譯、DRA全球路徑最佳化、雙CDN全球極速瀏覽等多套系統，結合產業顧問與SEO行銷顧問，提供外銷企業一個完整的多國語言搜尋引擎行銷解決方案，快速提升品牌知名度、增加網站流量、拓展全球市場。