也許我不是真正著迷於架網站

In 網頁設計, 職場日記

Made for more, by Jason Strull | Unsplash

今天洗澡時想通一件事,其實也不算想通,應該算是想得更清楚一些,那就是,也許我不是真正著迷於架網站,而是著迷於做內容!在此之前,對於做網站的熱誠,我 100% 是有的,如果你問我的興趣是什麼,我會跟你說「做網站」,然後「騎腳踏車」是我的嗜好。做網站和騎腳踏車這兩件事情,構成了一個完整的我,如果今天你不准我騎腳踏車,或者不准我做網站,我會很難過。

還記得以前曾經想過要去大陸工作,但想到大陸城市根本沒地方可以像台灣這樣可以騎腳踏車爬山,我就止步了。做網站的興趣,差不多就是從國中開始的,還記得當時我買的第一本電腦書,是教你如何使用 Microsoft FrontPage 的。那個時候,依樣畫葫蘆,透過 Hinet ADSL 寬頻所附贈的免費個人空間,我做了一個名為「天竺地域」的個人網站。

「天竺地域」這個網站名稱源自於當時一款 PlayStation 遊戲《光榮西遊記》裡頭的一個地名,現在回想起來真的是好中二啊!我記得當時,我只做好了網站 Logo、選單列,以及黑色的網站背景,就覺得頭昏腦脹了,並沒有真的放什麼內容上去,不過看到自己做的選單列超連結是真的可以點擊,在網頁之間切換來切換去,就覺得很有成就感,而且那個時候還有透過 Photoshop 為啟用中(Actived)的選單列按鈕做出不同變化,來向使用者表示說你現在正處在哪一頁,我當時覺得那是很大的躍進!

只不過很可惜的是,「天竺地域」那個網站,隨著 Hinet ADSL 方案政策改變,還有家裡 PC 電腦當機重灌,早就徹底的消失了,什麼紀錄也沒留下來。

第二個網站,就是高中時期的「無名小站」了,早期無名小站要註冊帳號是要透過 BBS 的,而我就是那個時期的使用者。有了無名小站之後,無名小站幾乎完全滿足我的需求,輕易地放照片、寫文字,然後跟朋友分享、互動,我開始在網路上記錄我的人生。不過在使用無名小站的過程中,常常想著要跟別人不一樣,要裝潢自己的網站門面,於是也開始研究如何修改無名小站的佈景主題。

當時,我唯一學過的 FrontPage 軟體完全派不上用場,因為無名小站的邏輯完全不是給你一個網站讓你亂改,而是你必須透過他們提供的介面操作,做為一個使用者,什麼事都不能做,頂多換換圖片,改改文字大小和顏色,僅此而已。

那個時候,開始接觸了 CSS,但老實說改無名小站 CSS 的過程,我完全看不懂什麼是 CSS,不知道 16 進位的 RGB 色碼代表什麼意義,也認不得「font-color」這種簡單的英文單字,其實它所代表的就是文字顏色的屬性,反正就是照著教學認整段文字的長相,硬改。

第三個網站,有鑑於無名小站實在是愈來愈跟不上時代,因此我在當兵那陣子轉移到介面更優質的 Google 部落格服務「Blogger」上面,Blogger 能夠改的地方更多,後台的操作介面更簡單,而我差不多也在這個時候,開始大量產出網站內容。

以前無名小站時期,我寫的是學校期末考之類的瑣事,在 Blogger 時期,我開始會把覺得有意義的文章貼在上面,或者是自己去國外挖一些有趣的行銷案例,自己翻譯,自己寫;如果我看到一個不錯的腳踏車影片,我也會透過 YouTube 或 Vimeo 語法嵌入的方式,放在我的網站上。這個個人網站,本質上還是分享,核心上還是內容。受惠於介面的關係,我開始可以用不同的方式,整理我的網站內容,也是整理我「這個人」的內容。

在 Blogger 玩了好一段時間之後,我的網站慢慢有了流量,雖然不多,每個月 5,000 位不重複訪客而已,不過對我來說,已經是個精神指標了,我開始喜歡上分享內容時的成就感。

在我透過 Blogger 接觸到許多網頁上的知識後,很幸運地,在朋友的介紹下,我接到了人生第一個做網站的客戶,不過當時很慘的是,我以為國中學的 FrontPage 技能可以拿出來用,但發現我早就忘光了,而且用 FrontPage 做出來的網頁實在是奇醜無比,而且程式碼臃腫不堪,難以維護。

我在無可奈何的情況下,只好趕快去買當時網頁設計的書來惡補 HTML+CSS 的手刻技能,花費了一個月的時間,終於重新打好基礎了,接下來的一個月,我用手刻的方式,完成了我人生中的第一個網頁設計案子。而且當時我初次與客戶的方式,就是文案加視覺統包,我透過訪談的方式,為客戶理出網站裡面該放什麼內容,這些文字該如何寫,消費者才看得懂。

