# 新最新消息 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)