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

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

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

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

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

改版緣由

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

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

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

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

開發團隊邊剝邊流淚⋯⋯

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

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

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

raw-image
raw-image

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

✧ 主視覺區塊

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

✧ 所有文章頁

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

✧ 專題介紹頁

資訊區塊調整了順序為:

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

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

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

獅の肺腑之言 🦁

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

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

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

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

raw-image

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

留言
avatar-img
留言分享你的想法!
avatar-img
方格子 vocus 官方沙龍
407.2K會員
3.4K內容數
哈囉,歡迎來到方格子 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
透過蝦皮分潤計畫,輕鬆賺取零用金!本文分享5-6月實測心得,包含數據流程、實際收入、平臺優點及注意事項,並推薦高分潤商品,教你如何運用空閒時間創造被動收入。
Thumbnail
透過蝦皮分潤計畫,輕鬆賺取零用金!本文分享5-6月實測心得,包含數據流程、實際收入、平臺優點及注意事項,並推薦高分潤商品,教你如何運用空閒時間創造被動收入。
Thumbnail
單身的人有些會養寵物,而我養植物。畢竟寵物離世會傷心,植物沒養好再接再厲就好了~(笑)
Thumbnail
單身的人有些會養寵物,而我養植物。畢竟寵物離世會傷心,植物沒養好再接再厲就好了~(笑)
Thumbnail
不知你有沒有過這種經驗?衛生紙只剩最後一包、洗衣精倒不出來,或電池突然沒電。這次一次補貨,從電池、衛生紙到洗衣精,還順便分享使用心得。更棒的是,搭配蝦皮分潤計畫,愛用品不僅自己用得安心,分享給朋友還能賺回饋。立即使用推薦碼 X5Q344E,輕鬆上手,隨時隨地賺取分潤!
Thumbnail
不知你有沒有過這種經驗?衛生紙只剩最後一包、洗衣精倒不出來,或電池突然沒電。這次一次補貨,從電池、衛生紙到洗衣精,還順便分享使用心得。更棒的是,搭配蝦皮分潤計畫,愛用品不僅自己用得安心,分享給朋友還能賺回饋。立即使用推薦碼 X5Q344E,輕鬆上手,隨時隨地賺取分潤!
Thumbnail
身為一個典型的社畜,上班時間被會議、進度、KPI 塞得滿滿,下班後只想要找一個能夠安靜喘口氣的小角落。對我來說,畫畫就是那個屬於自己的小樹洞。無論是胡亂塗鴉,還是慢慢描繪喜歡的插畫人物,那個專注在筆觸和色彩的過程,就像在幫心靈按摩一樣,讓緊繃的神經慢慢鬆開。
Thumbnail
身為一個典型的社畜,上班時間被會議、進度、KPI 塞得滿滿,下班後只想要找一個能夠安靜喘口氣的小角落。對我來說,畫畫就是那個屬於自己的小樹洞。無論是胡亂塗鴉,還是慢慢描繪喜歡的插畫人物,那個專注在筆觸和色彩的過程,就像在幫心靈按摩一樣,讓緊繃的神經慢慢鬆開。
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」,希望本次的優化可以讓大家更聚焦地閱讀起來...
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News