Odoo Website Builder 完整指南：设计、发布和优化
Odoo 的网站构建器将您的 ERP 转变为完整的网络平台。与需要单独集成电子商务、CRM 表单和活动注册的独立网站构建器不同，Odoo 的构建器直接处理您的业务数据。产品页面从您的库存中提取。联系表单为您的 CRM 提供支持。活动页面连接到您的活动管理模块。本指南涵盖了使用 Odoo 构建、管理和优化网站的各个方面。
要点
- Odoo Website Builder 使用基于拖放块的编辑器，具有超过 150 个预先设计的内容块
- 主题提供了一个起始设计基础，可以在各个级别进行自定义，包括颜色、字体、间距和布局
- SEO 工具内置于页面编辑器中，具有实时元标记管理、URL 结构控制和站点地图生成功能
- 电子商务集成是原生的，直接从 Odoo 数据库提取产品数据、定价和库存
- 博客引擎支持多作者发布，包括类别、标签和 SEO 友好的 URL 结构
Odoo 网站入门
启用网站模块
从 应用程序 > 网站 安装网站模块。首次安装时，Odoo 会显示一个设置向导：
- 选择主题：从决定整体设计语言的免费和付费主题中进行选择
- 配置公司信息：公司名称、徽标和联系方式自动填充页眉和页脚
- 选择功能：启用或禁用博客、电子商务、论坛、活动和其他网站功能
- 设置域名：配置您的自定义域名以供生产使用
设置后，导航到 网站 > 仪表板 以访问显示页面、流量分析和电子商务指标的网站管理中心。
页面编辑器
当您在任何页面上单击“编辑”时，拖放编辑器就会激活。编辑器界面包括：
块面板（左侧边栏）：浏览内容块并将其拖到页面上。块按类别组织：标题、功能、文本、图像、推荐、定价、号召性用语和页脚。
属性面板（右侧边栏）：配置所选元素的属性，包括间距、颜色、动画、可见性条件和响应行为。
内联编辑：单击任意文本即可直接在页面上进行编辑。文本格式化工具显示在浮动工具栏中。
布局工具：用于精确布局管理的网格和列控件。每个部分都支持可配置的列数 (1-6) 和自定义宽度比。
页面设计和内容
内容块
Odoo 19 包含 150 多个内容块，分为以下类别：
| 类别 | 块计数 | 示例 |
|---|---|---|
| 标题 | 12 | 12具有图像、视频背景、视差的英雄 |
| 特点 | 18 | 18图标网格、功能卡、比较表 |
| 文字 | 15 | 15段落、专栏、引用、手风琴 |
| 图片 | 14 | 14画廊、轮播、滑块前/后 |
| 数字 | 8 | 计数器、统计、进度条 |
| 感言 | 10 | 10报价卡、滑块、视频推荐 |
| 定价 | 6 | 价格卡、比较表、切换 |
| 号召性用语 | 12 | 12横幅、表格、时事通讯注册 |
| 团队 | 6 | 网格、卡片、详细配置文件 |
| 时间轴 | 4 | 纵向、横向、里程碑 |
| 页脚 | 8 | 最小、详细、巨型页脚 |
动态内容
动态内容块从 Odoo 数据库中提取数据：
- 产品展示：显示目录中的产品以及实时定价和可用性
- 博客文章：显示最近或精选的博客条目以及摘录和图像
- 活动：列出即将举行的活动以及注册按钮
- 职位发布：显示招聘模块中的空缺职位
- 客户评价：从托管评价数据库中提取
当底层数据发生变化时，动态块会自动更新。添加新博客文章会立即反映在使用博客块的页面上。
自定义 HTML/CSS
对于可视化编辑器之外的高级自定义，Odoo 提供：
- HTML 块：在页面上的任意位置插入自定义 HTML
- 自定义 CSS：在 网站 > 配置 > 设置 > 自定义 CSS 添加特定于页面或站点范围的 CSS
- 自定义 JavaScript：添加跟踪脚本、小部件或交互元素
通过选择一个块并单击代码视图切换来访问代码编辑器。尽管主题更新可能需要 CSS 调整，但自定义代码在主题更改后仍然存在。
主题定制
主题设置
在 网站 > 配置 > 主题 自定义活动主题：
颜色：定义主要颜色、次要颜色、强调颜色和背景颜色。该主题在所有块和 UI 元素中一致地应用这些颜色。 Odoo 根据您的选择生成完整的调色板，包括悬停状态、文本颜色和边框颜色。
版式：从 Google Fonts 中选择标题和正文的字体系列或上传自定义字体。设置基本尺寸、行高和字母间距。
布局：配置全局应用的内容宽度、部分间距、边框半径和阴影样式。
按钮：使用自定义颜色、边框半径、填充和悬停效果设置主按钮和辅助按钮的样式。
响应式设计
默认情况下，Odoo 中的每个块都是响应式的。编辑器提供三种预览模式：
- 桌面：1200 像素以上屏幕的全宽视图
- 平板电脑：屏幕 768-1199 像素的中等视图
- 移动：768 像素以下屏幕的窄视图
可以使用属性面板中的可见性切换来隐藏特定断点上的元素。除非被覆盖，否则列布局会在移动设备上自动垂直堆叠。
搜索引擎优化配置
页面级 SEO
每个页面都具有可通过页面编辑器中的 Promote 选项卡访问的 SEO 控件：
- 元标题：搜索结果中显示的标题标签（建议50-60个字符）
- 元描述：搜索结果中显示的描述（建议150-160个字符）
- URL slug：页面URL路径（根据标题自动生成，可编辑）
- 规范 URL：指定具有多个 URL 的页面的规范版本
- 索引：切换页面是否应出现在搜索引擎索引中
技术搜索引擎优化
Odoo 自动处理多种技术 SEO 要求：
- Sitemap.xml：在
/sitemap.xml处自动生成，包含所有索引页面 - Robots.txt：默认robots.txt允许所有爬虫；在 网站 > 配置 > SEO 进行自定义
- 结构化数据：产品页面自动包含 JSON-LD 架构标记
- 干净的 URL：SEO 友好的 URL 结构，具有可配置的 slugs
- 301 重定向：在 网站 > 配置 > 重定向 配置重定向
- Hreflang标签：为多语言网站自动生成
图像优化
Odoo 19 自动优化图像：
- WebP 转换：上传的图像作为 WebP 提供给支持的浏览器
- 响应式图像：
srcset属性为每个设备提供适当大小的图像 - 延迟加载：首屏图像在滚动时加载
- 替代文本：图像属性面板包括用于辅助功能和 SEO 的替代文本字段
电子商务整合
产品页面
Odoo 网站中的产品页面直接从您的产品目录中提取数据。主要特点：
- 产品变体：颜色、尺寸和其他变体选择器以及特定变体的图像和价格
- 库存显示：实时库存状态（有货、库存不足、缺货）
- 动态定价：价格根据价目表、促销活动和客户群体进行更新
- 产品比较：最多四种产品的并排比较
- 评论和评级：具有审核功能的客户评论系统
购物车和结账
结账流程与 Odoo 的销售、会计和运输模块集成：
- 购物车：Ajax 支持的添加购物车，带有迷你购物车下拉菜单
- 运费：根据配置的承运商实时计算运费
- 付款：多个支付提供商（Stripe、PayPal、Authorize.net、银行转账）
- 订单确认：销售模块自动创建订单
- 发票：会计模块中自动生成发票
目录管理
在 网站 > 电子商务 > 产品 管理您的在线目录：
- 已发布/未发布：控制哪些产品出现在网站上
- 类别：将产品组织为分层类别以进行导航
- 属性和过滤器：按产品属性启用分面过滤
- 排序选项：配置默认排序（价格、名称、最新、畅销）
- 产品模板：控制每个产品类别的布局和信息显示
博客管理
创建博客文章
网站>博客的博客引擎支持多作者发布：
- 从博客索引页或后端创建新帖子
- 使用与常规页面相同的拖放编辑器编写内容 3.设置元数据：作者、类别、标签、发布日期
- 预览并发布
博客搜索引擎优化
博客文章包括额外的 SEO 控制：
- 作者标记：Schema.org 作者页面的人员标记
- 文章架构：BlogPosting 结构化数据，包含发布日期、修改日期和作者
- 开放图谱标签：Facebook、Twitter 和 LinkedIn 的社交共享元数据
- 摘录控制：定义搜索结果和社交分享中显示的摘录
内容策略
Odoo 的博客支持内容营销工作流程：
- 草稿/发布状态：发布前撰写和审阅帖子
- 预定发布：设定未来的发布日期
- 类别和标签：组织内容以进行导航和搜索引擎优化
- 相关帖子：根据标签和类别自动推荐相关内容
多语言网站
语言配置
在 网站 > 配置 > 语言 配置网站语言：
- 从语言列表中安装所需的语言
- 为网站前端启用语言
3.设置默认语言
4、配置URL策略（子目录
/fr/或子域名fr.example.com）
翻译工作流程
通过前端编辑器翻译网站内容：
- 使用语言选择器切换到目标语言 2.点击翻译进入翻译模式 3.可翻译文本块以黄色突出显示
- 单击每个块并输入翻译
- 保存每页翻译
后端在 设置 > 翻译 中为批量翻译工作流程提供翻译导出/导入功能。
性能优化
内置优化
Odoo 19 包含多项性能特性：
- CDN 支持：在 网站 > 配置 > 设置 配置 CDN 以进行静态资产交付
- 资产缩小：CSS 和 JavaScript 在生产中自动缩小
- 页面缓存：匿名访问者的全页缓存
- 数据库查询优化：网站页面通过ORM生成优化的查询
性能最佳实践
- 上传前优化图像（大多数内容图像低于 200KB）
- 将自定义 JavaScript 限制为基本功能
- 尽可能使用 Odoo 的内置块而不是自定义 HTML
- 为具有国际流量的网站启用 CDN
- 通过 网站 > 报告 > 分析 监控页面加载时间
ECOSIRE 网站服务
在 Odoo 中构建有效的网站需要设计专业知识和 ERP 知识。 ECOSIRE 的 Odoo 定制服务 包括定制主题开发、区块创建和电子商务优化。我们的实施团队 处理从设计到发布的完整网站设置，确保您的网站与您的业务运营无缝集成。
相关阅读
我可以在 Odoo 网站构建器中使用自定义域吗？
是的。在 网站 > 配置 > 设置 中配置您的自定义域。将您域的 DNS 记录指向您的 Odoo 服务器（自托管为 A 记录，Odoo.sh 为 CNAME）。 SSL 证书在 Odoo.sh 上自动处理，也可以手动配置以进行自托管部署。
Odoo 网站构建器是否支持会员或门禁内容？
Odoo 通过门户访问系统支持门控内容。页面可以限制为登录用户，并且可以根据用户组有条件地显示特定内容块。对于完整的会员网站功能（付费访问、分层内容），自定义开发或社区模块扩展了基本功能。
Odoo 网站性能与 WordPress 等独立构建器相比如何？
Odoo 网站的负载与具有类似内容复杂性的 WordPress 网站相当。优点是 Odoo 可以提供动态业务数据（产品、库存、定价），无需外部 API 调用，因为所有内容都位于同一个数据库中。对于内容较多的网站，CDN 配置和图像优化对于具有竞争力的加载时间至关重要。
作者
ECOSIRE Research and Development Team
在 ECOSIRE 构建企业级数字产品。分享关于 Odoo 集成、电商自动化和 AI 驱动商业解决方案的洞见。