貴設計
【Google Sites協作平台】教學、模版與費用|一篇你就都懂了

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

  1. 最完整的【網頁設計、網站架設】攻略|32個網站設計技巧
  2. 最精闢的【網站架設費用】解析|官網建置設計報價不被騙
  3. Wordpress購物車網站架設|電商建置、刷卡金流一把罩
  4. WP架站一人就搞定|16大【Wordpress網頁設計】教學

接著就讓我們繼續分享更多關於Google Sites吧!

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 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 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協作平台內嵌頁面

要嵌入一些頁面,可以採用以下方式:

  1. 點選「內嵌」Google Site協作平台教學
  2. 會跳出框框,先填寫「網址」->選擇「整個頁面」or「預覽」->「插入」Google Site協作平台教學
  3. 插入樣式Google Site協作平台教學
  4. 頁面ok,就可以「發布」Google Site協作平台教學
  5. 會出現草稿與發布狀態,如果ok,再按「發布」Google Site協作平台教學
  6. 預覽公布的頁面Google Site協作平台教學
  7. 查案Google Site協作平台教學

Google Sites協作平台模板/範例

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

如何換成公司標誌(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+SEO

Google Sites也能玩SEO?其實當然可以的哦。 當您使用Google Sites來建立網站並優化其搜尋引擎優化(SEO)時,請注意以下幾點重點

  1. 關鍵字研究:首先,進行關鍵字研究,以找出與您網站內容相關的關鍵字和詞語。使用Google的關鍵字規劃工具或其他類似的工具來找到受眾可能在搜索中使用的關鍵字。了解如何做關鍵字研究分析
  2. 優化頁面標題:確保每個網頁的標題反映了其內容,同時包含主要關鍵字。標題應該吸引用戶並有助於搜索引擎識別網頁主題。優化頁面標題
  3. 網站結構:確保您的網站具有清晰的結構,並使用適當的標題標籤(H1、H2、H3等)來組織內容。這有助於搜索引擎理解網站的層次結構。
  4. 內容品質:創建高質量、有價值的內容,並定期更新您的網站。搜索引擎喜歡新鮮和有用的內容,這也有助於保持用戶參與。可參考文章深度
  5. 圖片優化:優化您的圖片,以提高網站速度。為每個圖片添加適當的ALT文本,以幫助搜索引擎理解圖片的內容。
  6. 內部鏈接:在您的網站內部添加內部鏈接,以幫助用戶輕鬆導航並提供更多相關信息。這也有助於分發頁面權重。請參考內部、外部、反向連結是什麼?
  7. 外部鏈接:獲取來自其他可信任網站的外部鏈接,這有助於提高您網站的權威性。但請確保這些鏈接是自然的,避免使用不當的鏈接建設方法。
  8. 衡量和追蹤:使用Google Analytics或其他分析工具來追蹤您的網站流量,並了解用戶如何與您的網站互動。這將有助於調整和改進您的SEO策略。
  9. 行動優化:確保您的網站對移動設備進行了優化,這對搜索引擎排名至關重要,因為它們越來越重視行動友好性。

Google Sites協作平台購物車功能

Google Sites 是一個免費的網站建立工具,它可以讓用戶建立簡單的網站,並且可以與其他Google應用程式(如Google Drive、Google Sheets等)進行整合,方便協作和分享。
然而,Google Sites 本身並沒有內建的購物車功能。如果您想在Google Sites 上建立一個具有購物車功能的網站,您可能需要使用其他的工具或服務來實現這個功能。
一些第三方的電子商務平台(如Shopify、WooCommerce等)提供了網站外掛或應用程式,可以在Google Sites 上使用。您可以在這些平台上建立您的購物車,然後將其嵌入到您的Google Sites 網站中,從而實現購物車功能。請參考以下我們的文章。
一個人的【Wordpress購物車網站架設】

寫作平台首選 - 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有基本
商業廣告
網站主機(搬家)高,可隨時更換主機商不能搬家
網路商店免費
適合對象任何形式的都可以新手架站、暫時網站、簡歷等

了解更多Wordpress:20大【Wordpress是什麼】主題分享與教學

Google Site vs Google Blogger

Google Site 與 Google Blogger雖都是屬於Google的旗下產品,但在使用的受眾上是不同的。 Google Sites 的目標受眾是企業、教育機構和組織,用於內部和合作項目。Google Blogger 的目標受眾是個人博客作者和內容創建者,用於發佈個人或專業內容。 更多的差異請參考如下

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,因為擴充難,企業成長會受限。 了解更多 網站搬家