在這篇文章中,我將介紹如何以零基礎、零成本,來架設一個屬於你自己的網站,讓大家了解,真的不需要花大錢去架設網站,在文章最後還會教你如何通過技巧,提高你的網站在搜尋引擎上的能見度,以及在架設網站時幾個實用的小技巧,無論你是想要突破創業瓶頸的商家、準備開始網路事業的新手,還是想了解網站架設的人,希望你們都能在這篇文章中找到方向。
內文目錄
Toggle行銷規劃的再多,搜尋引擎卻還是找不到你?
想要獲得知名度,要學習的東西真的很多:行銷、經營社群、圖文後製,現在創業只有一技之長根本不夠用,各式各樣的商家開始湧入社群媒體,在Instagram和Facebook上的競爭力和宣傳成本都越來越高,通常到這時候,創業者們就會開始意識到,僅靠社群媒體,已經無法吸引更多流量。
許多人在開始創業到了一定的階段後,都會發現,好像不管在社群軟體做再多的行銷規劃,也沒辦法提升在搜尋引擎中的能見度,那是因為,依照現在Google搜尋引擎的分數計算方式來看,社群軟體在搜尋引擎上本身就不太好曝光,通常在搜尋頁面的第一頁,只會存在一個社群平台的網址。
覺得架設網站太貴嗎?許多人都沒有想過,自己也可以架設網站!
想要突破創業瓶頸,讓自己的商家曝光,那就需要架設一個自己的網站,但有許多創業者在了解到網站架設的價格之後,都會卻步,畢竟現在市面上的網站架設動輒都要上萬元,對許多中小型的店家來說也是一筆不小的開銷。
因為價格實在是偏高,又要再考慮到之後的廣告行銷、SEO,這些都會是不小的開銷,許多創業者到這一關就會卡關了,多數人都會開始重新評估,自己是不是真的需要網站,有沒有需要為了獲得網站,花費這麼多的預算。
但許多人都沒有想過,可以自己架設網站,其實很簡單!
自己架設網站,掌控自己網站的設計風格!
架網站是不是很麻煩阿?需要懂很多東西嗎?
架網站真的不會很難嗎?
真的不會!現在是資訊化的時代,許多架站平台為了吸引更多使用者,設計的越來越人性化,為的就是讓使用者更好上手,更快啟用,像是Wix、Weebly、Strikingly、WordPress這四個是現在市面上,比較多人使用的架站平台,而其中除了WordPress之外,都是非常適合新手學習的架站平台,在使用介面以及操作方式上都非常簡單直觀,現在架設網站真的越來越簡單。
沒有學過CSS、html還能架出好看的網站嗎?
答案是:絕對可以!
2024年的現在,還是有許多人對架設網站的印象,依舊停留在那個,需要打一堆程式碼的工程師時代,都會覺得,想要架設網站,就必須要學會CSS、html等等複雜的專業技術,讓架設網站對於非專業人士來說,總感覺遙不可及,最後還是一咬牙,花了大把的錢請別人幫忙架設網站。
但現在要架設網站已經變得越來越容易,甚至不需要學會任何CSS、html程式碼,架網站就像在玩遊戲一樣,只要會拖曳放置,放上圖片、文字,一個網站就完成了。
之後的文章也會手把手的帶大家,透過圖片,從零開始架設一個網站,只要跟著文章的步驟進行,一個網站就完成啦!
花錢架設網站有什麼好處?
網站架設公司提供的服務,根據價格的差異,也會有所不同,有的能夠在網站架設完成後,提供後台的控制權限,在未來能夠自由進行網站的更新、商品上架等等的操作,有些則是在需要做網站更新時,需要額外再花一筆錢來進行網站更新。
所以在委託架站公司架設網站之前,應該先規劃好對於未來網站的需求,選擇合適的方案。
自己架設網站有什麼好處?
簡單的脫脫拉拉,網站完成了
基本技巧都會了,但網站不好看怎麼辦?
對於架站新手來說,光是摸清楚單一個架站平台的工具,學會編輯,就已經很厲害了,但我們都不會希望自己的網站最後呈現出來的,只有單調的文字和圖片,我們都希望網站可以看起來更好看、更漂亮,那麼我們該如何讓自己的網站變得更美觀更吸引人呢?
下面分享幾個我在架設網站時會用到的小訣竅,學會這幾點,一定能幫助你提升網站的視覺效果。
架設出好看網站的秘訣
如何找出好的配色
對於一個網站來說,最重要的就是給予使用者的感受,當我們點進去一個網站,最先注意到的就是整個網站的色調,選擇適合的配色,給予使用者舒服的視覺感受,對於一個成功的網站設計來說非常重要。
要找到理想的配色方案,首先應該了解自身品牌的核心價值和目標受眾,從這些基礎出發,選擇能夠傳達品牌情感的主色調,再搭配能夠襯托主色的輔助色。
配色的選擇可以和LOGO相呼應,才不會讓LOGO的配色顯得突兀,且格格不入。
我們也可以利用色彩心理學的概念,確保網站的色調與我們想傳達的內容相符合,舉例來說,我們通常會用藍色來代表信任、自由,綠色代表成長、健康,如果你對配色真的沒有任何概念,也可以利用像Adobe Color或Coolors這些配色工具,快速生成和微調色彩組合。
也可以試著去參考與自己類似的成功品牌,參考他們的配色範例,幫助啟發靈感,最重要的,就是要確保你的配色方案在視覺上具有吸引力,同時符合品牌形象。
好的配色要能夠提升使用者體驗,增強品牌識別度,並保持視覺上的協調與美感。
減法設計也很好看
在使用像Wix、Weebly這樣的簡易架站工具時,我們很常會使用到減法設計,減法設計並不是字面上單純的去減少畫面中的元素,減法設計的最大目的在於,透過減少網站中的元素,就能夠將使用者的注意力集中在最重要的部分,讓網站更清晰、更直觀。
因為網站不會被過多的視覺元素所干擾,使用者可以更快的找到他們需要的資訊,更少的元素還能讓網站能夠有更快的加載速度,對於網站的SEO也有幫助。
要記得,網站並不是特效塞的越多就越好看,簡約的設計反而能更好的凸顯品牌的質感和形象。
圖片也是網站好看的關鍵!
圖片也是網站中非常重要的元素,在圖片的選擇上也不能馬虎,解析度高的圖片能提升網站的專業形象,模糊的圖片會導致使用者體驗不佳,一張圖片能為網站帶來很大的加分,在閱讀上也更容易吸引到讀者的注意力。
但是網站不是全部一股腦的把所有圖片就往上丟,在使用圖片的同時,也需要注意圖片的容量大小,對圖片進行適當的壓縮,以確保網站加載速度不會因圖片占用容量過大而變慢。
許多人都會希望自己網站上呈現的,都是看起來舒適的高清大圖,很容易都一拿到圖片,不去做任何後製壓縮,就放上網站,這會導致網站讀取速度變慢,如果圖片一多,網站可能還會跑不動,但是許多人又會擔心,圖片如果壓縮的話,畫質會變很差,就不好看了,那我們該怎麼避免這樣的問題呢?下面就來教大家,有關圖片壓縮的技巧和知識。
圖片設定
圖片能夠代替文字來傳達訊息給使用者,也能夠增加網站的視覺吸引力,但要記得,圖片本身對搜尋引擎並不具可讀性,白話一點就是,Google爬蟲沒辦法讀取和分辦圖片的內容,所以在網頁設計中,為圖片添加替代文字就非常重要。
- 什麼是圖片替代文字?
替代文字是一段簡短的文字描述,用來解釋圖片的內容和用途,這些文字不僅可以在圖片無法顯示時替代顯示,還有助於搜尋引擎理解圖片的內容,進而提升網站在相關搜尋中的曝光度,舉例來說,假如你的網站上有一張展示你產品的圖片,將圖片添加替代文字,明確的描述圖片中產品的特性及其用途,這樣一來Google爬蟲在瀏覽網站時,就能辨識出這張照片的含意,就能提高SEO的分數。 - 如何撰寫替代文字?
正確的替代文字應該簡短且精確的描述,包含與圖片相關的關鍵字,但也不要過度,替代文字的目的不僅是要幫助搜尋引擎理解圖片的內容,也要讓使用者能透過螢幕閱讀器,在看不到圖片的狀況下,用文字去理解圖片。 - 替代文字在SEO中的作用
為圖片添加替代文字可以提升網站的SEO分數,因為搜尋引擎會將替代文字當作是頁面內容的一部分,如果你的圖片替代文字包含了與頁面內容相關的關鍵字,那麼你的網站就有更大的機會出現在搜尋結果中,幫助網站更快速的到達第一頁提高排名,進一步增加流量。
圖片壓縮
圖片壓縮顧名思義,就是將原本的圖片通過電腦的運算,降低原始圖片的容量,而壓縮又分成兩種,一種是有損壓縮一種則是無損壓縮,而這兩者之間分別差在哪裡呢?
- 有損壓縮
有損壓縮是通過刪除或簡化圖片中,人眼難以察覺的細節,來減少文件大小,這種方主要是依靠電腦計算,利用人眼對於色彩和光度變化的敏感度,來對圖片進行壓縮。
例如,JPEG格式經常使用有損壓縮來減少圖片大小。JPEG算法會先將圖片分解成小塊(通常是8×8像素),然後對每一塊進行壓縮和編碼的轉換,那些對於人眼來說,不太明顯的細節會被捨棄,這樣就能達到圖片壓縮的效果。 - 無損壓縮
無損壓縮則是在不損失任何原始數據的前提下,通過複雜的演算,來減少圖片文件的大小,無損壓縮包括大家常見的PNG和GIF,這些格式通過識別並簡化圖片中重複的數據模式來達到壓縮效果。
例如,一個純色的區域可能會被壓縮成一個簡短的代碼,代表這一大片區域的顏色和位置。 - 圖片壓縮之後畫質會不會差很多?
答案是:其實不會!
儘管圖片壓縮之後容量大大減少了,但在畫面上,只有經過一次或兩次壓縮的圖片,畫質基本上看不出太多變化,但如果是本來解析度就不高的圖片,那當然就另當別論了,這主要是因為,壓縮是去除和簡化,照片中不太會注意到的細節,因為我們人眼對於那些細節,例如細小的顆粒雜點,和細微的顏色變化不會那麼敏感,因此這些細節被移除,我們在閱讀時也不太會被影響,但也要注意壓縮最好不要壓縮太多次,以免圖片失真。
壓縮圖片有哪些優點
- 提升網站加載速度:壓縮圖片可以大大減少網站的負擔和讀取時間,尤其是對於行動裝置和網絡速度較慢的使用者來說,這點至關重要。
- 節省主機容量使用:壓縮圖片還可以減少伺服器資源的消耗,許多網站都會和主機商合作,主機容量也有限,壓縮圖片也能降低網站運營成本。
- 改善用戶體驗:用戶不會持續停留在檔案過大而加載不出來的圖片上,網站加載速度對使用者體驗有很大的影響,壓縮圖片在提高加載速度的同時也能降低使用者的跳出率。
- 提升SEO效果:圖片壓縮不只會影響使用者,同時也會讓爬蟲在瀏覽網站時加載更加快速,這會影響到網站的SEO分數,特別是在Google等搜索引擎中的排名。
文字內容也不能馬虎
-
關於H1和H2標題的SEO重要性
首先第一點呢,在網站架設過程中,文字內容的層次結構對於SEO來說非常重要,我們會利用H1和H2標題,來幫助讀者理解文章結構,以及提升搜尋引擎對網站內容的理解,提高搜尋排名。
-
H1標題:頁面的核心
H1標題是每個頁面的核心標題,一個頁面通常只能有一個H1標題,這個標題應該要能夠吸引眼球,並準確的描述重點,搜尋引擎會將H1標題,視為該頁面的主要標識,因此在撰寫H1標題時,最好加入文章的主要關鍵字,以提升該字詞在相關搜尋中的曝光度,例如,如果你像我一樣在撰寫一篇關於「如何自己架設網站」的文章,那麼你的H1標題可能會是「零基礎自己架設網站的完整指南」。 -
H2標題:組織內容的關鍵
H2標題我們會用來分割頁面中的主要內容,將文章分成多個主題或部分,這不僅有助於提升頁面的可讀性,讓讀者能夠快速找到他們感興趣的部分,也能提高搜尋引擎的SEO分數,每個H2標題應該清晰的描述每一個段落的主題,和H1標題的使用方式基本相同,加入關鍵字,以及精準描述。
那麼有什麼是在撰寫H1和H2標題時,我們該注意的事呢?
- 避免重複和過於相似的內容:確保每個標題都是獨特且具體。
- 避免使用過於通用或模糊的標題:通常這樣的標題對於SEO幫助有限,也難以吸引讀者的注意力。相反,使用描述性且具體的標題,如「架設網站前需考慮的三大要點」或「提升網站曝光度的十大SEO技巧」,能更好地吸引搜尋引擎和讀者的注意。
- 分類太多太複雜:並不是每一個小段落就需要用到H2來做切割某些小的項目也能透過使用H3或是清單來進行分割。