Web Development

A man typing on the keyboard

三個使用WordPress架設網站的原因!

Table of Contents 上回解釋了什麼是內容管理系統(Content Management System)後,相信各位應該會很疑惑,在眾多CMS之中,應該選哪一個來開發自己的網站。 雖然隨著科技進步,網站改用其他CMS的步驟越來越簡單,不過一開始就選個合適的CMS才是最省時的做法。而筆者這次推薦的CMS就是WordPress了(我們自家的網站都是用WordPress搭建的)。 原因1:成熟的社群 由於WordPress的歷史悠久,而且是市場上使用量最大的CMS(2020年超過35%的網站都使用WordPress),因此WordPress的社群是極為成熟的。 當你第一次使用WordPress來開發網站時,基本上沒有什麼可能在毫無阻滯的情況下完成開發。大至不能安裝WordPress,小至不知道怎麼登入剛開的帳戶,一個新人總是會在開發時遇到障礙。 因此,你絕對需要一個成熟的社群來讓你開發的過程好過一些。筆者在學習WordPress的早期便深深體會到社群的重要性。曾經有一次我把問題發到討論區上,不到20分鐘便已經有一個資深的開發者寫了一個完整的解決方案給我。所以好的社群絕對可以大幅縮減你的開發時間! 在WordPress的討論區很容易就可以找到需要的解決方案 原因2:Search Engine的寵兒 無論你用什麼搜索引擎,它們都有著一個共同的目標,就是在其他條件不變的前提下,提供較為安全,可靠的網頁作為搜尋結果。 WordPress經過許多代的演化後,已經是一個相對其他選擇更安全,快速的CMS。因此搜索引擎都傾向提高WordPress網站的排名。簡單而言,在WordPress上進行SEO來增加流量比起其他CMS更加容易。 另外值得一提的是,WordPress有不少提供SEO建議的Plugin,有助網站的管理人員進行內容或者技術上的優化,提高網站在搜索引擎的排名。 說起Plugin,這就是WordPress的第三個好處。 Yoast SEO在WordPress中的界面 原因3:Plugins 大集合! WordPress的Plugins(外掛)生態是幫助WordPress成為CMS龍頭的關鍵因素之一。 在這個年頭,一般網站能夠想像到又有實際需要的功能,都已經有對應的WordPress Plugins了。無論你需要搭建一個管理存貨的網店系統,抑或是想稍微美化一下網站登入的界面,WordPress的平台上都會有Plugins可以幫到你。… Read More »三個使用WordPress架設網站的原因!

Thumbnail with the screenshot of two modern landing page design

為何你需要登陸網頁(Landing Page)?

Table of Contents 登陸網頁與廣告 筆者發覺,有不少人都會把網站主頁(Home Page)和登陸網頁(Landing Page)混為一談,甚至覺得網站主頁可以充當登陸網頁的角色。 登陸網頁對於線上營銷極為重要。簡單來說,Landing Page是專門為營銷活動而設的獨立網頁。相比起網站的Home Page,Landing Page會更加集中於帶動觀眾去完成特定的目標(e.g. 購買產品,註冊免費試用的戶口)。 Landing Page會直接影響營銷活動的成效。因此,如果你希望推廣自家品牌的產品/服務,而又對Landing Page的概念感到陌生的話,接下來的內容絕對會幫到你! 登陸網頁vs網站主頁 一般而言,Home Page相比起Landing Page並不適合作為營銷活動的其中一環。 其他因素不變的前設下,在營銷活動中使用Home Page的話,轉換率都會比起使用Landing Page低。 那麼到底是導致Home Page在營銷活動中會獲得較低效益呢? 滲漏問題… Read More »為何你需要登陸網頁(Landing Page)?

Thumbnail with illustration of two opened browsers

一文看懂:到底Domain Name/域名是什麼?

