使用Notion製作文章索引及行銷成果觀察

Notion

會想寫這篇文章是因為被Matters平台並沒有具備 “文章索引” 的功能,所以大家紛紛祭出了不同的應對措施。而這篇文章從註冊Notion帳號開始手把手介紹,也簡單說明會使用到的編輯功能,最重要的是,要分享我這段時間插入Notion索引到文章裡面之後的成效!

準備好了嗎? Let’s go!



JSFiddle-Matters平台編輯工具

之前我使用 JSFiddle 製作Matters平台的文章索引
JSFiddle 的好處是用手機瀏覽可以清晰閱讀,滑動也方便,且能讓編輯者適時手動更新。
但若用筆電、桌機的Chrome網頁瀏覽含 JSFiddle 的文章,便會發現 JSFiddle區域 在整體頁面上佔據挺大的空間,閱讀者還得自行調整滑鼠的瞄準區域來操控是要滑動整篇文章,抑或是只滑動 JSFiddle區。

有在做SEO的人應該都知道

只要對瀏覽者增加一絲絲的 閱讀阻力,就有可能讓閱讀者 立馬關閉 或 跳出 該頁面

JSFiddle會佔據極大的版面,且無法讓人一眼看出內嵌的版面底下是否還有其他的文字。無形之中增加許多閱讀上的『阻力』

由於Matters只能設定一篇文章為『置頂』,如果可以把文章索引用其他方式來曝光,就能把這個『置頂』的位置給其他想要專心推廣的某篇文章了。


選擇使用Notion來做文章索引的理由

1. 免費
2. 編輯簡易
3. 不會佔據Matters文章頁面空間
4. 可以利用索引來『主動』推介某些文章
5. 可以嵌入Likecoin讚賞鍵

6. 文章數量多時也能做成不同分頁來管理


Notion文章索引的成果觀察

自從我將Notion的文章索引放入每篇文章底下之後,發現許多新認識的版友選擇拍手的文章都是我『自己』列入『熱門』的文章。
可見Notion連結可以間接使人多閱讀幾篇自己的文章。

Matters電腦網頁版本在文章的右側會出現系統推播的『推薦閱讀』區,讓讀者可以在閱讀該文章時延伸看更多。

據我的觀察,預設的推播『推薦閱讀』區會出現同作者的其他篇文章,以及經系統判定性質相近的文章。若是使用手機版瀏覽,『推薦閱讀』區則會顯示在文章的最底下。
系統自動推介的好處是一切都全自動,壞處也是不可控的全自動。
若長期在『推薦閱讀』區裡面看不到自己喜歡的文章,自然而然就會讓人下意識去忽略這個區塊。

而自製的Notion的文章索引,便具備『推薦閱讀』功能,還能透過自主美編排版,來『主動』決定有什麼文章要先攤在閱讀者的眼前!

你可以認知這個文章索引,就是你自己的廣告版!

宣傳的內容就是所有你的作品,宣傳的對象則是有機會點進來閱讀的人。

所以我在自己的Notion文章索引頁面裡面放入了『熱門文章』區,專門推介自己有超過200次拍手的文章。
這些文章原本在我自己的版面已經自行排序到頁面很下方的區域了,甚至是一兩個月前發的文章,早就沒有人會挖出來點擊了。
可是自從我做了這個『熱門文章』區,也實驗了一段時間之後,這些舊文章確實又再次獲得了新的拍手!

漫閱讀的Matters文章索引頁(成品頁)


如果你也想要嘗試看看Notion的效果,那就按照底下六步驟來創建自己的Notion索引吧!

原本就有Notion帳號的人,可以直接跳過步驟2的註冊細節
沒耐心的人也可以完成步驟2的註冊之後,直接拉到頁面最底下,直接用步驟5中提供的模板去修改玩玩看。


使用Notion製作文章索引的六大步驟

步驟1. 撈出自己的Matters的全部文章

使用 @豆腐Matalogue 工具 撈出自己Matters的全部文章並複製

步驟2. 註冊Notion帳號

https://www.notion.so/


✅ 點選右上角的 “Sign up” 便可以選用Google 或是Apple帳號無痛完成註冊


✅ 選擇『自用』(Myself)

Team 跟 Myself 的差別是在於後者 只能自己使用,不能讓不同的帳戶一起連線協作文件。但免費版的 Myself 也可以分享自己製作的模板給其他人使用。
所以針對一般使用上 Myself 就已經很足夠了。


