方格子開發誌#7|出版專題頁面改版! ft.港式羅宋湯

更新於 發佈於 閱讀時間約 4 分鐘

每年十二月的聖誕節、一月的跨年元旦、二月的農曆春節,可說是大家最多理由聚會歡樂的時節,但這三個月,卻是工程獅獅間俗稱的「瘋狂工程季」。

各式各樣的活動、趕工、次年的計畫也開始準備,當然還有一些些⋯⋯各種不得不補完的迭代、優化項目。

沒錯!也就是大家將會看到許多改動輪番上陣,本獅今天先跟大家報告一下出版專題頁面的調整原委與目的。

改版緣由

因為我們一直想讓各位創作者能夠「被自然曝光的機會」提升,因此從 2021 下半年,我們開啟了「加強 SEO 調校」這項重要專案,至今也做了數不清幾輪的優化。而這項目並沒有結案日,因為一旦踏入搜尋引擎機器人的世界裡,就沒有抽身的那天(咦?),也就是優化會持續 never end 地進行下去⋯⋯

這些優化的過程,像剝洋蔥一樣,機器人會透過報告告訴你——

外層最嚴重的問題是這N個,然後我們就一個一個處理好,結束第一輪。再來會有下一層問題,我們繼續處理完畢、結束第二輪。

來到了第 38 層出版專題頁面效能的問題,已經連續被機器人告知「有問題 - 待改善 - 不好不好不好」。( T⌓T )

開發團隊邊剝邊流淚⋯⋯

我們知道整個「出版專題」內,共有十來層不同的網頁,為了驗證我們的調整是否有效,所以我們先把最外層的兩頁(就是出版專題的「所有文章」「專題介紹」)進行優化,也順便改了一些設計,變成大家當前看到的新版本。

驗證過後,我們會更清楚是否有哪裡需要加強,並列入後續出版專題相關頁面的改版迭代。

話不多說,來看看新舊版的差異為何(以桌面版為例):

「專題介紹頁」:新版 vs. 舊版

「專題介紹頁」:新版 vs. 舊版

「所有文章頁」:新版 vs. 舊版

「所有文章頁」:新版 vs. 舊版

以下向各位格友報告,我們調整了:

✧ 主視覺區塊

  • 出版專題底圖:這邊可以放上最貼近專題的形象、風格圖,我們把它固定成 1600*290 的尺寸,大家趁著年末來換個新的形象也是不錯滴。
  • 封面頭像:我們將它放大了一點,讓頭像更顯眼(484 更大器!)。新尺寸是 300*300 的正方形,以後會出現在頁面上的專題推薦區喔,快挑選一張精美的封面頭像照換上吧~
  • 出版專題管理入口:從下方挪上來,增添了一個自己才看得見的齒輪,通往專題管理相關的各個頁面。

✧ 所有文章頁

  • 新增該專題「最新發佈」、「最多瀏覽」兩維度的文章區,讓讀者可以更有層次的閱覽你的專題。
  • 重新排版所有文章的卡片,讓頁面更整齊好看!

✧ 專題介紹頁

資訊區塊調整了順序為:

  • 付費方案:如果是「免費專題」,則不會顯示這個區塊。
  • 作者介紹:讓讀者更快看到作者簡介(趕快確認你的自介是否為最新版本,讓大家更快認識你與你的創作!)
  • 專題介紹:盡情介紹這個出版專題的規劃緣由、主題內容、更新頻率等等,也建議大家可以在這邊放一張 1200*630 尺寸的圖片,用圖文並茂的方式讓你的「門面」更加豐富生動。

以上就是這次出版專題改版的大致說明,希望大家喜歡!

瘋狂工程季時,偶出場機會幹話可能少很多,因為,本獅是認真敬業的好獅獅 XD!

獅の肺腑之言 🦁

我們都有確實收到格友們的意見反饋,同時也是風火輪全開一邊在處理中,請格友們再等等。先解決問題一直是工程腦裡覺得最要緊的事,然後後面等偶喘息一下也會補上一些火星文,與大家細細說明我們的調整緣由,也會傾聽大家的心聲,一步步地把大家覺得不好用的部份,調整得更加符合使用需求的方式。