Table of Contents 域名存在的意義 了解域名的意義前,我們可以先看一下網站的IP Address。 當我們把網頁寄存在網頁伺服器後(例如Bluehost,Siteground等),網頁寄存的伺服器都會有對應的IP Address。對應的IP Address會是一串代表該伺服器的數字,例如172.217.168.196。 如果我們在瀏覽器中輸入網頁寄存伺服器的IP Address,瀏覽器就會發送請求至該伺服器,來獲得伺服器回應的網頁內容。 因此,平常你所有接觸的網頁,都會有對應的IP Address(一串數字)。 以Google為例,如果我們以線上的工具尋找Google的IP Address,就可以找到Google 的IP Address為172.217.168.196。 但IP Address實在是非常難記。 域名(Domain Name)的存在,就是為了解決IP Address難記的問題。 同樣以Google為例,試想想,如果沒有Domain Name的話,我們就不能跟朋友說: “你去Google一下這個是什麼意思”… Read More »一文看懂:到底Domain Name/域名是什麼?

Thumbnail of Sparka Digital's blog post about conversion rate optimization of landing pages

白白浪費75%的網頁流量!客戶個案分析【登陸頁面設計】

Table of Contents 登陸網頁的設計哲學 登陸網頁(Landing Page)作為線上購買產品的熱點,它說得上是主宰線上營業額的重要角色。因此,設計登陸網頁或銷售頁面所需要的思維,與網站裡其他的頁面並不一樣。 這次,我們將會從Sparka Digital其中一個客戶個案中,總結出4個提升登陸網頁轉化率的方法,幫助你獲得更多線上顧客。 客戶個案 今次的客戶是一間開發手機App的公司。他們的收入主要來自訂閱應用程式中Premium Membership的用戶。除了優化他們的Facebook廣告之外,我們亦為了提升應用程式的下載量而重建了他們的網站,包括登陸頁面。 由於客戶自己並沒有開發網頁的經驗,因此他們在網上自學WordPress的基礎知識後,便自行搭建了一個較為簡陋的登陸頁面。 說真的,筆者第一次到訪他們網頁的時候,心底裡覺得網頁的設計真的頗為糟糕(不要見怪~)。基本上,所有常見的設計錯誤都出現了在他們的登陸頁面之上。但往好的方向去看,筆者亦因此在項目開始前,已經大概預計到網頁翻新後的進步幅度會很大。 接下來我們將會談談,4個在個案中見到的常犯錯誤,和對應的解決方法來提升網頁的轉化率。 錯誤1:為寫而寫的內容 不少人以為一個好的網頁必須具備豐富的文字內容。但其實真正重要的,是網頁的內容能否為到訪者帶來價值/引起他們的興趣,而並非文字的分量。 如果1-2句的文字就能夠概括產品賣點的話,那麼筆者先恭喜你!因為至少你的產品定位應該較為清晰。記著,千萬不要為了拖長內容,而加入大量對讀者沒有價值的內容。 以我們的客戶為例,其實他們的應用程式只有2個簡單的賣點,但他們卻為了令登陸網頁的內容看上去更加飽滿,而把介紹產品的文案拖長至400字左右(我們把文案重寫後只有39字)。 今時今日,大多數人瀏覽網頁時的注意力都非常有限,如果我們讓讀者連續看見幾段他們不太在乎/欠缺價值的內容,他們很可能就會直接離開網站,因此,無論如何都不要把登陸頁面的內容拖長。 以Apple的官網為例,其實介紹產品的文案絕對不需要很冗長 錯誤2:只有一個CTA按鈕 外國有一些A/B Test證實了嵌入兩個或以上的CTA按鈕於網頁內,可以明顯提升網頁的轉化率。到底為什麼重複的CTA按鈕可以提升網頁的轉化率? 這是因為很多時候,觀眾並不會記住網頁元素的位置,包括CTA(Call to… Read More »白白浪費75%的網頁流量!客戶個案分析【登陸頁面設計】

Thumbnail of Sparka Digital's blog post about site speed optimization

4招輕鬆提升網頁載入速度

Table of Contents 網頁速度與用戶體驗 相信很多缺乏網頁開發經驗的人,都會碰到網頁載入速度過慢的問題。網頁載入速度與品牌的線上用戶體驗息息相關。假如網頁等了10秒依然沒有任何東西出現的話,不難想像瀏覽器另一端的用戶將會感到很不耐煩。 因此,一個好的網頁除了外觀吸引,容易使用外,還需要顧及載入速度,才能營造出良好的用戶體驗。如果你的網頁為了美化外觀而犧牲了其功能性,其實是本末倒置的做法。 載入速度對生意的影響 網頁速度過慢對銷量的負面影響,可以在兩個層面體現: 轉化率(Conversion Rate) 網頁流量(Site Traffic) 從轉化率的角度出發,外國的研究指出,網頁載入的首5秒之中,平均每多加1秒的載入時間,轉化率就會下跌超過4%。因此,過慢的載入速度會直接令你失去原本有機會消費的潛在客戶。 另外,從網頁流量的角度出發,Google一直以來都強調網頁速度是影響搜索排位的因素之一。雖然坊間就網速對搜索排位的影響有多大並沒有一致的結論,但從常理推測,在其他條件不變的前提下,Google必定會優先推薦用戶體驗較佳的網頁。因此,載入速度過慢或多或少都會降低網頁的自然流量(Organic Traffic)。 如何測試網頁速度 Google PageSpeed 是最常用的網頁測試工具之一。只需要輸入自家網站的URL,然後稍等一會,PageSpeed就會總結網頁的速度表現。 PageSpeed會顯示網頁的綜合分數,並列出有關網頁速度的問題,和建議的解決方法。用家亦可在上方選擇觀看行動版和電腦版的數據。 Google PageSpeed界面中,會顯示改善網頁的建議。左上角可以選擇行動版和電腦版的數據。 接下來,筆者將會介紹一些較為容易實行的方法來提升網頁的速度。 方法1:優化圖片 筆者在幫助客戶解決網頁速度的問題時,最常碰到的毛病就是沒有優化的圖片。… Read More »4招輕鬆提升網頁載入速度

Thumbnail of a blog post explaining what is content management system and WordPress

初次建立網站?10分鐘搞懂WordPress及CMS

Table of Contents 對於有網頁開發經驗,或者擁有線上業務的人來說,WordPress應該不是什麼新鮮的事物。 截至2020年,全球有超過30%的網站都使用WordPress的系統建構。WordPress受歡迎的程度可見一斑。 很多初次接觸WordPress或架設網站的人,都會對WordPress的感到十分疑惑。甚至看完一大堆教學影片後,依然未能把有關WordPress的零碎概念組織起來。 WordPress 與內容管理系統 (CMS) 不少人向筆者查詢有關WordPress的問題時,都誤解了WordPress的性質。 首先,WordPress系統不是一個網站。你的網站可以利用WordPress來幫你管理內容,但WordPress的本質並不是一個網站。至於wordpress.org及wordpress.com這些網站到底是什麼,我們稍後再說。 另外,WordPress更加不是一個伺服器。如果你的網站希望利用WordPress來管理內容的話,你便需要把WordPress安裝在網頁伺服器(Web Server) WordPress本質上是一款內容管理系統(Content Management System,CMS)。因此,只要我們搞懂了CMS的原理和功能,自然就會明白WordPress在網頁開發的角色。 什麼是內容管理系統(CMS)? 要了解什麼是CMS的話,我們可以把CMS拆成兩個部分來研究:內容(Content)和管理系統(Mangement System)。 內容在網頁開發的層面,就是任何儲存起來的資料。文字,圖片,影片,聲帶,PDF檔等等都屬於網頁的內容。 至於管理系統(Management System)在這裡的意思,就是讓管理人員操控這些內容的工具。例如,你可以透過系統設定內容可以讓什麼人看見,或者內容在什麼時候以什麼格式展示給用戶。 以下是一些透過主流CMS(例如WordPress等)可以實現的操作: 有註冊帳戶和沒有註冊帳戶的用戶分別看到不同的登陸頁面。 登陸頁面自動展示最新發布的一篇文章,而無需每次有新文章發布時手動更改登陸頁面的推介文章。… Read More »初次建立網站?10分鐘搞懂WordPress及CMS