2024 年年初臨時起意的網站改版碎碎念心得

想要把網站改版的念頭由來已久,遲遲沒行動的主因,除了改網站很麻煩外,最主要的還是也不知道要甚麼樣的風格。連自己都不知道,壓根無法改起,也因此網站改版的想法也就這樣在心頭擱置了兩三年。直到某天給日本版型公司給弄傻了,這才啟動了改版的實際行動。

因為是有點臨時起心動念,很多部分都是邊修邊查,也沒規定自己多久要修好,也沒像以前那樣雄心壯志要做到無縫接軌的改版,一切以自己有空來處理。這次除了刪改版面外,也增加了考慮很久的目錄外掛,也因為目錄外掛進而延伸出文章的修改,文章修改則發展出對文章的回顧與重整,以及資訊的更新,雖然這樣子會拖慢不少腳步,不過這樣子版面應該會比較整齊些了,希望半年內能把所有文章也重修好。

日本版型能看不能用,傻眼

從以前我就很喜歡日本版型公司推出的版型,只是礙於價格挺高的,所以遲遲沒下手,而現在日幣低了,感覺好像可以接受一點點,只是網站內有很多沒說很明白,且也不像歐美那樣有退款機制,於是我發了封信件過去,把我所有疑問都寫在裡面,如果我覺得有疑慮的地方都沒問題的話,那這錢就不算貴。

然出乎意外的是,對方完全沒回信,也有可能是我信箱沒收到,總之疑惑沒解答,自然捨不得下手,日幣匯率再低,不能用的東西一塊錢也是貴,更別說模板也不只一元。只是不死心的我,在該網站上亂亂逛時發現他們有免費的版型能使用,想說先用免費版的來測試看看,如果可以的話,那再考慮要不要再寫信去問,神奇的事情發生了,居然完全沒法子用。

網站改版的主因之一,不能用的版型
區塊直接跳出「這個網站不包含對 [theme-blocks/featuredpost] 區塊的支援。內容作者可選擇保有這個區塊的完整性,或將其完全移除。」整個傻眼,想修都不知從何下手

當下立即把後來那少得可憐的外掛直接全關了,依舊看不到區塊內的東西,一一檢查後台也沒發現應該要有的專屬他們的頁面編輯器,開始嚴重懷疑我出現錯覺,明明上傳開啟了版型,然後台卻也沒甚麼變化,要不是還有出現新頁面,我還真以為剛剛下載後上傳是件自我感知發生錯誤了。

後來反省了這狀態,大概發現問題癥結點或是是在語言,因為我的語系是設定中文,而這日本版型公司的網站則是將版型,分為英日文兩種語言版本供人下載,這點我從以前就覺得怪怪的,因為其他歐美佈景主題下的版型都是單一語言下載,怎麼日本就要分兩種語系?

這也是我當下唯一能想到的唯一可,畢竟我所有過程跟以往使用其他佈景主題跟版型都一樣,其他家都好端端的沒事,就你家不行,後來又將語系改成日本語還是不行,也沒在官網上找到他們頁面編輯需要的外掛連結,於是乎只能對著螢幕大眼瞪小眼。不得不說這經驗著實嚇到我,有種我第一款佈景主題 Avada 的熟悉感,漂亮的頁面呈現是用大量很雞肋的程式碼換來的,最終決定放生日本這家的版型。

日本很多方面都很好,唯獨就程式設計編碼這部分,真的不夠行。且在官網看到他們分享使用他們版型的實例,老實說改版的幅度都很小,基本上就是換個圖片、字體之類很基礎的變動,最大幅度的修正都還能很明顯看到原先版型的樣子,且也是因為看到範例很多都跟原先模板差不多,心底就有種是不是他們家的不好改版阿,這才讓我寫信去問,結果就是沒收到回覆,下載來測試,老實講跟歐美那種健全的機制有一定的落差。

網址跟站名哪個要換,站名

