編排格式時可參閱➤
Google Blogger文章 ▍撰寫模式-工具列【格式範例】
https://afidus.o2o.com.tw/p/format-example.html
步驟-1 ▍ 從他處 [複製／貼上] 內容
從他處 (例如：Office Word／Google文件／網頁 等) 複製內容 [Ctrl+C]，於Blogger [撰寫模式] 貼上內容 [Ctrl+V]。
步驟-2 ▍ 開兩個視窗對照編輯
視窗一：複製來源→ 原文件／網頁 (編排參照)
視窗二：貼上→ Blogger文章／網頁 (測試更新)
PS：電腦桌機可使用「雙螢幕」、或 筆電/平板/手機 播放，一邊看一邊操作
步驟-3 ▍ 除原格式，僅留下段落
[撰寫模式] 選取欲重整的內容 > 工具列 [清除格式設定]
使原始碼整齊清楚，美化原始碼：https://codebeautify.org/xmlviewer
步驟-4 ▍ 文字格式／標題設定
注重 易讀性高/可視性高、以及SEO搜尋引擎最佳化 (曝光優化設定)
Google官方 搜尋引擎最佳化(SEO)入門指南
| 格式 | HTML語法 | SEO建議：數量限制 |
| 大標題 | <h1>...</h1> | 必須只有一個 |
| 標題 | <h2>...</h2> | ＜7個標題 |
| 子標題 | <h3>...</h3> | ＜7個標題 |
| 小標題 | <h4>...</h4> | 不限數量 |
步驟-5 ▍ 圖片：壓縮及增加說明
加入壓縮碼 "-rw"，切換說明文字/新增說明文字，調整圖片說明位置
步驟-6 ▍ 調整段落間距
設定超連結：[在新視窗開啟這個連結]
PS：避免訪客離開網站 (跳出率%)
離開率與跳出率：Google Analytics (分析) 說明
步驟-7 ▍ 圖片燈箱
加入圖片的燈箱瀏覽模式：
加入<div class="separator" style="clear: both;">在<a href="">之前
加入</div>在</a>之後
範例：
<div class="separator" style="clear: both;"><a href="">◯◯◯◯◯◯</a></div>
留言
張貼留言