零基礎、零成本就能架設網站!在搜尋引擎曝光的最佳方式

zero-cost-base-website-setup

在這篇文章中,我將介紹如何以零基礎、零成本,來架設一個屬於你自己的網站,讓大家了解,真的不需要花大錢去架設網站,在文章最後還會教你如何通過技巧,提高你的網站在搜尋引擎上的能見度,以及在架設網站時幾個實用的小技巧,無論你是想要突破創業瓶頸的商家、準備開始網路事業的新手,還是想了解網站架設的人,希望你們都能在這篇文章中找到方向。

marketing-lanning-seek-engine

行銷規劃的再多,搜尋引擎卻還是找不到你?

「明明做了那麼多行銷規劃,但是網路上就是搜尋不到」

想要獲得知名度,要學習的東西真的很多:行銷、經營社群、圖文後製,現在創業只有一技之長根本不夠用,各式各樣的商家開始湧入社群媒體,在Instagram和Facebook上的競爭力和宣傳成本都越來越高,通常到這時候,創業者們就會開始意識到,僅靠社群媒體,已經無法吸引更多流量。

許多人在開始創業到了一定的階段後,都會發現,好像不管在社群軟體做再多的行銷規劃,也沒辦法提升在搜尋引擎中的能見度,那是因為,依照現在Google搜尋引擎的分數計算方式來看,社群軟體在搜尋引擎上本身就不太好曝光,通常在搜尋頁面的第一頁,只會存在一個社群平台的網址。

覺得架設網站太貴嗎?許多人都沒有想過,自己也可以架設網站!

想要突破創業瓶頸,讓自己的商家曝光,那就需要架設一個自己的網站,但有許多創業者在了解到網站架設的價格之後,都會卻步,畢竟現在市面上的網站架設動輒都要上萬元,對許多中小型的店家來說也是一筆不小的開銷。

因為價格實在是偏高,又要再考慮到之後的廣告行銷、SEO,這些都會是不小的開銷,許多創業者到這一關就會卡關了,多數人都會開始重新評估,自己是不是真的需要網站,有沒有需要為了獲得網站,花費這麼多的預算。

但許多人都沒有想過,可以自己架設網站,其實很簡單!

自己架設網站,掌控自己網站的設計風格!

架設網站一定要委託其他公司嗎?我們為什麼不能自己架設網站呢?其實架設網站真的不難,只要稍微研究一些基本的架站平台,會發現架設網站真的可以很方便又快速,而且不僅可以節省成本,還能完全掌控自己網站的設計風格和功能。

架網站是不是很麻煩阿?需要懂很多東西嗎?

架網站真的不會很難嗎?

真的不會!現在是資訊化的時代,許多架站平台為了吸引更多使用者,設計的越來越人性化,為的就是讓使用者更好上手,更快啟用,像是Wix、Weebly、Strikingly、WordPress這四個是現在市面上,比較多人使用的架站平台,而其中除了WordPress之外,都是非常適合新手學習的架站平台,在使用介面以及操作方式上都非常簡單直觀,現在架設網站真的越來越簡單。

沒有學過CSS、html還能架出好看的網站嗎?

CSS-html-website-setup

答案是:絕對可以!

2024年的現在,還是有許多人對架設網站的印象,依舊停留在那個,需要打一堆程式碼的工程師時代,都會覺得,想要架設網站,就必須要學會CSS、html等等複雜的專業技術,讓架設網站對於非專業人士來說,總感覺遙不可及,最後還是一咬牙,花了大把的錢請別人幫忙架設網站。

但現在要架設網站已經變得越來越容易,甚至不需要學會任何CSS、html程式碼,架網站就像在玩遊戲一樣,只要會拖曳放置,放上圖片、文字,一個網站就完成了。

之後的文章也會手把手的帶大家,透過圖片,從零開始架設一個網站,只要跟著文章的步驟進行,一個網站就完成啦!

花錢架設網站有什麼好處?

