新手網站架設的神器 Google Sites協作平台,為什麼這樣子說呢? 因為新手入門款以Google Sites協作平台練習,認識網站架設的基礎概念,接著再轉往進階班的Wordpress網頁設計。比較會循序漸進。
二來Google Sites協作平台網站架設費用0元,無主機費、無網址費,統統都免費,你可以自由任意的練習,無時間、成本的壓力(但缺點,如網站搬家難、SEO不易、外觀簡陋)。網站架設練習機找Google Sites協作平台非常適用。若想部落格賺錢,找它的好朋友 Google Blogger會更好用。官方網站、商業網站用Wordpress+佈景主題網站精緻又美觀。接著就讓我們繼續分享更多關於Google Sites吧!


Wordpress網頁設計只要拖拖拉拉元件,便可以網頁設計

Google Sites協作平台是什麼?

Google Site協作平台是什麼?Google Site協作平台可以拿來做什麼呢?Google site協作平台當初推出是拿來網頁設計,像編輯文件一樣,可以放影片、日曆、簡報等,以便與團隊溝通的網站。Google site協作平台演變成Google網頁建置的平台,主要是讓不會網站架設技術的人,也能自己快速網站架設,Google site協作平台有點類似Wix、Weebly,以拖拉式的方式建置網站,快速擁有一個簡單的網站。但若您架設網站是為了寫部落格的話,使用Google Blogger則會更適合。

Google Sites協作平台費用

Google Site協作平台費用是免費!免費!免費!的。所以只需要擁有Google帳號就可以使用囉! 當然Google Site協作平台也有付費的,只要升級Google Workspace(舊稱G Suite)企業協作工具,定期付費,就可以使用更豐富的工具,包含雲端硬碟、Email、日曆、文件等,也一起升級。 (參考更多網站架設費用)

Google Site協作平台教學

使用Google Site協作平台架設網站一點都不難,跟著教學一步一步,一下就完成囉!

  1. 登入Google Site協作平台
  2. 開始製作,可以先點選一個版型,點開「範例庫」就可以,我們已「活動」範本來做教學,點擊「活動」。Google Site協作平台教學
  3. 點擊後就會跳出來,可以立即編輯。Google Site協作平台教學
  4. 點擊期望更改的欄位,就可以編輯圖片、文字、背景、顏色等。Google Site協作平台教學
  5. 想加入其他樣式的排版,右手邊的「版面配置」點擊插入。Google Site協作平台教學
  6. 如果插入位置不正確,可以在左邊「十個點」,按著拖拉至放的位置。Google Site協作平台教學
  7. 如需「目錄」也有目錄可以選擇Google Site協作平台教學
  8. 如需多張圖片,按「圖片輪轉介面」。Google Site協作平台教學
  9. 如果圖太小,可以在藍色框框,拖拉到想要的大小。Google Site協作平台教學
  10. 如需要「按鈕」,就按「按鈕」,放上名稱與連結即可。Google Site協作平台教學
  11. 按鈕可以更改樣式,也可拖拉長度。Google Site協作平台教學
  12. 區塊也可以變樣式,滑到想要更改的區塊,最左邊出現「調色盤」,點擊區塊的樣式。Google Site協作平台教學
  13. 如果想要一樣的排版,可以依樣左邊按「複製版面」Google Site協作平台教學
  14. 想修改別的頁面點擊右邊「頁面」,也可以在這修改「導覽列」。Google Site協作平台教學
  15. 可以點選想編輯的頁面,就會在左邊出現,在照常修改。Google Site協作平台教學
  16. 如果想新增頁面,點選下方的「+」,編輯「名稱」後,案「完成」。Google Site協作平台教學
  17. 發現名稱不對想修改,在想改的頁面,滑鼠畫過去,出現三個點,點開來,按「屬性」,可以修改名稱。想修改網站路徑,點開「進階」,「自訂路徑」輸入英文,在按「完成」。Google Site協作平台教學
  18. 查看,要先「發布」。Google Site協作平台教學
  19. 點選「連結」圖示,會跳出來一段連結,按「複製連結」,可以查看與分享。Google Site協作平台教學
  20. 如果還在編輯,不想公開出去,可以滑鼠畫到那頁,點擊三點,按「在導覽列中隱藏」,就會隱藏,就不會出現在展示的頁面。如果想開啟,一樣點擊三個點,「顯示在導覽列中」就可以開啟囉。Google Site協作平台教學
  21. 導覽列的每一頁面,想要更換位置,可以直接在「頁面」,長按拖拉到你想要的位置。Google Site協作平台教學

Google Sites協作平台模板/範例

Google Site協作平台模板/範例免費版本有哪些可以使用呢?讓我們來看看~
Google Site協作平台模板/範例
點開「範本庫」就可以看到更多其他範本,點選其中之一就可以開始套用囉! Google Site協作平台模板/範例

Google Site協作平台換標誌logo教學