最後網站終於做出來之後,我建立不少信心,至少以前許多看不懂的程式碼我都看得懂了。

過沒幾個月,我在當時公司的環境下,公司也有了要成立全新的新聞網站的需求(也就是後來的 AppleUser.com),當時的 TA 是鎖定全台灣的 Mac 使用者。在扛下這個任務之後,我想到我們可以嘗試自由度更高的 WordPress,而不是 Blogger。

於是我開始研究 WordPress,基本上,我是在完全不懂 WordPress 的情況下,幫公司架好 WordPress 的。但說是幫公司架 WordPress,但其實我並沒有真的去架,因為我只是請主機商幫我安裝好 WordPress 而已,而我就透過主機商提供給我的 WordPress 後台網址,開始安裝佈景主題(Theme)及外掛(Plugin)而已。

那個時候見識到佈景主題的神奇,一鍵可以改變整個網站的風格和結構,覺得 WordPress 實在是太強大了,在欲罷不能的情況下,公司的 WordPress 密集改版了幾次,中間玩壞了,主機商教我可以自己去後台重新安裝 WordPress,重新再來!

我覺得 WordPress 的操作怎麼可以這麼簡易,真是太好用的東西了!在一邊玩 WordPress 佈景主題及外掛的情況下,當然,我們也是很專注地在寫文章,因為當時公司的 WordPress 是一個新聞網站,那個時候我們的文章五花八門,需要透過修改網站的呈現方式,才能讓使用者更快找到需要的文章,才能讓對單一主題感興趣的消費者,看到更多其他同類型的文章。

對於經營內容,有許多想法,只要我們想得到,我就盡可能去找方法來實現,好在 WordPress 的外掛和教學爆多,還有軟體市集 Themeforest 可以買。因此對於導入新的功能,我們一直都滿順利的,慢慢地,我們公司的 WordPress 網站進入一個很理想的狀態,我們用心撰寫的內容,也因為這樣,得以用很好的方式呈現,被讀者們閱讀,逐漸養成屬於自己的讀者群。

經營 WordPress 的時候,我體會到我認為內容策展的重要性,其實比網站本身做得美醜,有更關鍵性的影響。因為好的內容就有 SEO 效果,有 SEO 效果,就等於每天都有大量的顧客自願上門,你根本不太需要花大筆的廣告預算來宣傳自己的網站。

其實,若不是在公司有機會架 WordPress,我根本沒有勇氣去接觸 WordPress,因為一想到要購買網域、租用主機,這種一開始就要付出去的成本,我根本不敢嘗試,只敢用免費的,但免費的東西實在是都不好用,總是零零落落的。

但因為有公司資源做為後盾,所以我因此做了許多嘗試,接觸主機商、網域管理、購買付費的佈景主題,在接觸一輪下來,我發現 WordPress 沒有我想像中的困難,因此就把當時自己的 Blogger 轉到 WordPress 去,自己付費架一個 WordPress 給自己用,網域名稱買自己喜歡的。

在架設個人網站 zeals75.com 之後,也開始玩一些自己覺得有趣的業餘專案(Side Project),全部都是內容優先(Content First)的網站。

2014 年

熱情先決:
我的 WordPress 版部落格,內容整合了過去 10 年從無名小站開始,一直到 Blogger 時代的所有文章。

徐仲威履歷表:
首次嘗試將履歷表網站化,我用這份履歷表獲得 isobar 的面試機會,最後順利進去工作。

2015 年

老徐書單:
因為我很喜歡看書,也很喜歡整理自己對於書籍的評價,原本我只是用 Google Sheets 整理,但「老徐書單」這個網站,我將書本封面以圖像化的方式呈現,希望可以讓 User 有種在逛書店、找好書的感覺。

老徐電台:
因為我很喜歡聽非主流的電子音樂,曾經在 2010~2012 年間經營過自己的 Podcast,與別人分享自己的音樂喜好,但由於之後我改用 Spotify,因此經營方式改成用歌單分享的方式,因此,老徐電台的定位就是一個入口網站,希望可以在 Spotify 的環境以外,有個入口。

2016 年

單車百岳:
一個無心插柳柳橙汁的爆紅專案,因為本身愛騎腳踏車的關係,想幫全台灣的公路車友整理騎車路線,想不到在 Beta 時就被人發現,然後轉貼,接著爆紅,一切都措手不及,我錯過了很多流量變現的機會,目前雖然沒有時間維護,但我永遠惦記著這個專案。

以上,大概就是我架網站的經歷縮寫了,從頭到尾,我想我的重心都放在內容上,我喜歡做有內容的網站,某個程度上就是內容行銷的領域,對於架站技術,我就不是程式碼高手了。

Facebook Comments


Submit a comment