當然,這篇文章也不是在說,花了大錢架設網站就代表你是冤大頭,專業的網站設計公司擁有豐富的經驗,能提供更省力且高效的解決方案,這對於一些希望專注於其他業務的創業者來說,仍然是一個不錯的選擇,可以節省學習時間的同時,也能確保網站的專業度。
「根據不同價格增加服務」

網站架設公司提供的服務,根據價格的差異,也會有所不同,有的能夠在網站架設完成後,提供後台的控制權限,在未來能夠自由進行網站的更新、商品上架等等的操作,有些則是在需要做網站更新時,需要額外再花一筆錢來進行網站更新。

所以在委託架站公司架設網站之前,應該先規劃好對於未來網站的需求,選擇合適的方案。

自己架設網站有什麼好處?

考量到預算問題,請架站公司架設網站,會根據頁數、內容、功能、特效、精細程度、SEO規劃,每家架站公司的價格以及網站的呈現都不相同,想要做出一個自己喜歡的網站,少不了與設計師來回重複的溝通,每一次的修正也都需要全程參與,才能保證做出自己滿意的網站,如果無法與架站公司的設計方向達成一致,可能就會花上大量的時間。
「一個依照自己想法設計的網站」
自己架設網站的最大優勢就在於能夠最大化的實現成本控制和個性化設計,雖然這也需要花費時間進行多次修正和調整,但自己架設網站最大的優點就在,我們可以完全按照自己的喜好來設計網站,在過程中還能學習到更多的技能,也能在未來對自己的網站做更多規劃。

簡單的脫脫拉拉,網站完成了

在前面提到的四個架站平台中,以Weebly為例,Weebly的最大優勢就是它簡單易用的拖放功能,使用這項功能不需要任何程式碼的相關知識,只需要從工具列中,將需要的元素如文字方塊、圖片方塊等,拖放到網頁中,放上圖片填寫文字,進行簡單的排列,就能輕鬆創建出一個網站。

基本技巧都會了,但網站不好看怎麼辦?

對於架站新手來說,光是摸清楚單一個架站平台的工具,學會編輯,就已經很厲害了,但我們都不會希望自己的網站最後呈現出來的,只有單調的文字和圖片,我們都希望網站可以看起來更好看、更漂亮,那麼我們該如何讓自己的網站變得更美觀更吸引人呢?

下面分享幾個我在架設網站時會用到的小訣竅,學會這幾點,一定能幫助你提升網站的視覺效果。

架設出好看網站的秘訣

Good-looking-website

如何找出好的配色

對於一個網站來說,最重要的就是給予使用者的感受,當我們點進去一個網站,最先注意到的就是整個網站的色調,選擇適合的配色,給予使用者舒服的視覺感受,對於一個成功的網站設計來說非常重要。

要找到理想的配色方案,首先應該了解自身品牌的核心價值和目標受眾,從這些基礎出發,選擇能夠傳達品牌情感的主色調,再搭配能夠襯托主色的輔助色。

配色的選擇可以和LOGO相呼應,才不會讓LOGO的配色顯得突兀,且格格不入。

我們也可以利用色彩心理學的概念,確保網站的色調與我們想傳達的內容相符合,舉例來說,我們通常會用藍色來代表信任、自由,綠色代表成長、健康,如果你對配色真的沒有任何概念,也可以利用像Adobe ColorCoolors這些配色工具,快速生成和微調色彩組合。

也可以試著去參考與自己類似的成功品牌,參考他們的配色範例,幫助啟發靈感,最重要的,就是要確保你的配色方案在視覺上具有吸引力,同時符合品牌形象。

好的配色要能夠提升使用者體驗,增強品牌識別度,並保持視覺上的協調與美感。

減法設計也很好看

在使用像Wix、Weebly這樣的簡易架站工具時,我們很常會使用到減法設計,減法設計並不是字面上單純的去減少畫面中的元素,減法設計的最大目的在於,透過減少網站中的元素,就能夠將使用者的注意力集中在最重要的部分,讓網站更清晰、更直觀。