按OK即可完成帳號設置

Notion這個工具可以想像成英文版的office,他裡面有許多現成的模板可以讓你套用。將來我也會再找時間跟大家主題性的分享運用。


步驟3. 建立Notion新頁面

✅ 選擇新增一個全新的頁面


選擇Empty

最後的成品-包含標題的空白頁面

✅ 將步驟1中抓取的文章複製並貼入Notion頁面中

選擇【拷貝】


✅ 在Notion頁面上使用【Ctrl (或是Command) + V 】便能完成貼上


步驟4. 開始進行編輯

✅ 移動

每一條列的前方都有6個黑點,用滑鼠便可以完成拖曳


✅ 平行拖曳

維持平行的上下拖曳,可以改變前後順序。文字底下會出現等長的藍線


✅ 併排拖曳

拖曳到該段文字前方會出現藍色短槓


『併排拖曳』可以將文字做成雙並列,當然也可以變成三並列,抑或是多則並列

Notion還有一個最棒的一個優點
不論你做了多少列的並排,用手機瀏覽的時候,她都會 自行調整 成最佳的呈現方式!
就跟響應式RWD網頁做的一樣棒!


✅ 製作文章分類標題

點選文字前方的+號,選擇標題 Heading1



*熟悉Markdown語法的人可以簡單打入「/H」便可以跳過選取的動作



✅ 添加底色

點選文字前方的6個黑點,便可以選擇Color,變更背景顏色



✅ 添加符號

在文字前面使用「/emoji」便可以加入自己想用的分類icon



✅ 折疊內容

在選好的分類前方點選6黑點,選擇「Turn into」=> 「Toggle list



✅ 點開三角形,把想要的文章給貼進去

✅ 當然每列細節也可以點選前方的6黑點,選擇bullet呈現方式或是數列



刪除與複製


✅ 頁面美編

在頁面標題上方可以加入想要的符號(icon),封面(Cover)


步驟5. Notion分享連結及分享相關設定

✅ 點右上角的「Share」及打開「Share to web」



✅ 分享選項建議都關閉 (開關是灰色的狀態)


步驟6. Notion內嵌Likecoin讚賞鍵

✅ 使用『/embed』開啟內嵌的介面


(由於功能鍵裡面只有『內嵌』這個指令是E開頭的,所以只要Key 入『/E』就可以看到Embed這個選項了)

✅ 安裝Likecoin讚賞鍵

https://button.like.co/in/embed/Liker ID/button?referrer=Notion share link
=> 上述網址中的粗體代入 『自己的ID』 還有 『Notion索引的分享連結 』
即可嵌入Likecoin讚賞鍵

【實作步驟】
我從步驟5得到的連結網址為
https://www.notion.so/Matters-771c2154f6f749fb9f9c36048858292e
把這個代入上方的Notion share link
得到這個網址

https://button.like.co/in/embed/maneva1013/button?referrer=https://www.notion.so/Matters-771c2154f6f749fb9f9c36048858292e

(再次提醒:maneva1013是我的Liker ID,要記得換成你自己的ID喔!)

將上述網址貼入內嵌的畫面內


最後的成品


寫在最後

歡迎註冊Notion帳號之後,用我這個試做的頁面自己玩玩看https://www.notion.so/Matters-771c2154f6f749fb9f9c36048858292e
只要按右上方的 Duplication,即可複製此頁面到自己的Notion帳號底下去玩

如果有任何操作上的問題,也歡迎留言給我!

感謝你願意花時間閱讀此文章!
只需按下訂閱鍵,我便會每月整理一份電子報送到你的信箱,讓你可以不受干擾的自行安排時間閱讀!
請放心,小蔓也不喜歡垃圾信件,所以信件不會太過頻繁擾人

若你喜歡我的文章,歡迎點擊下方綠色圈圈五次,便可以給予我實質的回饋。

初次按讚可能會需要你花幾秒鐘的時間用 FB 或是Google 帳號登入”按讚公民“,請放心,整體過程都不需花錢。

若你願意直接斗內小蔓持續創作,網頁右下角提供【掃描QR code刷卡】以及【綠界科技ATM轉帳】兩種贊助管道。
金額隨喜,萬分感謝! 

手機請下滑至頁底

Comments

No comments yet. Why don’t you start the discussion?

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。