決定要進行改版後,我開始思考換網址的可能。雖然換網址可能會掉排名,但是站名跟網址名一致,感覺會比較有專屬感,自架網站就是想要一種專屬感,這也是為什麼要離開痞客邦的原因之一。不過換網址容易,後面後續的操作麻煩,之前換過一次,不難就麻煩,想到就頭痛,且新的網域名也沒那麼好找,好名字跟價格也是兩個掙扎的點,想來想去幾天後,突然想起來 ChatGPT。

之前曾請它幫忙取商品名字,也曾命名文章標題,那麼幫網站命名應該也是可以。於是就開始了好幾天的相互問答,雖然 ChatGPT 給的答案都沒有滿意的,但在一問一答中慢慢摸索出方向,也看到好幾個不曾想過的詞彙,最後定下了「煙雲漫筆」這個新名字。

由於新名字融合很多我很在乎的點,首先「煙」這字和原先域名同樣是 Yan,「雲」則是跟自己有著密切關係,最後「漫筆」則是符合未來經營的方向,就隨意更新,面向多元,不給自己壓力,反正有沒有更新流量都差不多。於是乎,和 ChatGPT 聯手打造出來的新名字,至少讓現階段的我很滿意,於是在換網址還是站名之間,這局是站名獲勝。

網頁版面簡化再簡化,狂刪

站名決定好後,接下來就是改版面,這次不像以前還畫圖規劃版面,這次主打的就一個字-刪。把一且使用率低的功用全剔除了,既然使用率低就不用留著占,版面簡潔點看起來也清爽,維護也比較容易些。參考了日本眾多網站之後,唯一決定新增的功能,就是類似於 IG 的瀑布流效果的外掛,來放置一些拍攝的照片。之前就有過類似困擾,有照片自己很喜歡,但是又沒法子放在文章中,也不想放在社群中成為那不起眼的存在,於是就想到那就把這些照片放置在自家網站中。

選好外掛之後,就直接把首頁全刪除,換上瀑布流的短代碼,讓首頁能跑出許多照片。主要採用這設計,還有個原因就是文章更新不再定時出現,這會讓首頁看起來長期沒再變化,很無聊,然照片更新的速度就會快很多,像是春天的台南就很多可以拍的,我家附近就有人種了一片四季景色的小花園,這也超好拍。

另外也新增了個專門放置照片的頁面,這邊就用 Tag 來做分類,一些和菓子、點心的作品都能在這邊收錄,有些在文章中放不下卻又很喜歡的照片也能放這,出去走走看到的好風景無意寫成文也能保存在這。唯一辛苦的是照片上傳後要輸入資訊,不然無法分類,不能直接放著不管,這大概就是唯一的缺點,不過老實說照片放上網站本來就要做些資料整理,算是 SEO 經營的一個環節,之前是偷懶沒幹,現在算是恢復應該要做的事情了。

贊助商連結

想要的東西解決後,剩下來就是要刪的,首先是把回覆表格給刪了。這功能當初也基於網站經營規劃來設置的,結果來最多的是廣告信,發揮不了作用,又放置好多個外掛讓其版面精緻,就趁機給砍了,讓外掛清單少一點東西,雖說外掛數量跟網站速度不一定成正比,但是用處不大的東西,多了也是覺得礙眼。

第二個砍的是電子報。這也是網站經營的必要工具,透過電子報來拉近訪客的黏著度,不過電子報我真不知道要寫啥,且自家網站寫文方向大多元,很難知道大家主要有興趣的是那些東西,這讓每次再寫的時候都很難下筆,既然之後隨便寫,那就有興趣的自己再來看就好。其次的原因是使用的電子報外掛有問題,不知道是外掛衝突還是出現 BUG,總之就是在後台一直出現程式碼,懶得去解決,雖然可以換個電子報外掛,但其他的就是沒喜歡,不然當初也不會對這法國產的 MailPoet 這款電子報外掛情有獨鍾。

第三個砍掉複雜的自我介紹。以前為經營網站,算是很積極的在自家網站各處露臉,之後發現這樣帶來的好處啥也沒有,與其這樣,不如留個乾淨的版面方便閱讀,使用體驗應該會更好。於是砍掉了文章前頭的自我介紹,首頁的自我介紹也不在放上,自我介紹頁面刪除眾多資料,只留下一段想講的話,不像之前那麼刻意,就是一段關於網站的經營方向跟當下感想。

