---
# System prepended metadata

title: CIRCLELiNKS Channel

---

# CIRCLELiNKS Channel 

[TIME](https://time.com/)
[BBC](https://www.bbc.com/)
[WSJ](https://www.wsj.com/)
[ABC](abcnews.go.com)
[NBC](https://www.nbcnews.com/)
[CBC](https://www.cbsnews.com/)
[NYTimes](https://www.nytimes.com/)

[商周](https://www.businessweekly.com.tw/)
[經理人](https://www.managertoday.com.tw/)


## 網站定位
### 商業專欄：
不定期更新各產業知識性文章、相關展覽活動、以及特定店家或產品介紹。

### 目標客群：
1. 想了解各產業動向、最新資訊的公司或商務人士。
2. 有購買方案與 CIRCLELiNKS 達成商業互利的公司，共享文章資訊和流量。

### 分析目標
1. 首頁排版
3. 分類頁面排版
4. 如何凸顯文章作者
5. 廣告版位
6. 各部位細節


## 單元數
**相較於一般網站首頁區塊單元數通常介於3-6之間來避免使用者失焦，周刊/新聞類型網站則會盡量讓使用者在首頁就能看到大部分的資訊，單元數在10~25之間，讓使用者能快速掃過各標題，並篩選出自己需要的文章。**
1. 頭條
2. 最新消息
3. 各類型新聞
4. 特別推薦
5. 社論

### [WSJ](wsj.com):
1. navbar 14單元
2. 內容 : 20單元 

### [TIME](https://time.com):
1. nav 26
2. main 16

### [ABC](https://abcnews.go.com/):
1. nav 5
2. main 11

### [NBC](https://www.nbcnews.com/):
1. nav 6
2. main 22

### [商周](https://www.businessweekly.com.tw/):
1. nav 11
2. main 15


## 圖片/標題/版型
**媒體類型網站為增加可讀性減少動態效果，因此靜態版型做得比較豐富，圖片與標題大小分級較多。**
英文網:圖片和標題至少分成4~6個不同的大小比例，版型也至少有5-6
中文:大小比例在3-5種，版型稍少


### WSJ
仿報紙排版
標題: 36px(2), 30px(4), 22px(12), 20px(9), 18px(36, 無圖片和文章內容), 14(21, 頁尾,無圖片和文章內容)
![](https://i.imgur.com/WkaDkot.jpg)

### TIME
圖片較大，內容間格較大，首頁文章數較少
36(1), 28(8), 20(32), 18(8, 無圖片)
![](https://i.imgur.com/VaxHV0P.png)

### ABC
頭條使用大圖、其餘使用標題列表
EN: 36(6,配圖), 24(14,配圖) 16(8) 15(36) 14(12)
![](https://i.imgur.com/1nl395q.png)
![](https://i.imgur.com/ACeKaPf.jpg)
CH: 28 24 20 16  14

### NBC
40(2) 32(21) 28(6) 24(8) 18(40以上) 16()

### 商周
30(7) 18(13) 16(32)

### 經理人
28.8 24(2) 20(16) 16.8(34)



## 廣告
大致分為
1. 右側廣告
2. 內容中斷安插廣告
3. 仿文章類型廣告

大部分都是賣廣告板為給 google 或 taboola，少部分是直接讓對方投放廣告或文章。
側邊廣告比例算多，但RWD時可能會造成廣告跑到頁面最下方。
切斷文章的廣告比例跟側邊差不多，排版簡單，但若廣告圖片的品質不好就容易造成畫面被破壞。
仿文章類型廣告優點在能整體網站風格統一，但要承擔誤點的使用者感覺被欺騙。
**channel 屬於直接賣給客戶，或許可以**

廣告商: 
google ad
taboola
dianomi

### WSJ
dianomi

在首頁最下方
![](https://i.imgur.com/nqdwjqA.png)

### TIME
直接買廣告
google ad
首頁 : 安插在內容中
![](https://i.imgur.com/3mKlnPK.png)
內頁 : 與文章同一排
![](https://i.imgur.com/0cetnmV.png)
內頁 : 右側
![](https://i.imgur.com/59GrgAw.png)

### ABC
google ad
taboola

首頁:中間滿版
![](https://i.imgur.com/zGwJiHz.jpg)
首頁:下方右側
![](https://i.imgur.com/3N3OkzE.jpg)
內頁:文章底部
![](https://i.imgur.com/QBs6sOG.png)

### NBC  
google ad
taboola

網頁最上方
![](https://i.imgur.com/nE4w4Dw.png)
模仿新聞版型
![](https://i.imgur.com/fosBFsP.png)
![](https://i.imgur.com/6oMISpg.png)
內頁:側邊廣告
![](https://i.imgur.com/Q3DSsYv.png)

### 商周
直接買文章

模仿文章排版
![](https://i.imgur.com/29AbDhk.png)
![](https://i.imgur.com/rCcGaDi.png)

內頁:切斷文章廣告、側邊廣告、定位式廣告
![](https://i.imgur.com/l4TUnmB.png)
內頁RWD:視差廣告
![](https://i.imgur.com/pvBSWZ9.png)


### 經理人
google ad

網頁最上方 滿版
![](https://i.imgur.com/P1Fkw5Z.png)
右側
![](https://i.imgur.com/4CbKkIr.png)

### BBC : 
首頁:右側廣告
![](https://i.imgur.com/C6vVqMS.png)
首頁:安插在內容中
![](https://![Uploading file..._6erl61tq6]()
內頁:右側廣告
![](https://i.imgur.com/4saOdUr.png)
內頁:斷文廣告
![](https://i.imgur.com/IOUTKye.png)
內頁:安插在相關文章
![](https://i.imgur.com/GFFLumH.png)


## 作者
**可以考慮仿新聞網站的社論，在首頁增加特別顯示作者的欄位，並在內頁上方先註明作者的資料，既可以凸顯作者，也可以增加文章的可信度和溫度**

### TIME
![](https://i.imgur.com/oH9YFGZ.png)
![](https://i.imgur.com/yMk2a0y.png)

### BBC
![](https://i.imgur.com/KbFzNS8.png)
![](https://i.imgur.com/Q1Noqxv.png)

### NYtimes
![](https://i.imgur.com/6NgLasF.png)
![](https://i.imgur.com/hDEsEyI.png)

### Medium 
**除了標題下方有作者外，也可以在文章側邊增加作者資料跟隨著使用者視窗(但在移動裝置上要重新設計樣式或不顯示)**
![](https://i.imgur.com/9VrMBlv.png)
![](https://i.imgur.com/p5pTwXk.png)

