打造個人品牌的第一步，如何用Strikingly架設免費個人網站影片連結：https://youtu.be/_LeRX3haAKs

你目前可能要打造個人品牌，或是製作公司網站，甚至可能要做個活動頁面、Landing Page等等。甚至小到你想做個漂亮的網路履歷、大到開設網路店鋪，但你暨不懂程式語言，同時覺得做網站的技術門檻似乎很高，像我這樣的門外漢，有辦法靠自己完成網站的建製嗎？有的！這集將教您如何在不懂HTML，也不懂Wordpress怎麼製作的情況下，透過Strikingly免費架站平台，製作出漂亮的一頁式網站。

首先，我們要先來挑選架站平台。

市面上有許多的免費架站平台，有名的像是Weebly、Wix、還有Strikingly等等…，這些平台我都使用過，因當時2018年我要建自己的個人網站時，這些平台我都試用過了一輪，其中Strikingly是我覺得裡頭使用上最直觀、好上手的一款免費架站平台，免費版的可以建置一頁式網站，如果你有付費升級成專業版或VIP版的話，可以做多頁式網站，同時裡頭的功能和模組會比較多，讓你的網站看起來更專業，也比較能滿足你在功能上需求。

好的，我們現在正式進入Strikingly的教學，我這邊先針對免費版的內容進行說明，首先，您在Strikingly註冊你的帳號，輸入姓名、電子信箱、建立一組密碼後，就可以馬上開始免費製作。

我接下來的內容，會先以介紹網站後台的介面，說明他的作用，讓你比較清楚要什麼功能，可以先去哪裡找；影片後半段，我再實際示範製作一個網頁，讓你透過實際案例，了解架設一頁式網站的其實沒有這麼難。最後，我在分享專業版網站後台，有什麼不一樣的地方。

一、挑選你喜歡的版型

我先以我的免費帳號作例子，你進入後，首先我們先按左上角「新增網站」，我們選取一款模板後，就可馬上開始，過程中你可以隨時更改模版，所以我們先挑一款來作。

二、認識你的網站設計後台介面

1. 新增板塊 (Module)

選定後，進入網站後台，你會看到左邊這一串，是網站版塊，右邊是你要製作的網頁。你可以透過「新增版塊」來增添你要的功能，版塊包含：線上商城，這是如果你是電商或微商的經營者會用到的，然後產品展示，雖然他寫的是產品展示，但其實你也可以拿來做其他類似的功用，比方你想呈現三個特點，或是你的公司有三位成員，放上他們的照片，你可以在底下描述一下他們的職稱或負責的項目。再來，簡易部落格，透過這個版塊，你可以在裡頭寫許多文章，這對於你如果要作內容行銷的話，這一塊可以使用到。再來「頭條」，對於一頁式網站來說，我覺得頭條會是你網頁一進來看到的那個主視覺，這裡可以放置你網站的主標題、也可以設置按鈕功能，比方你想做表單連結，或是連結到另一個網址，或是提供別人下載檔案，甚至嵌入你的Line ID或Email信箱都可以。

另外還有價目表，假設你有一種商品，但是有不同等級的價差與特性，你可以透過價目表呈現這個商品在不同等級規格下的比較表。至於網站內容的圖文編輯，你還有許多版塊可選，像是橫向佈局、縱向佈局、純文字內容、資訊欄等，都可以從下面的版塊進行選擇。你應該也會發現，像是有輪播功能的滑塊和輪播圖，以及自訂表單的部分，甚至在應用商店與HTML程式碼這項功能中，有許多進階功能無法使用，像是你無法嵌入HTML功能，來做更進一步的個人化修改；也無法串接Mailchimp電子報系統，這些都是必須升級為專業版才能使用到。

2. 風格設定 (Style)

再來看到上方「風格」的地方，這邊會秀出你「當前使用的模板」，你不喜歡目前的版型的話，可以到下面這邊來挑選。此外，你也可以在目前套用的版型之下，修改你網站的配色方案，比方你的品牌色系是白色與紅色，那麼你可以在這邊進行調整。字體也是，可以分別為標題、副標題，和文本重新挑選字型，標題和導航、板塊內容的寬度與間距、對齊方式等，都可以在這邊調整。基本上，我喜歡動畫的部分做調整，讓他頁面滑入、背景圖產生視差、或是滑鼠移過去產生放大或產生黑色透明遮罩等效果。這些到時候你們可以自己玩玩摸索，其實很簡單、很好玩的。我們按「返回至網站設計」。

3. 設置 (Setting)

再來就是「設置」這塊，這一塊的資訊很重要。這裡你可以設置你的網域，如果你想要購買自己專屬的新網域，可以按此購買，搜尋看看你想要的域名有沒有人使用，一個網域每年24.95美元，相當台幣七百多元，如果你不想買專屬網域也行，可以使用免費的，也就是Strikingly的子網域，你在這個欄位可以進行修改，只是這是掛在Strikingly的網域下。

再來，基本資料的地方，你要填寫好你的網頁標題，這標題會出現在Google搜尋後的結果頁面，以及網頁開啟後上方標籤出現的網頁名稱。這個標題取得好，外加下面網站描述的內容寫出重要關鍵字，將對你的網站排名有影響，同時也會影響讀者是否願意點擊進來看。然後你按照上方寫的圖片尺寸建議，上傳你的品牌圖像，像是Logo或是代表你的圖。以上資料輸入完畢後，然後按儲存。

由於非專業版，所以中間這些區塊我們可以都跳過去，來到下面「服務」這塊，如果你想要設定Google Analytics (GA)分析追蹤器的話，可以把你的GA追蹤碼貼到這裡，以及Google Search Console的meta標籤貼到這裡，這樣就可以追蹤你的網站，大家都是透過哪些關鍵字找到你的網站，以及你的網站在哪些關鍵字的排名表現如何。這部份我再另外開一集影片，針對安裝GA和Google Console的內容進行教學。

以上是透過免費版的Strikingly架設你的一頁式個人網站的方法。但如果你想要讓你的網站看起來更豐富，不管內容還是功能上，我建議升級為專業版。使用專業版的好處除了輪播的Banner也就是滑塊與輪播圖，可以讓你的網站美觀度提升外，「自訂表單」這項也很重要，如果你想透過網站進行名單的蒐集，我覺得這項功能不可少，但也不是說一頁式網站就無法做到名單搜集的目地，只是你可能就用另外的方式解決，比方說，在主視覺Banner上可以設置一個按鈕，連結到Google表單也行。而專業版提供自訂表單，讓你的網站完整度提高，同時還可作多頁式網站、下拉式選單、或是鎖住某個頁面等。

不管如何，開始動手做才是重點，你可以立即點開影片下方的Strikingly連結，免費註冊一組帳號來實做看看。

由於有一些經營東森的加盟商詢問如何建置網站，因此影片內容中用了一些從經營東森事業的角度，帶入如何透過Strikingly製作網站，亦即，萬般道理皆同，只是用加盟商要做東森事業的個人/團隊網站為例。

Strikingly免費架站平台：https://www.strikingly.com/a/pRKcCS​

Canva-任何人都能上手的設計工具 https://www.canva.com/zh_tw/​

免費圖片壓縮的平台：https://free.com.tw/squoosh/​

關注我的行銷、工作技能、職場觀察的個人網站：https://www.fufusee.com