第四個是重整頁頭跟頁尾,把頁頭選單以文章為主。以前文章只有一個選項,現在分成三個,這樣子選單點下去後也不會落落長一段,從一開始就分劃好,順便把之前困擾很久的手機模式選單過寬問題也一併解決。

頁尾部分,則是因為少掉電子報訂閱的連結,導致多一個欄位。這邊就直接改放個簡約的網站介紹,不記得作者至少也要知道在哪看到文章吧,最後修改的就是贊助欄位,放棄之前落落長的宣告,直接變成兩行字,附上的圖是自己很喜歡的圖,刪除電子報訂閱時就有點不捨這圖,這下剛好拿來用,只是沒有想到這樣一改後,自己覺得行動裝置上比電腦版更好看。

區塊外掛依舊沒長進,放生

僅次於首頁的瀑布流使用之外的最大改版,就是決定使用全域設定的目錄外掛-Rich Table of Contents。之前不愛用就是因為每篇文章的標題設定,本就會因當下需求而有不同設定,全域設定太死了,這也是我縱使喜歡日本這款目錄外掛也沒想安裝的原因。

然 Qubely 表現太糟糕了,之前就發生了目錄區塊無法套用過往設定,一定要從零開始設定才可以,不然就是後台看沒問題,前台亂七八糟,這邊已經讓我有點小小不開心了。結果這次還讓我發現舊文章的目錄居然有些已經跑版,有的是新增標題居然無法出現,就很像一塊補丁沾黏在我的文章,越看越火大。

也因此才決定要下狠手,直接安裝 Rich Table of Contents,雖然它沒法子個別文章個別設定,總比現在這樣像是破洞的樣子好多了。不得不抱怨下,當年選擇 Qubely 時真的很驚艷它的效用,如今發現他實在很容易跑版,在打文章的這時刻,意外抓到首頁的按鈕跟介紹頁的圖片都出問題,一個是跑版一個是消失不見,跑版那個花了點時間才抓出問題,消失的那個則按下重整就恢復。

這些都不是大問題,但是效能這麼不穩定時實在很煩,其次這次再找瀑布流外掛時,看到好幾個很不錯的區塊編輯外掛,效果比現都比 Qubely 出色許多,而 Qubely 則還停留在當年沒啥變化,尤其那目錄區塊的問題真的很煩人。等之後更有時間,應該會找個適合的頁面編輯外掛,來把用 Qubely 編輯的頁面都換掉,想到當初有多喜歡目錄區塊的效果,現在想到就有多煩躁。

文章多有時也是悲劇,重整

安裝目錄外掛後最大問題就是,現在的文章都有兩個目錄,要解決這問題的唯一辦法就是一篇篇修正,這時就慶幸自己文章不多,雖然一篇篇修正起來有點累,但就沒辦法,誰叫我當初不想好。

本想就是個刪除區塊,也沒多難,結果後來演變成文章重整。首先是把標題跟資訊都套上 CSS,這是比較後期設定的,所以早期的文章都沒有,既然要重整那就順便一一套上;於是有延伸出第二個問題,有些早期文章連標題都沒有,只好再順下文章,做個簡單的標題劃分;再看文章來做標題劃分時,這時又有個問題出現,早期文章的標點符號很多有問題,像是沒句號,這下只好再一個個打上去,還有早期慣用雙逗號,趁現在也改成括號;再改符號時,會看到有些文義比較卡,只能再順便順一下,但基於對以前自己的尊重,文章基本不會大改,雖然有很多蠻屁的,但那就是當時的我。

這些累積起來的小問題順便處理一下後,其實一篇整理下來也很耗時間,只是很意外的發現更多自己沒預料到的問題,像是這次我才發現從痞客邦搬過來的圖片,全部都有額外的連結,這連結原先應該是可以連回痞客邦,但後來我用痞客邦搬家匯入工具來斷絕跟痞客邦的聯繫後,這些連結變成自家了,只是有連結的話,燈箱就無法發揮效果,難怪檢測連結的外掛會測出那麼多數量的連結,因為我本來就很愛放連結,加上文章也不算少,沒反應過來,真的失策,這下也要一一的刪除了。