如何換成公司標誌(logo)/個人logo呢?只需要到設定一下就出現囉~!

  1. 最右邊齒輪「設定」Google Site協作平台換標誌logo教學
  2. 選擇「品牌圖片」-> 上傳「標誌」與「網站小圖示」Google Site協作平台換標誌logo教學
  3. 「標誌」所謂LOGO,會呈現在網站的最左邊。Google Site協作平台換標誌logo教學
  4. 「網站小圖示」所謂FAVICON,會呈現在網頁的標籤,小小個,記得上傳“正方形”的圖示。Google Site協作平台換標誌logo教學
  5. 這樣就完成Google Site協作平台換標誌logo更新囉!

Google Site協作平台網址教學

可自訂網址,網站架好,是有一組缺乏識別度的網址,可以需要自行購買,然後再設定。

  1. 首先到Godaddy購買網址與設定(前往:Godaddy購買網址與設定
  2. 登入Google Site協作平台
  3. 右上角,點選「設定」
    Google Site協作平台模板/範例
  4. 左欄點選「自訂網域」->「開始設定」-> 「使用第三方提供的網域」->「youdomin.com」空格輸入剛剛Godaddye購買好的網域。Google Site協作平台模板/範例
    Google Site協作平台模板/範例
    Google Site協作平台模板/範例
  5. 完成

Google Sites協作平台的好處

使用Google Site協作平台網站建置的好處呢?

  1. 不需要寫程式就能建置網站,任何人都可以快速上手。
  2. 響應式網站,不放過任何裝置,不管是手機、平板、電腦。(前往:響應式網站是什麼?
  3. 簡單的介面,非常直覺。
  4. 編輯器與Word檔案很像,完全沒難度。
  5. 免費,誰都可以使用,只需要有Google帳號即可。
  6. 可自訂網址,網站架好,是有一組缺乏識別度的網址,可以需要自行購買,然後再設定。
  7. 如果會寫程式碼,可以自行編輯HTML與Javascript,可以讓版面更豐富!

Google Sites協作平台的缺點

真要說Google Site的缺點就是難登大雅之堂,個人玩票性質、網站架設新手練習的話,選擇Google Site是一個很好的起點。 但若要為商業使用、企業營利的話,還是強烈建使用Wordpress網頁設計。相對於Wordpress,Google Site是有許多的缺點,如下

  1. Google Sites的模版設計,精緻感仍是相對的陽春,且版型數量非常少
  2. Google Sites的模版功能少、又不易維護
  3. Google Sites無外掛功能
  4. Google Sites無法做購物車網站
  5. Google Sites無法做複雜的網站
  6. Google Sites無法搬家

寫作平台首選 - Google Blogger

對於網站設計新手, 我們非常推薦Blogger,因為它"非常好用"。基於主要幾點例如0元架設(參考網站架設費用)、網站穩定、無廣告、教學資源多、SEO索引快速 。以上多種特點,對於網頁設計新手定能好好大玩一翻,等到對網站架設有一定的熟飪度,可以轉往 Wordpress架站。透過WP網站架設,網站版型更精緻美觀、功能擴充更強大。 但對於只想寫寫Blogger網誌文章、或透過Blogger賺錢,Google Blogger已是非常足夠了,現在馬上申請Gmail帳號即可登入Google Blogger,開始簡單又快速的 Google Blogger網站製作大法吧!

Google site vs Wordpress

WordpressGoogle site
費用免費免費
全世界市佔率約35.8% (約7000萬)約2萬
開發環境
操作較難簡易
程式技術
寫程式碼
客製化彈性
版型數量上萬個13個
更換版型容易容易
外掛插件上萬個有,免費的G Suite App
SEO有基本
商業廣告
網站主機(搬家)高,可隨時更換主機商不能搬家
網路商店免費
適合對象任何形式的都可以新手架站、暫時網站、簡歷等


Google Site vs Google Blogger

Google Site最大優點

  1. 拖拉式架站
  2. 可以存放在Google Drive
  3. 可以開權限給同事一起架站
  4. 修訂歷史紀錄

Google Blogger最大優點

  1. SEO有設定
  2. 有內容管理系統
  3. 可設定權限
  4. 可以編輯HTML


Google siteGoogle Blogger
費用免費免費
全世界市佔率約2萬約35.8% (約7000萬)
開發環境
操作簡易簡易
程式技術
寫程式碼
客製化彈性
版型數量13個多個,也有付費版型
更換版型容易容易
外掛插件有,免費的G Suite App有,10個以上
SEO有基本
商業廣告
網站主機(搬家)不能搬家不能搬家
網路商店
適合對象部落格新手架站、暫時網站、簡歷等

Google Sites的搬家

Google Sites有一個致命的缺點就是無法搬家,通常造成想要 網站搬家 有以下幾個原因

  1. 主機商服務不好
  2. 主機容量不夠
  3. 主機當掛點、當機
  4. 網站技術老舊
  5. 主機費昂貴
  6. 主機升級
  7. 網站擴充

但很顯然的前六點都不是google sites的缺點,甚至比別人好,但基於最後一點主機網站擴充就會讓你不想使用Google Sites。但很窘的是Google Sites不管想搬到任何的網站平台、系統,全部都不支援。要換平台、網站搬家就是全部重新設計,別無他法,所以再重申一句話,商務性質的網站,如企業形象官網、品牌官網,都千萬不要用Google Sites,因為擴充難,企業成長會受限。了解更多 網站搬家