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

更新於 2021/02/22閱讀時間約 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
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
日更一千字DAY7 我今天又開始逛博客來,每次逛都可以逛很久,我喜歡看即將出版的書,然後點「可訂購通知我」或是點「加入下次再買」,購物車就會越來越長,偶而也會巡一下有些書籍是不是真的想要讀,想要跟需要是需要做取捨,這也讓我想到閱讀也是如此,所以想跟你分享我覺得閱讀需要取捨的部分。 1.書籍的
Thumbnail
這篇整理了我這個月讀到一些不在我分類中但很不錯內容,我也都有附上來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋 另外每月資訊量不同,造成每一類的內容不一,有的內容會比較多,如果你只想看精選,我會在每一類中都挑出 3 篇我最推的,前面會有星號
Thumbnail
留住新人怎麼做? 分享格子文章給朋友,人進來看一下就滑出去了...除了創作者,受眾不管上班在家,都滑手機,哪有在用電腦的?所以使用者介面要用手機UI去思考,而不是網頁UI。一個平台好不好用,能不能把使用者留住更多的時間,優化UI是重中之重。格子兼有公域和私域生態,可把變現模式可以更有趣,更多元。
Thumbnail
這篇整理了我這個月讀到一些不在我分類中但很不錯內容,我也都有附上來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋。 另外每月資訊量不同,造成每一類的內容不一,有的內容會比較多,如果你只想看精選,我會在每一類中都挑出 3 篇我最推的,前面會有星號 🌟
Thumbnail
文章當作寶般悉心照顧, 異常貼心的方式去關心文章的瀏覽量, 近來成為眾多創作者關心的熱門話題。本文談論瞭如何調整創作方向來吸引更多讀者, 瀏覽量是否是唯一文章價值的衡量標準, 以及如何透過社群經營引流來增加文章瀏覽量等議題。除此之外, 作者也提及透過互動模式和引流模式來分享創作和吸引更多閱讀的方式。
在網路普及的世代下,如何成為一個內容創造者是一個值得探討的議題。本文分享了撰寫部落格文章的不同方向與技巧,包括日記/紀錄類型、知識分享/教學文章類型以及好書及好片推薦的撰寫訣竅。
Thumbnail
網路文章因為SEO考量,字數會控制在2000 字左右,內容過於零碎,包含的「知識點」有限,只算是片段的資訊。也許適合作為聊天、談話的主題或刺激想法的引子,但不足以構築成完整的知識。書籍的架構與篇幅加上完整的脈絡敘述與作者觀點,才能夠把片段的資訊相互連結,導出知識與知識之間的關聯,與產生進一步的洞察。
在剛開始練習寫作的過程中,我總是一股腦地想把自已想說的全部寫了出來。但文章分享出去後,會發現按讚的數量有限、完讀率很低,當我試著去比對商周熱門的文章後,發現有很多的差異點,其中一點就是商周文章許多都是職場情境對話起頭。查看網路上所提及的寫作技巧,才知道這樣的文章鋪陳,其實是為了增加文章的代入感。
Thumbnail
改善曝光度 上一篇文章講到部落格文章瀏覽量的問題。分析出來瀏覽量這麼差,要做的當然是改善自己的瀏覽量與曝光度的問題。基本上文章的部落格的屬性不會亂改,網站排名也沒有問題。所以要做的當然就是如何讓更多人知道你的網站或部落格。 自架網站 這上網隨便搜尋都有太多的答案可以遵循,我就不一一列出來。其實
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
日更一千字DAY7 我今天又開始逛博客來,每次逛都可以逛很久,我喜歡看即將出版的書,然後點「可訂購通知我」或是點「加入下次再買」,購物車就會越來越長,偶而也會巡一下有些書籍是不是真的想要讀,想要跟需要是需要做取捨,這也讓我想到閱讀也是如此,所以想跟你分享我覺得閱讀需要取捨的部分。 1.書籍的
Thumbnail
這篇整理了我這個月讀到一些不在我分類中但很不錯內容,我也都有附上來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋 另外每月資訊量不同,造成每一類的內容不一,有的內容會比較多,如果你只想看精選,我會在每一類中都挑出 3 篇我最推的,前面會有星號
Thumbnail
留住新人怎麼做? 分享格子文章給朋友,人進來看一下就滑出去了...除了創作者,受眾不管上班在家,都滑手機,哪有在用電腦的?所以使用者介面要用手機UI去思考,而不是網頁UI。一個平台好不好用,能不能把使用者留住更多的時間,優化UI是重中之重。格子兼有公域和私域生態,可把變現模式可以更有趣,更多元。
Thumbnail
這篇整理了我這個月讀到一些不在我分類中但很不錯內容,我也都有附上來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋。 另外每月資訊量不同,造成每一類的內容不一,有的內容會比較多,如果你只想看精選,我會在每一類中都挑出 3 篇我最推的,前面會有星號 🌟
Thumbnail
文章當作寶般悉心照顧, 異常貼心的方式去關心文章的瀏覽量, 近來成為眾多創作者關心的熱門話題。本文談論瞭如何調整創作方向來吸引更多讀者, 瀏覽量是否是唯一文章價值的衡量標準, 以及如何透過社群經營引流來增加文章瀏覽量等議題。除此之外, 作者也提及透過互動模式和引流模式來分享創作和吸引更多閱讀的方式。
在網路普及的世代下,如何成為一個內容創造者是一個值得探討的議題。本文分享了撰寫部落格文章的不同方向與技巧,包括日記/紀錄類型、知識分享/教學文章類型以及好書及好片推薦的撰寫訣竅。
Thumbnail
網路文章因為SEO考量,字數會控制在2000 字左右,內容過於零碎,包含的「知識點」有限,只算是片段的資訊。也許適合作為聊天、談話的主題或刺激想法的引子,但不足以構築成完整的知識。書籍的架構與篇幅加上完整的脈絡敘述與作者觀點,才能夠把片段的資訊相互連結,導出知識與知識之間的關聯,與產生進一步的洞察。
在剛開始練習寫作的過程中,我總是一股腦地想把自已想說的全部寫了出來。但文章分享出去後,會發現按讚的數量有限、完讀率很低,當我試著去比對商周熱門的文章後,發現有很多的差異點,其中一點就是商周文章許多都是職場情境對話起頭。查看網路上所提及的寫作技巧,才知道這樣的文章鋪陳,其實是為了增加文章的代入感。
Thumbnail
改善曝光度 上一篇文章講到部落格文章瀏覽量的問題。分析出來瀏覽量這麼差,要做的當然是改善自己的瀏覽量與曝光度的問題。基本上文章的部落格的屬性不會亂改,網站排名也沒有問題。所以要做的當然就是如何讓更多人知道你的網站或部落格。 自架網站 這上網隨便搜尋都有太多的答案可以遵循,我就不一一列出來。其實