因為網站不會被過多的視覺元素所干擾,使用者可以更快的找到他們需要的資訊,更少的元素還能讓網站能夠有更快的加載速度,對於網站的SEO也有幫助。

要記得,網站並不是特效塞的越多就越好看,簡約的設計反而能更好的凸顯品牌的質感和形象。

圖片也是網站好看的關鍵!

圖片也是網站中非常重要的元素,在圖片的選擇上也不能馬虎,解析度高的圖片能提升網站的專業形象,模糊的圖片會導致使用者體驗不佳,一張圖片能為網站帶來很大的加分,在閱讀上也更容易吸引到讀者的注意力。

但是網站不是全部一股腦的把所有圖片就往上丟,在使用圖片的同時,也需要注意圖片的容量大小,對圖片進行適當的壓縮,以確保網站加載速度不會因圖片占用容量過大而變慢。

許多人都會希望自己網站上呈現的,都是看起來舒適的高清大圖,很容易都一拿到圖片,不去做任何後製壓縮,就放上網站,這會導致網站讀取速度變慢,如果圖片一多,網站可能還會跑不動,但是許多人又會擔心,圖片如果壓縮的話,畫質會變很差,就不好看了,那我們該怎麼避免這樣的問題呢?下面就來教大家,有關圖片壓縮的技巧和知識。

圖片設定

圖片能夠代替文字來傳達訊息給使用者,也能夠增加網站的視覺吸引力,但要記得,圖片本身對搜尋引擎並不具可讀性,白話一點就是,Google爬蟲沒辦法讀取和分辦圖片的內容,所以在網頁設計中,為圖片添加替代文字就非常重要。

picture-settings
  • 什麼是圖片替代文字?
    替代文字是一段簡短的文字描述,用來解釋圖片的內容和用途,這些文字不僅可以在圖片無法顯示時替代顯示,還有助於搜尋引擎理解圖片的內容,進而提升網站在相關搜尋中的曝光度,舉例來說,假如你的網站上有一張展示你產品的圖片,將圖片添加替代文字,明確的描述圖片中產品的特性及其用途,這樣一來Google爬蟲在瀏覽網站時,就能辨識出這張照片的含意,就能提高SEO的分數。
  • 如何撰寫替代文字?
    正確的替代文字應該簡短且精確的描述,包含與圖片相關的關鍵字,但也不要過度,替代文字的目的不僅是要幫助搜尋引擎理解圖片的內容,也要讓使用者能透過螢幕閱讀器,在看不到圖片的狀況下,用文字去理解圖片。
  • 替代文字在SEO中的作用
    為圖片添加替代文字可以提升網站的SEO分數,因為搜尋引擎會將替代文字當作是頁面內容的一部分,如果你的圖片替代文字包含了與頁面內容相關的關鍵字,那麼你的網站就有更大的機會出現在搜尋結果中,幫助網站更快速的到達第一頁提高排名,進一步增加流量。

圖片壓縮

圖片壓縮顧名思義,就是將原本的圖片通過電腦的運算,降低原始圖片的容量,而壓縮又分成兩種,一種是有損壓縮一種則是無損壓縮,而這兩者之間分別差在哪裡呢?

Image-compression
  • 有損壓縮
    有損壓縮是通過刪除或簡化圖片中,人眼難以察覺的細節,來減少文件大小,這種方主要是依靠電腦計算,利用人眼對於色彩和光度變化的敏感度,來對圖片進行壓縮。
    例如,JPEG格式經常使用有損壓縮來減少圖片大小。JPEG算法會先將圖片分解成小塊(通常是8×8像素),然後對每一塊進行壓縮和編碼的轉換,那些對於人眼來說,不太明顯的細節會被捨棄,這樣就能達到圖片壓縮的效果。
  • 無損壓縮
    無損壓縮則是在不損失任何原始數據的前提下,通過複雜的演算,來減少圖片文件的大小,無損壓縮包括大家常見的PNG和GIF,這些格式通過識別並簡化圖片中重複的數據模式來達到壓縮效果。
    例如,一個純色的區域可能會被壓縮成一個簡短的代碼,代表這一大片區域的顏色和位置。
  • 圖片壓縮之後畫質會不會差很多?
    答案是:其實不會!
    儘管圖片壓縮之後容量大大減少了,但在畫面上,只有經過一次或兩次壓縮的圖片,畫質基本上看不出太多變化,但如果是本來解析度就不高的圖片,那當然就另當別論了,這主要是因為,壓縮是去除和簡化,照片中不太會注意到的細節,因為我們人眼對於那些細節,例如細小的顆粒雜點,和細微的顏色變化不會那麼敏感,因此這些細節被移除,我們在閱讀時也不太會被影響,但也要注意壓縮最好不要壓縮太多次,以免圖片失真。
