網站技術結構與行動版檢查的示意圖

google網頁製作教學:Google Sites架站步驟全解析

Posted by:

|

On:

|

不少人在Google搜尋「google網頁製作」,其實想找的是一個不用寫程式、也不用額外付費就能快速做出一個網站的方法。這篇文章要介紹的,就是Google旗下確實提供的一項免費建站工具:Google Sites。跟坊間許多文章把Google相關的建站選項一次列出來做總覽比較不同,這篇文章只鎖定Google Sites這一項工具,從登入帳號開始,一步一步帶你實際操作到把網站發布上線,讓真正想動手做的讀者,看完就能直接照著做。

開始之前:你需要準備的東西

使用Google Sites之前,其實不需要準備太多。只要有一個Google帳號(也就是平常登入Gmail或雲端硬碟用的那組帳號),就可以直接使用,工具本身不需要額外付費。真正值得花時間準備的,反而是動手操作之前的內容規劃:你打算讓這個網站有哪幾個主要頁面?每個頁面要放哪些文字與圖片?有沒有需要嵌入的地圖、影片或表單?把這些想清楚,會讓後面實際編輯的過程順暢很多,也比較不會做到一半才發現架構要整個重排。

另外要先有心理準備的是,Google Sites預設會把你的網站放在它自己的網址結構底下,如果之後想換成自己申請的網域名稱,會牽涉到另一段設定流程,這點後面會再說明。

建立新網站與選擇起始版面

登入帳號之後,進入Google Sites的服務頁面,會看到新增網站的按鈕,點下去就會打開一個空白的編輯畫布。畫面通常會提供幾種預先設計好的起手版型可以選擇,也可以直接從完全空白的畫布開始,自己一區一區把內容放進去。第一次使用的人,建議先從版型開始,比較容易掌握畫面上各個區塊分別對應到什麼功能。

進入編輯畫面後,記得先幫網站命名,畫面左上角通常有一個可以點擊修改的名稱欄位。這個名稱是給你自己在後台管理時辨識用的,跟訪客實際看到的頁面標題是分開的兩件事,兩者可以設定成不同文字,操作時不要搞混。

規劃頁面架構與新增頁面

一個網站通常不會只有一頁。編輯畫面的側邊會有一個頁面管理的面板,可以在這裡新增頁面、替頁面命名,也可以透過拖曳調整頁面之間的順序。如果某個頁面要放在另一個頁面底下,變成選單裡的次層項目,通常只要把該頁面往內縮排拖曳即可,畫面上會直接反映出選單的階層結構。

建議先把所有預計要做的頁面名稱都先建立出來,例如「首頁」「關於我們」「服務項目」「聯絡方式」,再回頭逐頁填內容,這樣比較不會做到一半忘記整體架構長什麼樣子。

編排版面與插入內容區塊

每個頁面的編輯方式,是透過畫面右側的插入面板,把不同類型的區塊拖曳放進畫布裡。常見會用到的區塊包括純文字方塊、圖片,以及各種Google服務的嵌入功能,例如嵌入地圖顯示店家位置、嵌入雲端硬碟裡的文件、嵌入YouTube影片,或是嵌入日曆讓訪客看到最新的活動時間。圖片可以直接從自己的電腦上傳,也可以直接選取雲端硬碟或相簿裡既有的檔案,不需要先下載到本機再重新上傳。

  • 文字方塊:可以調整字級與對齊方式,適合放段落說明
  • 圖片區塊:支援直接上傳或從雲端硬碟、相簿選取
  • 嵌入區塊:可放入地圖、日曆、表單、影片等Google服務內容
  • 版面欄數:多數區塊可以拖曳邊界調整寬度,做出左右並排的版面

放進畫布的每個區塊,都可以用滑鼠拖曳邊界調整寬度與高度,做出左右並排、或是單欄置中等不同的版面配置,操作邏輯跟一般簡報軟體排版有點類似,不需要理解任何程式碼。