最後發現的問題是,有些文章不知為啥網址導向出問題,導致文章根本開不了,只好去 SEO 外掛那邊重新設定,才解決這問題;另一個比較悲傷的問題就是不少旅店已經收掉了,在確認一些基本資料時發現店家已經歇業,特別是旅館最明顯,可能是沒熬過疫情,只能在標題上打上「已歇業」。

因為這一連串順便做完,腦子也很燒,特別是早期文章,為了避免像以前那樣把自己累壞身體,所以自己給自己安排一篇三篇文章的修正額度。如果太累就不修正,主打就是慢慢來,我文章也沒到一千多篇,大概三百多而已,一天三篇,一個月最多 90 篇,扣掉沒體力沒動到的,好鐵也有個 50 篇,這樣半年也能修完,這時間點能接受。

結論-別太把自己當回事,網站改版就輕鬆很多

改版網站會想這麼久,有一部分是受限之前的想法,覺得網站就是要整個改好,然後趁著夜黑風高的魔幻時刻,直接將改好跟原版的進行置換,這樣才能將對訪客的影響降到最低,已求無縫接軌的更新網站,知道歸知道,但我就是懶,所以就這樣放著不管它了。

而這次會有動力改,雖然是給日本版型公司給刺激到,不過最主要的關鍵是我就不理所謂「對訪客影響降低」的想法。反正我家流量也不高,一小時也就五六隻小貓會來,比起所謂看不到文章,網站一些細節改變,對訪客影響也沒多大,我家主流就靠搜尋而來,看不到文章比網站版面修正而導致的變來變去,應該更重要。

念頭一轉,於是就直接在網站動刀起來。先是動全域控制的如顏色、文字大小等,然後就是最容易看到的如首頁、頁頭、頁尾,這邊動完也累了,其他部分就分批有空慢慢來,如自我介紹、和服配件、場地租借等,不重要的就乾脆刪了,如網站地圖,最後大概花了四五天的時間結束網站改版。雖說四五天不過時間長度拉到兩個多禮拜,也因此改完之後也沒啥疲累感,只有一種喔~這樣就沒啦的驚嘆感。

別把自己看得太重要,是我這陣子深深的感受,之前很多網站經營概念,是建基於要網站大紅大火的目標而去學習。然在這影片為王的時代,文字與網站雖然有其重要性,但其重要性太不明顯了,想想平常自己的使用習慣大概也能推敲出的大概,要是把網站看得太重,會讓自己在經營上很累,花了十分的力氣,卻只有三分的收穫,或甚至一分都不到,最後網站也只能關閉。順帶一提,這次修改網站也發現不少連結都失效了,特別是隨意窩關閉,讓很多真的有價值的資料消失去了,之後要再找到這麼齊全的文章,恐怕難了。

看開這點後,由於讓 JetPack 判定為商業型網站,想看訪客數據得額外付費,看那少少的廣告費,就乾脆也直接跳過,不給看就不給看,大不了我去 GA 看,然後去看的頻率也從一天數次變成數天一次畢竟有些數據還是拉長時間去看,會比較有分析價值。當沒在想讓網站成為收入來源後,有更多心思在想文章了,以前想著要如何定期更新文章,現在想著這個話題有趣嗎?這個好玩嗎?之類的,能不能成為新爆紅的文章,就隨緣吧~

不過能這麼悠哉去經營網站,還是要感謝 Hostinger 主機的穩定與便宜,四年三千多的費用,一個月攤下來就一個雞腿便當,少吃一餐來換個有個專屬空間,這性價比還是挺高的。現在就只希望再過兩年約到期後的續約,那價格不要調太多,至少雙主菜便當的價格還在能承受的範圍,不過好像也沒啥便宜,機房又在亞洲的主機商也沒幾家可以選,到時再想想看怎麼辦吧~實在懶得搬家的說。

有 7 人閱讀過此文
返回頂端