什么是 Google Sites?
Google Sites 是一款免费的、基于浏览器的网站构建工具,包含在 Google Workspace 生态系统中。它允许个人、团队、学校和组织创建结构化的多页面网站,而无需编写任何代码。与传统的网站开发工具不同,Google Sites 完全在 Google 帐户中运行——无需支付托管费用,无需配置域名即可开始使用,也无需安装任何软件。已发布的网站托管在 Google 的基础架构中,位于sites.google.com的子域名下,或者可以映射到自定义域名。
严格来说,Google Sites 有两个版本。最初的版本,有时被称为“经典 Google Sites”,于 2008 年发布,基于对 JotSpot 的收购。Google 从 2016 年开始用完全重建的产品——“新版 Google Sites”——取代了它,经典版已于 2021 年正式关闭。本文仅介绍当前的新版 Google Sites。
为什么谷歌网站很重要
Google Sites 在网站建设领域占据着一个独特且真正有用的细分市场。它并非试图与 Squarespace 在作品集网站领域竞争,也并非试图与 WordPress 在内容丰富的发布领域竞争。它的真正价值在于一些更为特定的应用场景,在这些场景中,简洁性、与 Google Workspace 的集成以及零成本比设计灵活性或高级功能更为重要。
- 个人用户完全免费:任何 Google 帐户持有者都可以免费创建和发布 Google Sites 网站。没有高级会员服务,没有付费模板,日常使用也无需支付带宽费用。
- 原生集成 Google Workspace: Google Sites 可以将 Google 文档、表格、幻灯片、表单、地图、日历、云端硬盘文件夹和 YouTube 视频直接嵌入到页面中。嵌入的内容会保持实时更新,并在源文件更改时自动更新——这是任何第三方网站构建器都无法如此无缝实现的功能。
- 由谷歌基础设施管理:网站由谷歌的全球 CDN 提供服务,这意味着它们加载速度快,并且无需网站所有者进行任何配置即可享受谷歌的正常运行时间可靠性。
- 内置协作功能:多人可以同时编辑 Google 协作平台,共享和权限模型与 Google 云端硬盘相同。这使其非常适用于团队内部网、课堂项目和部门页面。
- 零维护成本:无需更新插件,无需应用安全补丁,也无需管理服务器配置。谷歌会默默地处理所有这些工作。
对于需要搭建课堂资源中心的教师、发布内部政策门户的人力资源团队,或是预算有限但又需要基本公共形象的小型非营利组织来说,Google Sites 通常是最实用的选择。当然,它也存在一些不足——设计自定义功能有限、不支持电子商务、SEO 工具也比较简陋——但对于其目标用户而言,这些限制通常无关紧要。
Google Sites 的工作原理:核心架构
了解 Google Sites 的技术运作方式有助于准确了解它的功能和局限性。
编辑器界面
Google Sites 使用拖放式 WYSIWYG(所见即所得)编辑器,完全通过 Web 浏览器访问sites.google.com 。编辑画布分为右侧面板(包含三个标签页——“插入”、“页面”和“主题”)和中央画布(代表正在构建的页面)。
“插入”面板包含网站创建者可用的构建模块:
- 文本框——基本段落和标题内容
- 图片——可以是设备上传的图片、从 Google 云端硬盘下载的图片,也可以是通过 Google 图片搜索找到的图片。
- 嵌入— 用于外部内容的原始 URL 或 iframe 嵌入代码
- 云端硬盘项目——文档、表格、幻灯片、表单和文件夹,均实时嵌入自 Google 云端硬盘
- YouTube — 通过 URL 或搜索嵌入视频
- 日历、地图、图表——直接嵌入 Google 产品
- 可折叠文本、目录、按钮、分隔线和图像轮播——结构布局元素
每页内容都分为若干部分。各部分垂直堆叠,可通过拖拽重新排序。在同一部分内,基于网格的布局系统允许创建者并排放置多个内容块。与 Webflow 甚至 Wix 等工具相比,该布局网格相对粗糙,但足以创建简洁易读的页面。
页面和导航
Google 网站由多个页面组成,并通过“页面”标签进行管理。页面可以嵌套,形成简单的层级结构——一个父页面,其下包含子页面。网站会根据页面结构自动生成导航栏,但创建者可以控制导航栏中显示的页面及其顺序。网站没有内置的超级菜单或页脚导航系统;导航栏是位于每个页面顶部的单个水平导航栏。
主题与视觉设计
“主题”选项卡提供了一组预设的视觉主题,每个主题都控制着字体、调色板和标题样式。在选定的主题中,创建者可以调整主色和辅助色,并从有限的字体组合中进行选择。用户无法访问原始 CSS,无法上传自定义字体,也无法直接编辑 HTML。这是有意为之的限制——Google Sites 以牺牲设计自由为代价,换取了简洁性和一致性。
发布和托管
网站准备就绪后,点击“发布”按钮即可上线。Google Sites 提供两种发布选项:
- Google 子域名:网站发布在格式为sites.google.com/view/your-site-name的 URL 上。此方式即时生效,完全免费,无需任何配置。
- 自定义域名:网站所有者可以通过域名注册商添加 CNAME 记录,将自己拥有的域名映射到 Google Sites。Google 会提供具体的 CNAME 值供您使用。域名本身需要单独购买和续费——Google Sites 不出售或管理域名。
所有已发布的 Google 网站均自动通过 HTTPS 提供服务。Google 网站没有通过普通 HTTP 提供服务的选项,从安全角度来看,这是一个合理的默认设置。
访问控制和可见性
Google Sites 为已发布的网站提供三种可见性设置:
| 可见性设置 | 谁可以查看 | 典型用例 |
|---|---|---|
| 公众(网络上的任何人) | 所有互联网用户,无需登录 | 面向公众的网站、非营利组织页面、课堂资源 |
| 任何有链接的人 | 任何拥有该网址的人都可以访问,无需登录。 | 共享项目页面、活动网站,分发范围有限 |
| 特定个人或群体 | 只有明确授予访问权限的 Google 帐户才能访问 | 内部团队门户、学校内网、私有文档 |
对于使用 Google Workspace 教育版或 Google Workspace 企业版的组织,还有一个额外的选项可以将查看权限限制为仅限组织域内的成员——这对于内部知识库和人力资源门户来说是一项至关重要的功能,这些内容绝不应该公开访问。
编辑权限的工作原理
Google Sites 使用与 Google 云端硬盘相同的权限模型。网站所有者可以与其他 Google 帐户持有者共享编辑权限,权限分为三个级别:查看者、编辑者和所有者。编辑者可以修改内容并发布更改。所有者可以更改共享设置并删除网站。对于已经在使用 Google Workspace 的团队来说,这种模型使得协作建站变得非常简单,因为其工作流程与共享 Google 文档完全相同。
草稿状态与已发布状态之间的关系
Google Sites 严格区分网站的草稿(未发布)版本和正式发布版本。在编辑器中所做的编辑不会立即显示在网站上,直到网站所有者明确点击“发布”按钮。这意味着团队可以进行重大更改——例如重组页面、更新内容、添加新版块——而无需担心这些更改对网站访问者可见。这是一个简单却重要的工作流程功能,可以防止意外发布未完成的工作。
然而,它并没有像 WordPress 或其他 CMS 平台那样,为已发布状态提供内置的版本历史记录功能,例如回滚功能。编辑器虽然会在会话期间保留撤销历史记录,但事后无法将已发布的站点恢复到之前的发布状态。对于内容准确性至关重要的网站来说,这是一个很大的限制。
移动响应式
所有 Google Sites 网站默认都采用响应式设计。布局会自动适应较小的屏幕,无需网站创建者进行任何额外配置。创建者可以使用编辑器中的预览开关来预览网站在桌面电脑、平板电脑和移动设备上的显示效果。响应式设计完全由 Google 的渲染引擎处理——网站创建者无法编写自定义媒体查询或手动覆盖响应式布局,这再次体现了该平台“简洁至上”的设计理念。
如何搭建 Google 网站:完整分步指南
要创建 Google 协作平台,请访问 sites.google.com,点击“ +”按钮创建新平台,选择模板或从零开始创建,使用拖放编辑器添加页面和内容,配置导航和共享设置,然后发布。创建基本平台的整个过程不到一小时。
步骤 1:访问 Google Sites 并选择您的起始点
访问sites.google.com并使用您的 Google 帐户登录。如果您通过雇主或学校使用 Google Workspace,请使用该帐户登录——这样您可以获得额外的共享控制权限以及与您的组织关联的存储空间。
您将看到两种启动方式:
- 空白网站:从零开始,完全掌控创作。最适合您拥有清晰的设计构想或特定布局需求的情况。
- 模板库:预置的布局,适用于作品集、项目网站、团队内部网、活动页面和课堂网站。模板可节省大量时间,且易于自定义。
点击“新建网站”下方的“+”号图标即可打开空白画布,或者滚动浏览模板库并点击任意模板即可在编辑器中打开。您之后可以切换模板,但这样做会覆盖您当前的布局,因此请提前仔细选择。
步骤 2:为您的网站命名并设置页面标题
在左上角,点击“输入网站名称”,然后输入您的网站名称。如果您的网站是公开的,此名称将显示在浏览器标签页和 Google 搜索结果中,因此请确保名称具有描述性且准确。另外,点击页面画布上的大标题,设置首页的可见标题——此设置与网站名称无关。
命名对于网站的易用性至关重要。如果您要构建一个面向公众的网站,请在网站名称中包含相关的关键词。对于内部团队网站,请使用团队成员在 Google 云端硬盘中搜索时能够立即识别的名称。
步骤 3:构建页面结构和导航
在右侧面板中,点击“页面”标签(堆叠页面图标)。Google Sites 会自动创建一个首页。点击“页面”面板底部的“+”按钮,即可添加其他页面。
在添加内容之前,请先规划好网站导航。一个结构良好的网站通常遵循以下几种模式之一:
- 扁平化结构:所有页面位于同一层级。适用于页面数不超过五页的网站(例如作品集、活动网站、个人简历)。
- 层级结构:父页面下嵌套子页面。非常适合团队内部网、项目中心或包含多个部分的文档网站。
- 单页结构:一个带有锚链接的长滚动页面。适用于简单的着陆页或活动公告。
要创建子页面,请在“页面”面板中将页面拖到父页面下方,直到页面缩进为止。Google Sites 会自动将其添加到导航下拉菜单中。您也可以右键单击面板中的任何页面,以复制该页面、将其从导航中隐藏或将其设置为首页。
第四步:添加和排列内容块
Google Sites 使用基于分区的布局。每个页面都由多个堆叠的分区组成,您可以在每个分区中放置内容块。点击画布上的任意位置即可打开右侧的“插入”面板,其中包含:
- 文本框:标题、正文和格式化段落
- 图片:可以从电脑上传,也可以在 Google 图片搜索,或者从 Google 云端硬盘或 Google 相册导入。
- 嵌入:粘贴任何 URL 或嵌入代码,即可在线显示外部内容。
- 云端硬盘:直接从云端硬盘插入 Google 文档、表格、幻灯片、表单或地图。
- YouTube:无需离开编辑器即可搜索和嵌入视频。
- 日历:在活动页面或团队日程表中嵌入 Google 日历
- 地图:添加带有特定位置标记的谷歌地图
- 目录:根据页面标题自动生成,适用于篇幅较长的文档页面。
- 按钮:样式为按钮的行动号召链接
- 分隔线:各部分之间的视觉分隔符
- 可折叠文本:手风琴式常见问题解答部分
- 图片轮播:多张图片的旋转图库
要添加新版块,请将鼠标悬停在两个现有版块之间,然后点击出现的“+”号。之后,您可以为该版块选择布局:全宽、两栏、三栏或带文字叠加的特色图片。拖动版块即可重新排序。
步骤 5:自定义视觉主题
点击右侧面板中的“主题”标签(调色板图标)。Google Sites 提供了一系列内置主题,每个主题都拥有独特的字体搭配和配色方案。选择任意主题即可立即在所有页面上预览其效果。
在每个主题下,您可以进行以下调整:
- 颜色:您可以从预设的强调色中选择,也可以输入自定义十六进制代码来匹配您的品牌颜色。
- 字体:从精选的字体组合列表中选择(Google Sites 不支持任意字体上传)
- 标题类型:横幅(大图标题)、仅标题或封面(全屏图片加文字叠加)
要添加自定义页眉图片,请点击任意页面上的页眉区域,然后选择“更改图片”。请使用至少 1600 像素宽的高分辨率图片,以避免在大屏幕上出现像素化。您还可以通过点击网站名称区域并上传图片文件来设置全站徽标。
步骤 6:发布前配置共享和权限
在点击发布按钮之前,请决定谁可以查看和编辑您的网站。点击右上角工具栏中的“共享”按钮(带有“+”号的人形图标)。这里有两个独立的权限层级:
| 权限类型 | 它控制着什么 | 选项 |
|---|---|---|
| 编辑权限 | 谁可以在建站工具中编辑网站? | 特定人员、任何拥有链接(编辑)的人、您的组织 |
| 查看者访问权限(已发布网站) | 谁可以看到已发布的实时网站 | 任何互联网用户、任何已登录用户、特定人员、仅限您的组织 |
对于内部团队网站,请将查看权限限制在组织内部。对于公共网站,请将查看权限设置为“互联网上的任何人”。这两个设置是相互独立的——您的编辑列表不会影响谁可以查看已发布的网站。
步骤 7:设置自定义网址
默认情况下,您发布的网站的网址格式为sites.google.com/view/your-site-name 。您可以点击“发布”按钮,并在首次发布前编辑网址字段,从而自定义路径(/view/ 之后的部分)。
如果您拥有自定义域名(例如 yourcompany.com),您可以将其映射到您的 Google 网站。在“发布”菜单中,点击“自定义域名”,然后按照 DNS 验证步骤操作。您需要在域名注册商处添加一条指向ghs.googlehosted.com的 CNAME 记录。此过程的生效时间取决于您的域名注册商,可能需要几分钟到 48 小时不等。
第 8 步:发布并测试您的网站
点击右上角的蓝色“发布”按钮。Google Sites 会要求您确认网址和查看权限。发布后,请在新的浏览器标签页中访问该网址(而不是在编辑器预览中访问),以查看访客将看到的内容。
分享链接前请务必进行系统测试:
- 检查每个导航链接,确认它们指向正确的页面。
- 您可以在移动设备上查看网站,或使用浏览器的响应式设计模式查看移动布局。
- 请点击每个按钮和嵌入链接,验证它们是否能正常打开。
- 通过提交测试回复来测试任何嵌入式 Google 表单。
- 确认嵌入的云端硬盘文件已与适当的受众共享(嵌入在公共网站上的文档仍需将其共享权限设置为“拥有链接的任何人”)。
发布后,编辑器会在您进行编辑时显示“已发布更改”指示器。您在编辑器中所做的更改只有在您再次单击“发布”后才会生效,这为您提供了一个安全的草稿环境。
提升谷歌网站搜索结果的实用策略
以下策略在不同的使用场景下都能持续为 Google Sites 用户带来更好的结果。
使用 Google 云端硬盘作为您的内容中心
与其将静态文件上传到您的网站,不如直接从云端硬盘嵌入实时更新的 Google 文档、表格和幻灯片。当您更新源文档时,网站上的嵌入版本会自动更新,无需重新发布。这对于团队内部网尤其有用,因为团队内部网的政策、价格表或项目跟踪表经常会发生变化。
嵌入 Google 表单以进行交互
Google Sites 没有内置联系表单、注册系统或调查工具。您可以创建一个 Google 表单并将其嵌入到专用页面来弥补这一不足。表单回复将直接发送到 Google 表格,从而为您提供一个轻量级的客户关系管理 (CRM) 系统或数据收集系统,而且完全免费。
策略性地使用版面背景
每个版块都可以设置自己的背景颜色或图片。白色背景与浅灰色或品牌色背景的交替使用,可以营造视觉节奏感,引导读者向下浏览页面,而无需自定义 CSS。点击任意版块,然后点击版块设置图标(铅笔或齿轮图标)即可访问背景选项。
长页面的锚链接
对于篇幅较长的单页网站,请在顶部添加目录块。Google Sites 会自动从标题元素生成锚链接,方便访客跳转到特定部分。您也可以手动创建锚链接:从目录块复制锚链接 URL,并将其用于网站其他位置的按钮或文本链接中。
上传前优化图片
Google Sites 不会自动压缩图片。上传过大的图片会导致网站加载速度变慢,尤其是在移动设备上。请将图片调整到最大显示宽度(通常全宽横幅图片为 1600 像素,列内图片为 800 像素),并在上传前使用 Squoosh 或 TinyPNG 等工具进行压缩。这一步骤对网站性能的影响最大。