---
# System prepended metadata

title: 新最新消息

---

# 新最新消息

1. 舊的模組需要保留彈跳視窗?
20201211: 後來覺得要做到詳細頁的社群分享目的
還是要留新最新消息頁面類型的必要
至於舊的模組(非最新消息頁面類型)要保留彈跳視窗，還是需要大家討論
<!-- 目前的新架構是會做跳轉
但最新消息詳細頁的模組是跟列表頁一樣 => 跟商品頁與商品詳細頁一樣

**列表頁:**
列表頁保持原有的幾種 layout 可以選擇
![](https://i.imgur.com/IrihrQN.png)

**新詳細頁預覽:**
![](https://i.imgur.com/MkiLWkK.png)


還是為了保留詳細頁有比較好的排版
在**最新消息首頁**裡，最新消息首頁才可用詳細頁的功能(頁面種類新增最新消息首頁)


舊的頁面(不包含產品首頁，只有一般頁面)保留最新消息的彈跳視窗? -->


---

2. 詳細頁 layout 可以有兩種嗎?
原本彈跳視窗會把預覽圖片當彈跳視窗的 banner
![](https://i.imgur.com/U1BNxRS.png)

<!-- 新詳細頁會在  -->
<!-- ![](https://i.imgur.com/8eUPlHJ.png) -->



增加是否啟用預覽圖片當 banner 的 layout
下圖是新最新消息詳細頁 demo 截圖:
![](https://i.imgur.com/F7bP02T.png)

---

3. 最新消息分頁功能
要用**載入更多**還是像**商品頁的 pagination** ?

![](https://i.imgur.com/9DPy0Ep.png)

![](https://i.imgur.com/U7ESrKt.png)

還是在 builder 該模組編輯區去做選擇?

---

4. 考慮讓最新消息變部落格功能雛形?
```
想改變最新消息在 wms 編輯區

編輯文章的文字編輯器想參考 medium blog 的編輯模式，所以想改 tinymce 專門給最新消息使用的 config

也參考 Ranking SEO 文案規劃工具
有所謂的智能提示，方便在網站健檢項目中的圖片 alt text
與文字連結標題有無設置的提示
```

### 有關最新消息的文字編輯器改造的參考與調整項目

#### 圖片設定
alt text 
目前的文字編輯器內附圖片編輯器
![](https://i.imgur.com/iBFWY5q.png)

為了提醒圖片要編輯 alt text
有參考 ranking 的 SEO文案規劃工具
做個 **"智能"** 提示
![](https://i.imgur.com/XAvjVo8.png)
建議項目有:
- h2 數量
- 圖片有無 alt text
- 連結標題有無設置



#### Medium 的 H tag
Medium 的字級大小很單純，只有三種：大 T、小 T、一般段落；其中大 T 會被辨認為 H1 tag（上方的圖片所示），而小 T 會被辨認為 H2 tag。

以 Best pratice 來說，我們不建議一個網頁出現超過一個 H1，因此「理論上」我們應該只有最上方的標題使用大 T，這樣整篇文章才會只有一個 H1。

所以我們會再選取文字時，跳出的工具列可以選擇的粗體選項只有 h2、h3，強迫編輯時遵守

h1 會在前台顯示時，強迫把標題設為 H1

#### Canonical 設定

Canonical 標籤的目的，是為了讓 Google 了解要以哪個標準網址為主、哪個網址比較不重要。
有設定連結的話會在該**最新消息詳細頁**
產生
```htmlembedded=
<link rel=”canonical” href=”https://” />
```
![](https://i.imgur.com/D1nJITc.png)

#### Title、Description 設定
title 原有的**標題**保持存在
Description 需要再加
og titile 與 Description 這次會加
![](https://i.imgur.com/oGY8FKm.png)

#### 插入下一行工具列:
![](https://i.imgur.com/tltcFaE.png)
功能: 
- 插入/編輯 圖片
- 插入/編輯 媒體
- 表格
- 水平線
- 已上傳圖片(已上傳到 wms 圖庫)

#### 選取文字工具列:

![](https://i.imgur.com/7vDC3TV.png)
- 文字粗體
- 文字斜體
- 插入/編輯 連結
- H2
- H3
- 字型大小 (medium 雖然強制統一字體大小，但這部分保留彈性)
- 文字顏色 (medium 雖然強制統一字體顏色，但這部分保留彈性)


### 額外討論
以新最新消息 為小型 blog 型式
在自家官網開始每周撰寫有關 seo 文章，或是介紹自家產品有什麼功能
一來可以先行測試未來 seo 工程的 model 其中一環節(文章的內容經營)

二來可以讓客戶更了解我們產品

學 shopline 部落格
網路搜尋最佳化
`
網路搜尋最佳化的標題及簡介不僅會顯示於搜尋器搜尋結果，也會自動套用顯示於部落格文章作為每篇文章的預覽，如果之後文章標題及內容有更改，請記得同時更改網路搜尋最佳化的標題及簡介，以便統一內容。完成後請點選「增加」`

關鍵字和 description => 再 wms 設定  詳細業去取得

but list 還是在 builder 去設定
![](https://i.imgur.com/y4jCrrD.png)

https://support.shoplineapp.com/hc/zh-tw/articles/216287223-%E9%83%A8%E8%90%BD%E6%A0%BC

有相關產品模組

下面是 91 app 的 blog
https://www.qmomo.com.tw/page/Lesson-Of-Bra-and-Chest?fbclid=IwAR3C5hEWHiD3gnZ8ddV5oHN4MfnCtUe4EQUPbvgDTlZHH6_XrQIms_BPUsM

做有關最新消息上下架

討論串
https://www.facebook.com/groups/shumai/permalink/816860828893846/

- 要記得調整結構化資料
- wms 最新消息再做個開關 眼睛 是否顯示與隱藏
- 更新 ds-i18n
> 1. [Medium SEO 策略指南：老司機指路，帶你識破 Medium SEO 奧秘！](https://frankchiu.io/seo-medium-seo-strategy/)
> 2. [【Ranking 軟體教學 4.1】SEO動手做：SEO文案規劃工具](https://ranking.works/Ranking%E8%BB%9F%E9%AB%94%E6%95%99%E5%AD%B8/SEO%E6%96%87%E6%A1%88%E8%A6%8F%E5%8A%83%E5%B7%A5%E5%85%B7%E6%95%99%E5%AD%B8)


```htmlembedded=
<link rel="canonical" href="https://17rdu59327.dshop.tw/new-News/d50c9c10-54b7-11eb-a19f-25470baaaa6f">
```


![](https://i.imgur.com/EbTtQH2.jpg)
