給WordPress架站朋友文章版面優化的UX建議

閱讀時間約 3 分鐘
文末的清單列表,可以幫助用戶閱讀結束時產生新的點擊
最近認識了一些自架 Wordpress 作為寫作網站的朋友,建議各位文章頁的右側選單,不要設定成跟隨畫面滑動,這是無效的設定。
雖然我知道跟隨螢幕滑動,目的是希望讀者可以很方便的看到其他的推薦清單,不過這會妨礙用戶的大腦形成資訊空間,因為滑動的東西不容易在腦袋內建立穩固的地標記憶。
白話文就是說,如果有個路牌資訊今天會飄來飄去跟你玩捉迷藏,用戶的大腦不容易記住要去哪邊找資訊。
並且,右側欄滑動會在用戶進行垂直閱讀時,分散用戶的吸引力,用戶本來在進行垂直閱讀,會被拉走變成 F 型閱讀,這不是符合慣性的動線,因此會逐漸無效。
另外就是同樣的側欄區塊,推薦數量要控制,不要十幾則爆量放出來,這些在用戶的眼中都會很快被視為雜訊,一但被當做雜訊,人們之後就不會投放注意力了。
所以文章版面的右側欄,建議不要滑動,並且分幾個小區塊來設定推薦規則,每個區塊的數量不要超過 5,推薦規則如下:
1. 放近期文章 5 則
2. 放熱門文章 5 則
3. 放精選文章 5 則⠀⠀⠀⠀
這三種都是推薦,但近期代表新鮮,服務會主動來看你網站的朋友,熱門代表大家都在看,隱含社群的意思,服務對你還有點陌生的朋友,精選代表你的品牌定位,適合推薦給搜尋到你,第一次要認識你的朋友。
從 SEO 角度來看,近期、熱門都是比較有機會變動的,精選的變動很慢,那這樣至少單一網頁底下,是會產生更新的行為。
但無論哪一種,只要是側欄,現代人看起來都覺得是廣告,而且搞不好你的行動用戶比例超高,所以基本上是(比較)無效的版位。
另外,基本上行動用戶被臉書訓練得太好了,所以垂直的閱讀體驗才是他們習慣的動線,因此如果你希望用戶可以多讀一些文章,不要期待他們會自己去你的網站內逛來逛去,你要自己埋下引導區塊。
什麼是引導區塊呢?最簡單的作法,就是在文末放一個推薦清單,數量一樣不要超過五則。
我先說成效,這個版位是讀者閱讀體驗中,垂直動線結束的第一站,優化得好,可以幫你增加 10%~20%站內流量,也就是平均入站的閱讀數量。
原理是這樣子,假設你的文章目前閱讀完成率是 60%,代表100人點擊文章,會有60人看完,但是可能只會有 10 人再自己找文章來看。
這些人願意看完,代表這次的閱讀是滿足的,因此還有動機繼續閱讀。
通常我們在數據上會看到,行動世代的人們,入站頁有到 1.1~1.2 就不錯了,意思就是100次入站,產生 120 頁的瀏覽數量。
那也就是說,即使用戶有看完文章,但是幾乎都跳離!!!
所以當你在垂直閱讀的動線終點,埋下 CTR 較高的推薦版位,用戶的腦袋還在舒適的閱讀體驗中,腦袋的還沒有切換到廣告偵測模式,因此腦子一弱,就容易被你有誠意的推薦打動,就點下去繼續閱讀。
所以在文章內容類型的版塊之中,文末的文字區塊是一個黃金版位。
我自己在不同的網站測試過好幾次,大約可以讓那60個閱讀完成的人,本來只有10人會自發性的找文章,變成多了 10~20人,會順著你的推薦,再多點一篇文章來看!
最後要記得,不要依賴一些插件給你的推薦,那種推薦插件都會用區塊把文章包起來,對用戶來說那長得就像廣告。
所以記得要用清單列表、記得要用清單列表、記得要用清單列表,以上。

相關文章:

