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

更新於 發佈於 閱讀時間約 4 分鐘
文末的清單列表,可以幫助用戶閱讀結束時產生新的點擊

文末的清單列表,可以幫助用戶閱讀結束時產生新的點擊

最近認識了一些自架 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人,會順著你的推薦,再多點一篇文章來看!

最後要記得,不要依賴一些插件給你的推薦,那種推薦插件都會用區塊把文章包起來,對用戶來說那長得就像廣告。

所以記得要用清單列表、記得要用清單列表、記得要用清單列表,以上。

相關文章:


留言
avatar-img
留言分享你的想法!
avatar-img
獸群之心 / Soking的沙龍
82會員
47內容數
以一個資深網路產品設計師的眼光,討論網路思維、產品思維以及心理學如何幫助我們了解這個世界。
2023/06/02
其實在與客戶開顧問會議的時候,我常常會勸客戶不要輕易發動用戶研究,而是應該回歸到基本的問題定義,那就是我們現在希望解決產品發展過程的什麼問題? 我想透過這篇文章來思考整理,我對於用戶研究在什麼時機發動,對於產品服務的發展會是更明確的效益與用途。 從商業發展的角度來看,我通常會以這幾點作評估基礎...
2023/06/02
其實在與客戶開顧問會議的時候,我常常會勸客戶不要輕易發動用戶研究,而是應該回歸到基本的問題定義,那就是我們現在希望解決產品發展過程的什麼問題? 我想透過這篇文章來思考整理,我對於用戶研究在什麼時機發動,對於產品服務的發展會是更明確的效益與用途。 從商業發展的角度來看,我通常會以這幾點作評估基礎...
2023/05/26
前陣子我在回顧過去幾年合作過的企業,重新思考他們是在什麼情況下察覺自己需要尋找外部的體驗設計團隊協助,希望透過這篇文章疏理自己的觀點,也分享給你。 ​我發現可以用三個問題作為分析的角度,來評估這個議題...
2023/05/26
前陣子我在回顧過去幾年合作過的企業,重新思考他們是在什麼情況下察覺自己需要尋找外部的體驗設計團隊協助,希望透過這篇文章疏理自己的觀點,也分享給你。 ​我發現可以用三個問題作為分析的角度,來評估這個議題...
2023/05/21
先前在訓練我們家的新人 UX 設計師如何帶領客戶進行設計思考工作坊,這對我來說也是一個新鮮的嘗試,引導別人如何進行工作坊引導,這在語言與概念上有著遞迴的樂趣。 觀察我們家新人如何出包,與他一起覆盤的過程,也讓我建構了「原來這些概念需要特別提醒」的 Tips,因此本文想跟你分享我的觀察。
2023/05/21
先前在訓練我們家的新人 UX 設計師如何帶領客戶進行設計思考工作坊,這對我來說也是一個新鮮的嘗試,引導別人如何進行工作坊引導,這在語言與概念上有著遞迴的樂趣。 觀察我們家新人如何出包,與他一起覆盤的過程,也讓我建構了「原來這些概念需要特別提醒」的 Tips,因此本文想跟你分享我的觀察。
看更多
你可能也想看
Thumbnail
沙龍一直是創作與交流的重要空間,這次 vocus 全面改版了沙龍介面,就是為了讓好內容被好好看見! 你可以自由編排你的沙龍首頁版位,新版手機介面也讓每位訪客都能更快找到感興趣的內容、成為你的支持者。 改版完成後可以在社群媒體分享新版面,並標記 @vocus.official⁠ ♥️ ⁠
Thumbnail
沙龍一直是創作與交流的重要空間,這次 vocus 全面改版了沙龍介面,就是為了讓好內容被好好看見! 你可以自由編排你的沙龍首頁版位,新版手機介面也讓每位訪客都能更快找到感興趣的內容、成為你的支持者。 改版完成後可以在社群媒體分享新版面,並標記 @vocus.official⁠ ♥️ ⁠
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
新增文章跟頁面是最基本的功能,因為網站要吸引人,就要有好的內容和好的SEO,當你開始使用WordPress建立網站時,了解如何區分文章和頁面是非常重要的!這兩個在網站架構和內容管理中有不同的用途,新手小白很容易誤會
Thumbnail
新增文章跟頁面是最基本的功能,因為網站要吸引人,就要有好的內容和好的SEO,當你開始使用WordPress建立網站時,了解如何區分文章和頁面是非常重要的!這兩個在網站架構和內容管理中有不同的用途,新手小白很容易誤會
Thumbnail
每個人的傳送門長得不太一樣,可以按造自己的喜好安排各種不同順序,有點像是設計一個小小的網頁的感覺。
Thumbnail
每個人的傳送門長得不太一樣,可以按造自己的喜好安排各種不同順序,有點像是設計一個小小的網頁的感覺。
Thumbnail
網站上會需要呈現出次數的不外乎幾個地方,前台、後台、文章中。
Thumbnail
網站上會需要呈現出次數的不外乎幾個地方,前台、後台、文章中。
Thumbnail
每周一篇文章的讀書會心得報告摘要與筆記,本次分享文章為:Google搜尋排名推新制!媒體、出版業者海嘯第一排,SEO不再只重關鍵字。 1. Google搜尋排名推新制; 2. 網站核心指標:進站速度愈快、愈少用戶干擾、愈能讓用戶直接取得所需資訊 ; 3. 4點優化,讓SEO更靠前。
Thumbnail
每周一篇文章的讀書會心得報告摘要與筆記,本次分享文章為:Google搜尋排名推新制!媒體、出版業者海嘯第一排,SEO不再只重關鍵字。 1. Google搜尋排名推新制; 2. 網站核心指標:進站速度愈快、愈少用戶干擾、愈能讓用戶直接取得所需資訊 ; 3. 4點優化,讓SEO更靠前。
Thumbnail
本文網址於此 : https://janstockcoin.com/category/seo/ SEO 優化網站內容 :您必須優化您的內容,否則您將無法在搜索引擎中獲得良好的排名。SEO 是一系列實踐甚至方法,可幫助搜索引擎將您的內容視為值得排名。內容通常是為了影響而不是用戶而編寫的,並且很少遵循搜
Thumbnail
本文網址於此 : https://janstockcoin.com/category/seo/ SEO 優化網站內容 :您必須優化您的內容,否則您將無法在搜索引擎中獲得良好的排名。SEO 是一系列實踐甚至方法,可幫助搜索引擎將您的內容視為值得排名。內容通常是為了影響而不是用戶而編寫的,並且很少遵循搜
Thumbnail
文末的清單列表,可以幫助用戶閱讀結束時產生新的點擊 最近認識了一些自架 Wordpress 作為寫作網站的朋友,建議各位文章頁的右側選單,不要設定成跟隨畫面滑動,這是無效的設定。 雖然我知道跟隨螢幕滑動,目的是希望讀者可以很方便的看到其他的推薦清單,不過這會妨礙用戶的大腦形成資訊空間,因為滑動的東西
Thumbnail
文末的清單列表,可以幫助用戶閱讀結束時產生新的點擊 最近認識了一些自架 Wordpress 作為寫作網站的朋友,建議各位文章頁的右側選單,不要設定成跟隨畫面滑動,這是無效的設定。 雖然我知道跟隨螢幕滑動,目的是希望讀者可以很方便的看到其他的推薦清單,不過這會妨礙用戶的大腦形成資訊空間,因為滑動的東西
Thumbnail
之前我們已經介紹兩個今年Google 新提出的網站性能基準, Largest Contentful Paint 最大內容繪製,和 First Input Delay 首次輸入延遲。這次就看看 Cumulative Layout Shift 累計版面配置轉移。
Thumbnail
之前我們已經介紹兩個今年Google 新提出的網站性能基準, Largest Contentful Paint 最大內容繪製,和 First Input Delay 首次輸入延遲。這次就看看 Cumulative Layout Shift 累計版面配置轉移。
Thumbnail
為什麼要做網站內容SEO優化?簡單來說,搜索引擎會分析你的網站的內容,並決定要不要將這個頁面推薦給用戶。清晰且優質的內容能夠提升網站的流量,讓更多人分享你的網站,進而增加搜索引擎對網站的信任度及網路的能見度。哈利熊本篇為大家介紹關於網站內容的SEO優化建議!
Thumbnail
為什麼要做網站內容SEO優化?簡單來說,搜索引擎會分析你的網站的內容,並決定要不要將這個頁面推薦給用戶。清晰且優質的內容能夠提升網站的流量,讓更多人分享你的網站,進而增加搜索引擎對網站的信任度及網路的能見度。哈利熊本篇為大家介紹關於網站內容的SEO優化建議!
Thumbnail
作者推薦文章原因 SEO優化該怎麼做? 越來越多人開始學所謂的內容行銷、經營部落格並且做SEO優化,但是其實SEO優化技巧的部分其實範圍非常的廣泛,今天作者整理了一份訊息圖懶人包一次統整SEO優化技巧必備16項工作檢查清單,讓執行SEO優化時不用在害怕忘東忘西,讓SEO優化效益可以最大化。   16
Thumbnail
作者推薦文章原因 SEO優化該怎麼做? 越來越多人開始學所謂的內容行銷、經營部落格並且做SEO優化,但是其實SEO優化技巧的部分其實範圍非常的廣泛,今天作者整理了一份訊息圖懶人包一次統整SEO優化技巧必備16項工作檢查清單,讓執行SEO優化時不用在害怕忘東忘西,讓SEO優化效益可以最大化。   16
Thumbnail
良好的網頁設計有助於提升SEO,可以提供可互良好的品牌體驗,並且可以讓搜尋引擎有有效的抓取網頁內容,進而提升網站排名。
Thumbnail
良好的網頁設計有助於提升SEO,可以提供可互良好的品牌體驗,並且可以讓搜尋引擎有有效的抓取網頁內容,進而提升網站排名。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News