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

更新 發佈閱讀 4 分鐘
raw-image

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

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

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

相關文章:

  • 網路新創的UIUX打怪人生十五關,你闖過幾關了?
  • 從用戶體驗思維到內容創作的一門策略課
  • UX設計師用戶訪談利害關係人的五種情境分析法
  • 後台功能性介面的UX文案筆記
  • 【UX大哉問】為什麼訪談新手腦袋容易當機?三個新手訪談的練習建議


留言
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
賽勒布倫尼科夫以流亡處境回望蘇聯電影導演帕拉贊諾夫的舞台作品,以十段寓言式殘篇,重新拼貼記憶、暴力與美學,並將審查、政治犯、戰爭陰影與「形式即政治」的劇場傳統推到台前。本文聚焦於《傳奇:帕拉贊諾夫的十段殘篇》的舞台美術、音樂與多重扮演策略,嘗試解析極權底下不可言說之事,將如何成為可被觀看的公共發聲。
Thumbnail
賽勒布倫尼科夫以流亡處境回望蘇聯電影導演帕拉贊諾夫的舞台作品,以十段寓言式殘篇,重新拼貼記憶、暴力與美學,並將審查、政治犯、戰爭陰影與「形式即政治」的劇場傳統推到台前。本文聚焦於《傳奇:帕拉贊諾夫的十段殘篇》的舞台美術、音樂與多重扮演策略,嘗試解析極權底下不可言說之事,將如何成為可被觀看的公共發聲。
Thumbnail
柏林劇團在 2026 北藝嚴選,再次帶來由布萊希特改編的經典劇目《三便士歌劇》(The Threepenny Opera),導演巴里・柯斯基以舞台結構與舞台調度,重新向「疏離」進行提問。本文將從觀眾慾望作為戲劇內核,藉由沉浸與疏離的辯證,解析此作如何再次照見觀眾自身的位置。
Thumbnail
柏林劇團在 2026 北藝嚴選,再次帶來由布萊希特改編的經典劇目《三便士歌劇》(The Threepenny Opera),導演巴里・柯斯基以舞台結構與舞台調度,重新向「疏離」進行提問。本文將從觀眾慾望作為戲劇內核,藉由沉浸與疏離的辯證,解析此作如何再次照見觀眾自身的位置。
Thumbnail
本文深入解析臺灣劇團「晃晃跨幅町」對易卜生經典劇作《海妲.蓋柏樂》的詮釋,從劇本歷史、聲響與舞臺設計,到演員的主體創作方法,探討此版本如何讓經典劇作在當代劇場語境下煥發新生,滿足現代觀眾的觀看慾望。
Thumbnail
本文深入解析臺灣劇團「晃晃跨幅町」對易卜生經典劇作《海妲.蓋柏樂》的詮釋,從劇本歷史、聲響與舞臺設計,到演員的主體創作方法,探討此版本如何讓經典劇作在當代劇場語境下煥發新生,滿足現代觀眾的觀看慾望。
Thumbnail
《轉轉生》為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,融合舞蹈、音樂、時尚和視覺藝術,透過身體、服裝與群舞結構,回應殖民歷史、城市經驗與祖靈記憶的交錯。本文將從服裝設計、身體語彙與「輪迴」的「誕生—死亡—重生」結構出發,分析《轉轉生》如何以當代目光,形塑去殖民視角的奈及利亞歷史。
Thumbnail
《轉轉生》為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,融合舞蹈、音樂、時尚和視覺藝術,透過身體、服裝與群舞結構,回應殖民歷史、城市經驗與祖靈記憶的交錯。本文將從服裝設計、身體語彙與「輪迴」的「誕生—死亡—重生」結構出發,分析《轉轉生》如何以當代目光,形塑去殖民視角的奈及利亞歷史。
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優化建議!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News