設定主題外觀與導覽選單

畫面上通常會有一個佈景主題的面板,可以在這裡調整整個網站的色系與字型組合,讓所有頁面套用一致的視覺風格,不用每個頁面各自重新設定一次。頁首(也就是每個頁面最上方的區塊)也可以選擇要用橫幅圖片、純文字標題,或是放上自己的標誌圖檔。

導覽選單的呈現方式通常也可以調整,例如選擇要用頂端橫向排列的選單,還是側邊直向排列的選單,這部分建議依照頁面數量多寡來決定:頁面不多的話,橫向選單通常比較清楚;頁面層級較複雜時,側邊選單會比較容易呈現階層關係。

發布網站與後續管理

內容都編排完成之後,畫面右上角會有發布的按鈕,點下去之前,通常會需要設定這個網站要出現在什麼網址路徑底下。如果沒有另外設定,網站會放在Google Sites自己的網址結構之下,這個免費網址就可以直接使用,不需要另外申請任何東西。

發布時也會需要決定這個網站要公開給所有人瀏覽,還是限制只有特定帳號才能檢視,這個權限設定之後也可以隨時回來調整。如果之後希望改用自己申請的網域名稱,也就是把品牌自己的網址接上這個網站,會需要透過網域註冊商完成擁有權驗證與相關網域設定,這部分屬於比較進階的操作,建議另外抓一段時間處理,不要跟第一次發布網站排在同一天做。

使用這項工具前要知道的限制

Google Sites畢竟是一項偏向輕量、免費取向的工具,在功能彈性上會有一些先天限制,例如版面設計的自由度不如專業的網頁設計服務、無法像其他系統一樣安裝各式各樣的外掛擴充功能、可以調整的SEO相關設定項目也比較陽春,如果網站未來會需要複雜的會員系統或線上金流功能,這項工具通常不是合適的選擇。

比較實際的定位,是把它用在需要快速上線、內容相對單純的用途上,例如一次性的活動資訊頁、內部團隊共用的資料頁面,或是個人的簡單自我介紹網站。如果目的是要長期經營一個品牌官網,並且希望之後有更多調整彈性,通常會建議另外規劃更完整的網站架設方案。

常見問題

用Google Sites做出來的網站需要付費嗎?

工具本身與預設提供的免費網址都可以直接使用,不需要額外付費。如果之後想串接自己申請的網域名稱,網域本身的申請費用要另外支付給網域註冊商,這筆費用跟使用Google Sites這項工具沒有直接關係。

完全不會寫程式,也能順利做出網站嗎?

可以。整個編輯過程是透過點選與拖曳插入各種內容區塊完成,不需要輸入任何程式碼,這也是這項工具經常被拿來跟需要寫程式的架站方式互相比較的原因之一。

做好之後,之後可以整個搬到別的網站系統上嗎?

目前這項工具並沒有提供一鍵匯出成其他系統可以直接讀取的格式。如果之後想換成功能更完整的網站平台,通常需要把頁面內容重新製作一次,這點建議在一開始規劃網站用途時就先納入考量,避免日後臨時需要搬家卻找不到方便的轉移方式。

這項工具適合拿來做正式的公司官網嗎?

如果只是需要一個簡單、能快速上線的資訊頁面,例如活動介紹或小型自我介紹網站,這項工具相當合適;但如果公司希望長期經營品牌形象,也需要更完整的版面彈性與SEO調整空間,通常會建議另外規劃較完整的網站架設服務,才比較能因應之後成長的需求。

如果你在動手做網站之前,還不確定哪一種方式最適合自己目前的需求與預算,歡迎找創昇SEO聊聊。我們提供免費的網站健診服務,會針對你目前的狀況給出實際的建議;如果人在台灣,也提供全台免費到府諮詢,可以當面把問題與想法講清楚,再決定下一步怎麼走。

Posted by

in