這邊也推薦大家一個很實用的免費圖片壓縮網站。https://tinypng.com/

壓縮圖片有哪些優點

  • 提升網站加載速度:壓縮圖片可以大大減少網站的負擔和讀取時間,尤其是對於行動裝置和網絡速度較慢的使用者來說,這點至關重要。
  • 節省主機容量使用:壓縮圖片還可以減少伺服器資源的消耗,許多網站都會和主機商合作,主機容量也有限,壓縮圖片也能降低網站運營成本。
  • 改善用戶體驗:用戶不會持續停留在檔案過大而加載不出來的圖片上,網站加載速度對使用者體驗有很大的影響,壓縮圖片在提高加載速度的同時也能降低使用者的跳出率。
  • 提升SEO效果:圖片壓縮不只會影響使用者,同時也會讓爬蟲在瀏覽網站時加載更加快速,這會影響到網站的SEO分數,特別是在Google等搜索引擎中的排名。

文字內容也不能馬虎

text-content
內容是網站最重要的核心,在架設網站過程中,我們會花很多時間在對網站的內容進行修改跟操作,就是為了讓整個網站的內容更有價值,但光是網站內容有價值也不夠用,對於文字的設定也不能馬虎,文字上的設定並不複雜,只要記住以下這幾點,相信你也能創造出一個高品質網站。
  1. 關於H1和H2標題的SEO重要性

    首先第一點呢,在網站架設過程中,文字內容的層次結構對於SEO來說非常重要,我們會利用H1和H2標題,來幫助讀者理解文章結構,以及提升搜尋引擎對網站內容的理解,提高搜尋排名。

  2. H1標題:頁面的核心
    H1標題是每個頁面的核心標題,一個頁面通常只能有一個H1標題,這個標題應該要能夠吸引眼球,並準確的描述重點,搜尋引擎會將H1標題,視為該頁面的主要標識,因此在撰寫H1標題時,最好加入文章的主要關鍵字,以提升該字詞在相關搜尋中的曝光度,例如,如果你像我一樣在撰寫一篇關於「如何自己架設網站」的文章,那麼你的H1標題可能會是「零基礎自己架設網站的完整指南」。

  3. H2標題:組織內容的關鍵
    H2標題我們會用來分割頁面中的主要內容,將文章分成多個主題或部分,這不僅有助於提升頁面的可讀性,讓讀者能夠快速找到他們感興趣的部分,也能提高搜尋引擎的SEO分數,每個H2標題應該清晰的描述每一個段落的主題,和H1標題的使用方式基本相同,加入關鍵字,以及精準描述。

如何有效利用H1和H2標題?

那麼有什麼是在撰寫H1和H2標題時,我們該注意的事呢?

  1. 避免重複和過於相似的內容:確保每個標題都是獨特且具體。
  2. 避免使用過於通用或模糊的標題:通常這樣的標題對於SEO幫助有限,也難以吸引讀者的注意力。相反,使用描述性且具體的標題,如「架設網站前需考慮的三大要點」或「提升網站曝光度的十大SEO技巧」,能更好地吸引搜尋引擎和讀者的注意。
  3. 分類太多太複雜:並不是每一個小段落就需要用到H2來做切割某些小的項目也能透過使用H3或是清單來進行分割。
返回頂端