但請多給我們一點時間~~(淚眼汪汪)

非常感謝各位的理解與等待,也謝謝給予我們鼓勵的每一位格友。

時間寶貴本獅不能再話嘮了,最後分享前陣子家姊買來的港式羅宋湯,酸甜辣跟偶現在心情一樣,只能猛吃一大碗補血,喝完再上!

本獅喝了這個的三倍大碗!爽!

本獅喝了這個的三倍大碗!爽!

工程獅先生 敬上
祝大家聖誕快樂

留言
avatar-img
留言分享你的想法!
晨云仙境-avatar-img
2022/01/03
請問如果設免費專題,也能設置隱私權設定嗎? 也就是可以設定個人隱私的專題嗎?
請問編輯器是不是指能設定一層的編號和項目符號啊?我找幫助說明看不到可以設定第二層編號和項目符號的方法,還是寫在哪裡,我眼花錯過了?
工程獅先生-avatar-img
發文者
2021/12/25
對的,只有您指的第一層喔。 但其實內文不是層的概念,原則就是可以針對這句話給選擇的一個效果,只是標題比較大,視覺上會覺得是有層次這樣~
靜的星空-avatar-img
2021/12/24
羅宋湯是牛肉湯底的嗎?!比這個三碗大還不錯~嗯 改版後很不一樣,有縮圖當索引很漂亮~工程獅原來也會汪汪😂🦁🐕ich wünsche dir, Fröhliche Weihnachten ! = I wish you, Merry Christmas ! 🌲🎄25/Dez./2021
工程獅先生-avatar-img
發文者
2021/12/25
愛史了^&^ 好像有吃過豬的 (但就少了點說不上來的味道 )
末冰-avatar-img
2021/12/24
辛苦了,給獅大打打氣😊
工程獅先生-avatar-img
發文者
2021/12/24
謝謝,聖誕快樂♡
蘿拉 laura-avatar-img
2021/12/24
謝謝工程獅先生
工程獅先生-avatar-img
發文者
2021/12/24
❄聖誕快樂
avatar-img
方格子 vocus 官方沙龍
354.1K會員
3.2K內容數
哈囉,歡迎來到方格子 vocus 的官方沙龍! 在這裡你可以參與方格子 vocus 的發展旅程,接受到所有關於 vocus 的最新動態,包含平台重大功能更新、活動消息、各房間發佈的最新內容,甚至是徵才資訊等等,現在就按下「加入」,與 vocus 一起展開精彩的創作冒險吧!
2023/03/02
如何在頁面上建立足夠且具有內容相關的連結 一直是方格子努力的目標。在過去方格子的閱讀頁上,我們提供了「上下篇區塊」,讓使用在發布文章的同時,可以快速建立文章的閱讀脈絡,也新增了「其他內容區塊」,讓同一作者與專題的文章可以更有系列性的被收攏,作者的文章與文章之間可以因此很快地被串連起來!
Thumbnail
2023/03/02
如何在頁面上建立足夠且具有內容相關的連結 一直是方格子努力的目標。在過去方格子的閱讀頁上,我們提供了「上下篇區塊」,讓使用在發布文章的同時,可以快速建立文章的閱讀脈絡,也新增了「其他內容區塊」,讓同一作者與專題的文章可以更有系列性的被收攏,作者的文章與文章之間可以因此很快地被串連起來!
Thumbnail
2022/09/14
在過去,作者都是自己實踐工人智慧,在欄位中輸入自己想要為文章下的關鍵字們。而就在今天此時此刻 Right now!!格友們會發現在輸入欄位下方多了「建議標籤」的貼心推送!
Thumbnail
2022/09/14
在過去,作者都是自己實踐工人智慧,在欄位中輸入自己想要為文章下的關鍵字們。而就在今天此時此刻 Right now!!格友們會發現在輸入欄位下方多了「建議標籤」的貼心推送!
Thumbnail
2022/06/10
向大家分享新功能,它叫做 —— 漸進式網頁應用程式(PWA, Progressive Web Application)!從今以後,你可以將方格子首頁加入你的手機桌面捷徑,就可以用更乾淨簡潔的畫面瀏覽方格子!
Thumbnail
2022/06/10
向大家分享新功能,它叫做 —— 漸進式網頁應用程式(PWA, Progressive Web Application)!從今以後,你可以將方格子首頁加入你的手機桌面捷徑,就可以用更乾淨簡潔的畫面瀏覽方格子!
Thumbnail
看更多
你可能也想看
Thumbnail
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空,一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮,突然發現幾家商場都又開始重新上架,價格也都回到正常水準,估計是官方又再補了一批貨,想都沒想就立刻下單! 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷!
Thumbnail
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空,一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮,突然發現幾家商場都又開始重新上架,價格也都回到正常水準,估計是官方又再補了一批貨,想都沒想就立刻下單! 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷!
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
本週的方格子 一、文章閱讀頁更新,更輕鬆瀏覽相關內容! 二、從不同角度看待 AI,它對人類究竟是好是壞?投稿發表觀點 三、閱讀大補帖,從電玩、賽車、健康到職涯,趁連假讀個過癮
Thumbnail
本週的方格子 一、文章閱讀頁更新,更輕鬆瀏覽相關內容! 二、從不同角度看待 AI,它對人類究竟是好是壞?投稿發表觀點 三、閱讀大補帖,從電玩、賽車、健康到職涯,趁連假讀個過癮
Thumbnail
中秋連假來啦! 本週方格子推出「一日約會提案」有獎徵文,歡迎各位格友分享你理想的約會行程!此外格編也精選了幾篇關於家人、團圓、假期出遊的精彩內容,最適合中秋連假閱讀。如果連假不想出遊,也可以進電影院欣賞重新上映的神隱少女,或是試用一下方格子新推出的出版專題功能,宅在家寫文章也是不錯的選擇~
Thumbnail
中秋連假來啦! 本週方格子推出「一日約會提案」有獎徵文,歡迎各位格友分享你理想的約會行程!此外格編也精選了幾篇關於家人、團圓、假期出遊的精彩內容,最適合中秋連假閱讀。如果連假不想出遊,也可以進電影院欣賞重新上映的神隱少女,或是試用一下方格子新推出的出版專題功能,宅在家寫文章也是不錯的選擇~
Thumbnail
格友們,方格子週報從本週開始改版囉!為了帶給大家更豐富的閱讀體驗,本週起,週報的內容將涵蓋得更全面、更多元,讓大家更能 Follow到平台上的趨勢、大家在關注什麼議題。因此,週報總共會包含五大層面:
Thumbnail
格友們,方格子週報從本週開始改版囉!為了帶給大家更豐富的閱讀體驗,本週起,週報的內容將涵蓋得更全面、更多元,讓大家更能 Follow到平台上的趨勢、大家在關注什麼議題。因此,週報總共會包含五大層面:
Thumbnail
一切始於迭代 舊版個人區在時間的淬煉與服務的發展下,已經越來越多、越來越長,以讓大家更清楚查找使用優先,下階段也能擴充其他功能為目的,因此我們著手改造,接著來看看本次改動的範圍吧!
Thumbnail
一切始於迭代 舊版個人區在時間的淬煉與服務的發展下,已經越來越多、越來越長,以讓大家更清楚查找使用優先,下階段也能擴充其他功能為目的,因此我們著手改造,接著來看看本次改動的範圍吧!
Thumbnail
春天終於到來,櫻花齊放的日子 (◕ᴗ◕✿),獅獅的程式之手終於可以從硬派寒冬中解脫,指尖脈動的鍵觸力道恢復約 80% 般行雲流水,都是為了迎戰絡繹不決的平台需求,也是為了讓方格子的平台更佳穩定與清新!
Thumbnail
春天終於到來,櫻花齊放的日子 (◕ᴗ◕✿),獅獅的程式之手終於可以從硬派寒冬中解脫,指尖脈動的鍵觸力道恢復約 80% 般行雲流水,都是為了迎戰絡繹不決的平台需求,也是為了讓方格子的平台更佳穩定與清新!
Thumbnail
在即將迎來舊曆新年的 2022 年年初,方格子站上又做了一些大型改版,會這麼努力在過年前調整(也不放過自己),為的就是讓大家在使用方格子時能夠感到更順暢啊!也許過年期間,除了大餐吃到飽,你還能在茶餘飯後創作幾篇文章、讀幾個專題,因此度過一個為身心都充飽電的年假! 趕快進來看看我們做了哪些調整吧!
Thumbnail
在即將迎來舊曆新年的 2022 年年初,方格子站上又做了一些大型改版,會這麼努力在過年前調整(也不放過自己),為的就是讓大家在使用方格子時能夠感到更順暢啊!也許過年期間,除了大餐吃到飽,你還能在茶餘飯後創作幾篇文章、讀幾個專題,因此度過一個為身心都充飽電的年假! 趕快進來看看我們做了哪些調整吧!
Thumbnail
因為我們一直想讓各位創作者能夠「被自然曝光的機會」提升,因此從 2021 下半年,我們開啟了「加強 SEO 調校」這項重要專案,至今也做了數不清幾輪的優化。而這項目並沒有結案日,因為一旦踏入搜尋引擎機器人的世界裡,就沒有抽身的那天(咦?),也就是優化會持續 never end 地進行下去⋯⋯
Thumbnail
因為我們一直想讓各位創作者能夠「被自然曝光的機會」提升,因此從 2021 下半年,我們開啟了「加強 SEO 調校」這項重要專案,至今也做了數不清幾輪的優化。而這項目並沒有結案日,因為一旦踏入搜尋引擎機器人的世界裡,就沒有抽身的那天(咦?),也就是優化會持續 never end 地進行下去⋯⋯
Thumbnail
相信眼尖的格友們有發現,近期方格子在某個頁面上做了很大的視覺優化!沒錯,今天就是要跟各位聊聊──方格子的「文章閱讀頁」又改版啦! (⁎⁍̴̛ᴗ⁍̴̛⁎) 這次的改版。主要是基於以下兩個核心動機:「讓閱讀更專注」、「持續優化 SEO」,希望本次的優化可以讓大家更聚焦地閱讀起來...
Thumbnail
相信眼尖的格友們有發現,近期方格子在某個頁面上做了很大的視覺優化!沒錯,今天就是要跟各位聊聊──方格子的「文章閱讀頁」又改版啦! (⁎⁍̴̛ᴗ⁍̴̛⁎) 這次的改版。主要是基於以下兩個核心動機:「讓閱讀更專注」、「持續優化 SEO」,希望本次的優化可以讓大家更聚焦地閱讀起來...
Thumbnail
方格攻城獅先生們在前幾天冷颼的天氣中,用最溫存的工程之手,重新裝潢了各位的個人頁面,讓整體資訊更完整、功能再提升 ☺️。(格編:今天太陽又露臉了,歡迎大家一邊補充維他命D,一邊體驗全新的個人頁面)
Thumbnail
方格攻城獅先生們在前幾天冷颼的天氣中,用最溫存的工程之手,重新裝潢了各位的個人頁面,讓整體資訊更完整、功能再提升 ☺️。(格編:今天太陽又露臉了,歡迎大家一邊補充維他命D,一邊體驗全新的個人頁面)
Thumbnail
日前平台推出許多新內容,包括首頁分類的調整、三個垂直類別的社群、以及同步進行更多徵文題目,還有每週至少一篇的專題導讀。不論是編輯,或作者多少都在流量的無奈下,嘗試找到分眾的讀者群們,在這之中作為書寫者,土炮但真誠地產出內容,大概也是在各種分眾的閱讀市場裡,必需要有的堅持。一起來讀讀八月的趨勢報告~
Thumbnail
日前平台推出許多新內容,包括首頁分類的調整、三個垂直類別的社群、以及同步進行更多徵文題目,還有每週至少一篇的專題導讀。不論是編輯,或作者多少都在流量的無奈下,嘗試找到分眾的讀者群們,在這之中作為書寫者,土炮但真誠地產出內容,大概也是在各種分眾的閱讀市場裡,必需要有的堅持。一起來讀讀八月的趨勢報告~
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News