為什麼會看到廣告
以一個資深網路產品設計師的眼光,討論網路思維、產品思維以及心理學如何幫助我們了解這個世界。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
週六(1/23)下午很開心參與了日更狂人「小金魚的人生實驗室」所號召的閉門課,她為了日更團的成員邀請了孫治華老師,重開一次內容創作的策略課程。 你可以能會以為這是一堂在教如何寫文章的課程,錯了,文章如何寫得好,不是這堂課的重點,這堂課真正的核心,是讓你井噴寫不完的題材。 課堂上的練習,從讀者角度出發
以UX設計師身分接案的過程,我們有許多次協助客戶進行網站改版或者開發 B2B 產品專案的經驗。其中在開案初期(甚至簽約估價期間),用戶訪談利害關係人是我們最喜歡使用的技巧,這幫助我們釐清以及篩選許多接案過程遇到的風險。 運用情境訪談法 如同上面提到,我們通常是在網站改版以及開發 B2B 專案時採用這
UX文案是設計師們操作情境很好的工具,可以減少用戶認知負擔,讓介面簡單易懂。但我看過許多後台介面的Placeholder文案似乎是亂寫的? 為什麼想寫這個題目? 比起光鮮亮麗的前台介面流程,一般營運管理介面(俗稱後台)經常淪為配角,常被認為是「有空再來談怎麼優化」,而所謂的後台優化常常意味著追加功能
這篇文章我想記錄在 UX 設計工作我在哪些地方大量運用了文字相關的技術,許多習慣源於我在新媒體領域工作時期,除了當 PM外,還兼任社群營運、媒體編輯與採訪記者所磨練出來的文字能力。 我的 UX 專案文件始於文字企劃書 每次 UX 專案開始,我不會先打開設計軟體開始把想法視覺化,而是用文字寫下來所有
《重構學習體驗》,作者為美國培訓大師 Bob Pike 只講學習成效的話,單純的瀏覽次級書面資料,是最低效益的吸收方式。根據記憶曲線的研究,30天內回顧,事後能夠記住的內容只有 10%。 多重方式的吸收可以幫助腦袋更容易吸收資訊,之所以需要「授課」,在於授課活動中,可能包含...
週六(1/23)下午很開心參與了日更狂人「小金魚的人生實驗室」所號召的閉門課,她為了日更團的成員邀請了孫治華老師,重開一次內容創作的策略課程。 你可以能會以為這是一堂在教如何寫文章的課程,錯了,文章如何寫得好,不是這堂課的重點,這堂課真正的核心,是讓你井噴寫不完的題材。 課堂上的練習,從讀者角度出發
以UX設計師身分接案的過程,我們有許多次協助客戶進行網站改版或者開發 B2B 產品專案的經驗。其中在開案初期(甚至簽約估價期間),用戶訪談利害關係人是我們最喜歡使用的技巧,這幫助我們釐清以及篩選許多接案過程遇到的風險。 運用情境訪談法 如同上面提到,我們通常是在網站改版以及開發 B2B 專案時採用這
UX文案是設計師們操作情境很好的工具,可以減少用戶認知負擔,讓介面簡單易懂。但我看過許多後台介面的Placeholder文案似乎是亂寫的? 為什麼想寫這個題目? 比起光鮮亮麗的前台介面流程,一般營運管理介面(俗稱後台)經常淪為配角,常被認為是「有空再來談怎麼優化」,而所謂的後台優化常常意味著追加功能
這篇文章我想記錄在 UX 設計工作我在哪些地方大量運用了文字相關的技術,許多習慣源於我在新媒體領域工作時期,除了當 PM外,還兼任社群營運、媒體編輯與採訪記者所磨練出來的文字能力。 我的 UX 專案文件始於文字企劃書 每次 UX 專案開始,我不會先打開設計軟體開始把想法視覺化,而是用文字寫下來所有
《重構學習體驗》,作者為美國培訓大師 Bob Pike 只講學習成效的話,單純的瀏覽次級書面資料,是最低效益的吸收方式。根據記憶曲線的研究,30天內回顧,事後能夠記住的內容只有 10%。 多重方式的吸收可以幫助腦袋更容易吸收資訊,之所以需要「授課」,在於授課活動中,可能包含...
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
很多人會問,如果要架站,要選擇WordPress還是Wix比較好?對我們來說,這個問題就好比在問,如果要運動,要選擇跑步還是游泳比較好;如果要閱讀,要買實體書或是電子書比較好?如果要買手機,要用Android的還是用IOS系統的比較好? 我們的答案會是:都可以!這取決於個人喜好、目的和順不順手!
Thumbnail
讀完這篇文章,你會學到在 WordPress 網站申請 Google AdSnense ,並且透過 Site Kit 外掛程式連結,設定自動廣告開始賺取廣告收益 。
Thumbnail
WordPress 是世界上最強大的架站平台之一,在全球 100 大網站中,有 14.7% 的網站是透過 WordPress 建置,而截至 2017 年的資料為止,有超過 7,500 萬的網站使用 WordPress 平台架站,且相關的架站數據仍持續成長中。WordPress 支援超過 100 個
Thumbnail
2020非常多人開始利用Wordpresss 架設自己的網站經營自己的品牌,在架設自己網站的第一步就是需要先挑選適合自身的Wordpress網站主機,一個好的虛擬主機可以決定網站是否會成功,好的主機可以讓網站擁有好的網站速度與穩定,對於使用者體驗加分進而提升SEO與文章排名。 今天來為大家推薦台灣國
Thumbnail
趕特價教學的用途: 快速教你註冊好用主機Cloudways的3天試用(而且現在有前3個月6折),你可以在這3天內有個自己的地盤,去試那些大家推薦特價的付費外掛(常常會有免費版)。 這樣一來,如果你覺得好用、需要, 就可以趁這個年度最大的「黑色星期五」特價檔期 (11/25-12/2左右)買下各種5、
Thumbnail
你是否透過 WordPress 架設官網,並希望在官網中開放線上預約呢?WordPress 是世界上多數人用來架站的首選之一,它提供了各種不同的套件&外掛幫助你強化網站功能,其中 WordPress 也將「預約排程」的外掛分類,幫助經營者可以快速選用適合的預約套件,開始接受來自顧客的線上預約。 當
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
很多人會問,如果要架站,要選擇WordPress還是Wix比較好?對我們來說,這個問題就好比在問,如果要運動,要選擇跑步還是游泳比較好;如果要閱讀,要買實體書或是電子書比較好?如果要買手機,要用Android的還是用IOS系統的比較好? 我們的答案會是:都可以!這取決於個人喜好、目的和順不順手!
Thumbnail
讀完這篇文章,你會學到在 WordPress 網站申請 Google AdSnense ,並且透過 Site Kit 外掛程式連結,設定自動廣告開始賺取廣告收益 。
Thumbnail
WordPress 是世界上最強大的架站平台之一,在全球 100 大網站中,有 14.7% 的網站是透過 WordPress 建置,而截至 2017 年的資料為止,有超過 7,500 萬的網站使用 WordPress 平台架站,且相關的架站數據仍持續成長中。WordPress 支援超過 100 個
Thumbnail
2020非常多人開始利用Wordpresss 架設自己的網站經營自己的品牌,在架設自己網站的第一步就是需要先挑選適合自身的Wordpress網站主機,一個好的虛擬主機可以決定網站是否會成功,好的主機可以讓網站擁有好的網站速度與穩定,對於使用者體驗加分進而提升SEO與文章排名。 今天來為大家推薦台灣國
Thumbnail
趕特價教學的用途: 快速教你註冊好用主機Cloudways的3天試用(而且現在有前3個月6折),你可以在這3天內有個自己的地盤,去試那些大家推薦特價的付費外掛(常常會有免費版)。 這樣一來,如果你覺得好用、需要, 就可以趁這個年度最大的「黑色星期五」特價檔期 (11/25-12/2左右)買下各種5、
Thumbnail
你是否透過 WordPress 架設官網,並希望在官網中開放線上預約呢?WordPress 是世界上多數人用來架站的首選之一,它提供了各種不同的套件&外掛幫助你強化網站功能,其中 WordPress 也將「預約排程」的外掛分類,幫助經營者可以快速選用適合的預約套件,開始接受來自顧客的線上預約。 當