一、Odoo Website是什么？为什么它能让 "技术小白" 秒变 "网站大神" ？
想象一下这个场景：
你想给公司建一个官网，找外包报价3万，工期2个月。你咬牙付了钱，结果交付的网站又丑又慢，改个电话号码还要找开发——每次500块。
Odoo 19 的 Website（网站） 应用，就是来彻底终结这种痛苦的！它是一款零代码、拖拽式的网站构建平台，不需要你懂HTML、CSS、JavaScript，甚至不需要懂设计。你只需要像搭积木一样，把各种 "建筑块" 拖进页面，填上文字和图片，一个专业网站就诞生了。
Odoo Website 的五大核心优势：
- 零代码拖拽建站：像拼乐高一样搭建页面，完全不需要编程知识
- AI智能生成：输入一句话，AI自动帮你写文案、生成页面
- 主题一键换肤：12+内置主题，鼠标悬停预览，点击即应用
- SEO内置优化：自动生成sitemap、结构化数据、hreflang标签，搜索引擎友好
- 全模块打通：与CRM、电商、博客、论坛无缝集成，一个平台搞定所有
> 福利彩蛋：Odoo为所有Odoo Online数据库提供一年免费自定义域名！你的网站可以从 example.odoo.com 升级为 www.example.com ，专业感瞬间拉满。
二、安装与起步：三步开启你的 "建站之旅"
第一步：安装Website模块
- 进入Odoo后台的 Apps（应用）
- 搜索 "Website"
- 点击 Install
> 安装时会自动拉取依赖模块：portal、web_editor、http_routing、web_unsplash（免费Unsplash图库）。
第二步：选择主题
安装完成后，Odoo自动跳转到主题选择器：
- 鼠标悬停在主题上，查看扩展预览
- 点击主题即可选中
- 或点击 View more themes 查看完整列表
Odoo 19 内置12+主题，按行业分类：
| 主题名称 | 适合行业 | 核心特点 |
|---|---|---|
| Default | 通用、极简 | 中性排版、高度可定制、最轻CSS |
| Starter | B2B、咨询 | 专业头部、特性网格、客户评价块 |
| Graphene | 科技公司、SaaS | 暗黑模式、代码友好字体、渐变区块 |
| Nano | 电商、零售 | 产品聚焦布局、大图、购物车优化导航 |
| Aviato | 旅游、酒店 | 全宽图片、预订导向CTA、视差滚动 |
> ⚠️ 重要提醒：先选主题再建页面！如果已有页面再换主题，手动设置的样式（颜色、间距）可能冲突，导致页面 "翻车" 。
第三步：进入网站编辑器
- 打开 Website 应用
- 点击右上角的 Edit 按钮
- 进入网站编辑器——你的 "建站工作台"
三、页面管理：创建、发布、删除，一手掌控
页面类型：静态 vs 动态
| 类型 | 说明 | 例子 |
|---|---|---|
| Static（静态页面） | 固定内容，手动创建和管理 | 首页、关于我们、服务介绍 |
| Dynamic（动态页面） | 内容自动从数据库生成 | /shop（商店）、/blog（博客）、产品页 |
创建新页面
方式一：前端创建
- 在网站页面上点击 New → 选择 Page
- 弹出 New Page 窗口
方式二：后端创建
- 进入 Website → Configuration → Pages
- 点击 New
New Page 弹窗配置
| 字段 | 说明 | 示例 |
|---|---|---|
| Template（模板） | 选择页面模板类型 | About、Landing Pages、Gallery、Services |
| Page Title（页面标题） | 用于菜单和URL | 关于我们 |
| Add to menu | 是否添加到导航菜单 | 勾选 |
| Generate text（AI生成） | 用AI自动生成页面内容 | 勾选 |
模板类型：
- Basic：多用途页面（含空白页）
- About：品牌与公司信息
- Landing Pages：营销落地页
- Gallery：图片与媒体展示
- Services：服务概览
- Pricing Plans：订阅与价格
- Team：团队介绍
- Custom：自定义模板（你自己保存的）
AI网页生成器：一句话变出一整页
> 不需要安装AI应用，内置即可使用！
操作步骤：
- 选择模板后，勾选 Generate text
- 在 Instructions 字段输入页面描述
- 包含几个关键词，定义页面焦点
- 选择语气风格：
- Concise（简洁）
- Professional（专业）
- Friendly（友好）
- Persuasive（说服性）
- Informative（信息丰富）
- 点击 Create with AI
> ⚠️ 注意：AI生成器不适用于Blank（空白）页面类型。生成后可用网站编辑器进一步自定义。
发布与取消发布
- 页面右上角切换开关：Unpublished（未发布） ↔ Published（已发布）
- 绿色 = 已发布，访客可见
- 灰色 = 未发布，仅管理员可见
批量发布/取消发布：
- 进入 Website → Configuration → Pages
- 选中多个页面
- 点击 Actions → Publish 或 Unpublish
页面属性配置
进入 Site → Properties，可配置：
| 属性 | 说明 |
|---|---|
| Page Title | 修改页面标题 |
| Page URL | 修改URL，可设置301/302重定向 |
| In Menu | 是否在导航菜单中显示 |
| Is Homepage | 是否设为首页 |
| Published | 是否发布 |
| Publishing Date | 定时发布 |
| Indexed | 是否允许搜索引擎索引 |
| Visibility | 访问权限（Public/Signed In/Restricted Group/With Password） |
| Is a Template | 保存为自定义模板 |
页面操作：复制与删除
复制页面：
- Site → Properties → Duplicate Page
- 输入新页面名称 → 点击 Ok
- 新页面默认未发布，排在原页面之后
删除页面：
- Site → Properties → Delete Page
- 系统显示所有引用该页面的链接
- 更新这些链接，或设置重定向
- 勾选 I am sure about this → 点击 Delete
> 删除前务必检查！避免访客点击旧链接看到404错误。
四、主题定制：颜色、字体、样式，打造你的"品牌DNA"
进入网站编辑器 → Theme 标签页 → Website 区域
切换主题
- 点击 Switch Theme
- 打开主题选择器
- 悬停预览 → 点击 Use this theme
页面布局
- Page Layout：
调整建筑块和网站元素的整体显示和间距
调整建筑块和网站元素的整体显示和间距
背景设置
- 选择颜色
- 添加图片
- 使用图片作为Pattern（图案）
- 选择 None（无）
颜色系统
Theme Colors（主题色）
5种核心颜色，定义全站视觉：
| 颜色类型 | 用途 |
|---|---|
| 3个 Main colors | 按钮、链接 |
| 2个 Light & Dark colors | 文字、标题 |
修改方法：
- 点击颜色 → 选择预设Solid色 或 自定义Custom（输入#HEX或RGBA）
- 点击 Reset 移除颜色选择
- 点击 调色板图标 → 选择完整配色方案（所有自定义重置）
Color Presets（颜色预设）：
- Odoo自动为选定的颜色/配色方案创建预设
- 每个预设包含：Background、Text、Headings、Links、Primary Buttons、Secondary Buttons
- 修改预设 → 自动更新所有使用该预设的建筑块
> 实战技巧：选一个配色方案作为起点，再微调个别颜色，效率最高。
Status Colors（状态色）
用于反馈消息（成功、警告等）：
| 状态 | 默认颜色 |
|---|---|
| Success | 绿色 |
| Warning | 黄色 |
| Info | 蓝色 |
| Danger | 红色 |
- 在 Advanced 区域点击圆点修改颜色
字体系统
| 元素 | 可定制项 |
|---|---|
| Paragraph（段落） | 字体、字号、行高、边距 |
| Headings（标题） | 字体、字号、行高、边距 |
| Buttons（按钮） | 字体、字号、内边距 |
| Input Fields（输入框） | 字体、字号、内边距 |
自定义字体：
- 点击 Font Family 下拉 → Add a Custom Font
- Google字体：选择字体 → 可选 "从Google服务器加载"或"存储在本地服务器"（GDPR合规）
- 自定义字体：上传字体文件
- 右侧显示 Preview（预览）
> 选择 System Fonts 时，Odoo使用访客操作系统原生字体（如Android用Roboto）。
样式定制
按钮样式
| 选项 | 说明 |
|---|---|
| Primary Style / Secondary Style | Fill（填充）、Outline（描边）、Flat（扁平） |
| Border Width | 描边宽度（Outline时显示） |
| Padding | 按钮标签周围间距 |
| Round Corners | 圆角半径 |
| On Click Effect | 点击动画 |
> 点击 Toggle more options 可定义Small和Large尺寸的自定义值。
链接样式
| 选项 | 效果 |
|---|---|
| No Underline | 无下划线 |
| Underline On Hover | 悬停时下划线 |
| Always Underline | 始终下划线 |
输入框样式
| 选项 | 说明 |
|---|---|
| Padding | 字段周围间距 |
| Font | 字体设置 |
| Border Width | 边框宽度 |
| Border Radius | 圆角 |
| Background | 背景色 |
高级设置
| 设置项 | 说明 |
|---|---|
| Show Header | 显示/隐藏页头 |
| Code Injection | 在<head>注入代码（网站验证、分析标签） |
| Google Map | 配置Google Maps API Key |
| Status Colors | 修改状态反馈颜色 |
| Grays | 灰度色系调整 |
Google Maps配置：
- 登录Google账号
- 启用 Maps Static API、Maps JavaScript API、Places API
- ⚠️ 不要启用 Places API (New)，Odoo暂不支持
- 创建API Key → 复制
- 在Odoo中粘贴 → 点击 Save
五、建筑块（Building Blocks）：像搭积木一样建页面
添加建筑块
- 点击 Edit 进入编辑模式
- 左侧出现 Blocks（建筑块） 面板
- 拖拽所需块到页面位置
建筑块类型
| 类型 | 说明 | 示例 |
|---|---|---|
| Categories（分类块） | 大区块容器 | Intro、Columns、Content、Images、People |
| Inner Content（内部内容） | 只能放在分类块内 | 视频、图片、社交媒体按钮、表单 |
分类块列表
- Intro：
开场/首屏区块
开场/首屏区块
- Columns：
多列布局
多列布局
- Content：
内容展示
内容展示
- Images：
图片展示
图片展示
- People：
团队/人物
团队/人物
- Text：
文字区块
文字区块
- Contact & Forms：
联系表单
联系表单
- Social：
社交媒体
社交媒体
- Events：
活动
活动
> 点击分类块后弹出窗口，可选择该分类下的多种模板。
表单块（Form Block）：自动收集线索
添加表单：
- 拖拽 Contact & Forms 分类块 → 选择表单模板
表单动作（Action）：
提交后自动执行的操作：
| 动作 | 需要应用 | 效果 |
|---|---|---|
| Apply for a Job | Recruitment | 创建招聘申请 |
| Create a Customer | eCommerce | 创建客户记录 |
| Create a Ticket | Helpdesk | 创建工单 |
| Create an Opportunity | CRM | 创建销售机会 |
| Subscribe to Newsletter | Email Marketing | 订阅邮件列表 |
| Create a Task | Project | 创建项目任务 |
| More models | - | 生成其他类型记录 |
表单字段：
- 点击 + Field 添加新字段
- 修改字段 Type（文本、邮箱、电话、日期等）
- 设置 Label、Placeholder、Default value
- 勾选 Required（必填）
- 选择 Existing Field 使用数据库已有字段
提交后行为：
| 选项 | 说明 |
|---|---|
| URL | 提交后跳转到指定页面 |
| Nothing | 留在当前页面 |
| Show Message | 显示成功消息 |
嵌入代码块（Embed Code）：第三方内容一键接入
- 拖拽 Embed Code 内部内容块
- 点击块 → Style 标签 → Edit
- 替换占位代码为你的自定义代码
> ⚠️ 安全警告：不要复制粘贴你不理解的代码，可能导致数据风险！
常见用途：
- YouTube视频嵌入
- Google Maps地图
- Instagram帖子
- 第三方工具（聊天插件、分析代码）
编辑建筑块
选中块后，Style标签页可配置：
| 功能 | 说明 |
|---|---|
| Background | 颜色、图片、视频、形状 |
| Layout | Grid（网格）或 Cols（列） |
| Grid布局 | 自由拖拽调整元素位置和大小 |
| Cols布局 | 设置每行元素数量 |
块操作按钮：
| 图标 | 功能 |
|---|---|
| ↑ / ↓ | 上下移动块 |
| ↔ | 左右移动列（多列时） |
| ⎘ | 复制块 |
| 🗑 | 删除块 |
保存自定义建筑块
- 选中块 → Style 标签 → 点击 💾（软盘图标）
- 输入名称 → 点击 Save
- 保存后在 Blocks → Custom 分类下可用
> 点击 ✏️（编辑） 重命名，点击 🗑 删除自定义块。
六、SEO优化：让Google主动 "爱上" 你的网站
进入SEO优化面板
- 打开页面 → 点击 Optimize SEO
- 弹出 Search Engine Optimization 窗口
AI辅助优化
点击 Fill with AI → 自动生成：
- Meta Title（元标题）
- Meta Description（元描述）
- Keyword suggestions（关键词建议）
手动配置SEO
| 字段 | 说明 | 最佳实践 |
|---|---|---|
| Title | 页面标题（搜索结果中显示） | 50-60字符，包含核心关键词 |
| Description | 页面描述（搜索结果摘要） | 150-160字符，吸引点击 |
| Cover Image | 封面图（社交分享时显示） | 选择高质量、有吸引力的图片 |
| Keywords | 关键词列表 | 输入关键词 → 点击Add |
关键词分析：
- 绿色 ✓ = 关键词已出现在H1/H2/标题/描述/内容中
- 灰色 = 未出现
- 右侧显示 Google相关搜索建议
图片优化
| 功能 | 说明 |
|---|---|
| 自动压缩 | Odoo自动压缩上传图片并转为WebP格式 |
| Alt标签 | 在 Description 字段添加图片描述（SEO必需） |
| Mark as decorative | 装饰性图片标记（无需Alt） |
> ⚠️ 第三方主题可能不自动压缩图片，需注意！
索引与收录
新网站不会立即出现在搜索结果中！ 搜索引擎需要几天到几周时间爬取和索引。
加速索引：
- 使用 Google Search Console 提交URL
- 不保证立即生效，但可加速
防止页面被索引
| 方法 | 操作 |
|---|---|
| noindex标签 | 页面属性 → Indexed开关关闭 |
| 404/403状态码 | 配置404重定向或取消发布页面 |
| Google Search Console | 请求移除特定URL |
防止整个网站被索引
- 进入 Website → Configuration → Settings
- 在 Website Info 区域的 Domain 字段填入随机值
- 自动插入 `<meta name="robots" content="noindex"/>`
- 适用于测试数据库
Sitemap（站点地图）
- Odoo自动生成 `/sitemap.xml`
- 缓存更新频率：每12小时
- 大量页面时自动创建 Sitemap Index（按45000条分组）
每个条目包含：
| 属性 | 说明 |
|---|---|
| <loc> | 页面URL |
| <lastmod> | 最后修改日期（自动计算） |
| <priority> | 优先级（静态页面默认16） |
> 不想让页面出现在sitemap中？关闭该页面的 Indexed 开关。
robots.txt
- 自动创建在 `mydatabase.odoo.com/robots.txt`
- 控制搜索引擎爬虫访问权限
编辑方法：
- Website → Configuration → Settings → SEO → Edit robots.txt
示例：
Disallow: /about-us
> ⚠️ robots.txt阻止爬取，但不保证不索引！页面仍可能通过其他链接被引用索引。
结构化数据（Structured Data）
Odoo自动实现 schema.org 微数据：
| 内容类型 | 富摘要效果 |
|---|---|
| Events | 活动日期、地点直接显示在搜索结果 |
| Products | 价格、评分显示在搜索结果 |
| Forum Posts | 投票数、回复数 |
| Contact Addresses | 地址、电话 |
Hreflang标签
Odoo自动在多语言页面中插入 `hreflang` 和 `x-default` 标签：
- 告知搜索引擎页面的语言和地理定位
- 避免多语言内容被判定为"重复内容"
七、URL重定向：网站改版不丢流量
自动重定向
- 修改页面URL时 → 勾选 Redirect Old URL
- 自动创建301或302重定向
手动创建重定向
进入路径：
开发者模式 → Website → Configuration → Redirects
开发者模式 → Website → Configuration → Redirects
| 字段 | 说明 |
|---|---|
| Name | 重定向标识名称 |
| Action | 重定向类型 |
| URL from | 原URL |
| URL to | 目标URL |
| Website | 适用网站 |
| Active | 是否激活 |
| Sequence | 执行顺序（重定向链时有用） |
重定向类型：
| 类型 | 用途 | SEO效果 |
|---|---|---|
| 404 Not found | 页面不存在 | 不传递权重 |
| 301 Moved permanently | 永久重定向（静态页面） | 传递90%+权重，缓存于浏览器 |
| 302 Moved temporarily | 临时重定向 | 不传递权重，不缓存 |
| 308 Redirect / Rewrite | 永久重写（动态页面） | 传递权重，URL更名 |
> 301/302常用于静态页面，308常用于动态页面（如将/shop改为/market）。
八、总结：Odoo Website，让建站从 "奢侈品" 变成 "日用品"
| 功能模块 | 核心能力 |
|---|---|
| 安装与主题 | 一键安装、12+主题、悬停预览 |
| 页面管理 | 静态/动态页面、AI生成、定时发布、访问权限 |
| 主题定制 | 颜色、字体、样式、背景，全方位品牌定制 |
| 建筑块 | 拖拽搭建、表单收集、代码嵌入、自定义保存 |
| SEO优化 | AI辅助、关键词分析、图片优化、sitemap、结构化数据 |
| 重定向 | 301/302/308/404，网站改版不丢流量 |
记住：最好的网站不是 "花大价钱外包建的" ，而是 "自己能随时修改、随时优化的" 。 Odoo 19的Website应用，就是让你从 "小白" 秒变 "大神" 的终极建站工具！