页面设置:SEO、外观和跟踪代码
设置页面名称、路径、语言和网站图标;优化 SEO 和分享图片;更改风格、颜色和字体;添加 Facebook Pixel、GA4、Google Ads、GTM、TikTok,并开启页面悬浮工具。
页面设置有什么用?#
页面设置集中管理作用于整个页面、而非单个元素的配置:名称和路径、语言、网站图标、给 AI Agent 的备注、域名、SEO 和社交分享卡片、整体风格/颜色/字体、广告跟踪代码、自定义代码,以及电话/Zalo/Messenger 等悬浮按钮。
- 1
在编辑器中点击左侧竖栏的设置(Cài đặt)标签页。页面设置(Cài đặt trang)对话框在屏幕中央打开,标题下方显示当前页面名称。
- 2
左栏列出 8 个分区:常规(Chung)、域名(Tên miền)、SEO 与分享(SEO & chia sẻ)、外观(Giao diện)、字体(Font chữ)、跟踪代码(Mã theo dõi)、自定义代码(Mã tuỳ chỉnh)、实用工具(Tiện ích)。在“Tìm mục cài đặt…”中输入可快速筛选。
- 3
底部显示“所有修改已自动保存”(Mọi thay đổi được lưu tự động)、预览按钮(在新标签页打开预览)和完成(Xong,关闭对话框)。也可用 × 或 Esc 关闭。
1. 常规#
- 1
页面名称(仅在后台显示):用于在页面列表中识别,访客看不到。
- 2
路径(Đường dẫn / slug):页面默认地址中 /p/ 之后的部分。只能包含小写字母、数字和连字符;LDPage 会自动去掉越南语声调。若页面已发布,LDPage 会询问“Đổi đường dẫn trang?”(更改页面路径?),因为旧的默认地址会立即失效(自定义域名不受影响)。
- 3
页面语言(Ngôn ngữ trang):决定内置文字(表单提交按钮、提交成功对话框、倒计时等)和 <html lang> 标签。它不会翻译你写的内容;如需翻译整页,可让 AI Agent 执行,例如“把整个页面翻译成英文”。
- 4
网站图标(Favicon):点击“Chọn ảnh”(选择图片)上传至少 64×64 的正方形 PNG/SVG;上方预览模拟浏览器标签页。
- 5
给 AI Agent 的备注(不在页面上显示):语气、固定信息、禁用词等。AI Agent 在处理每个编辑请求前都会先读取这些备注。
2. 域名#
域名分区显示页面的各个地址:默认地址(带复制链接和打开页面按钮)以及指向此页面的自定义域名。“Kết nối tên miền riêng”(连接自定义域名)输入框接受 khuyenmai.congty.vn 这样的域名(不带 http:// 或路径);添加后按 DNS 指南创建 CNAME 或 TXT 记录,再点击验证(Xác minh)。验证通过后会自动签发 SSL(https)证书。工作区内的其他域名可通过“Chuyển về trang này”(转到此页面)改为指向本页。
3. SEO 与分享#
- 1
顶部有 SEO 得分圆环和检查清单:标题 30–70 个字符、描述 70–170 个字符、已设置关键词、已有分享图片(OG)、已有网站图标、恰好 1 个 H1 标题、所有图片都有描述(alt)。得分为通过项所占的百分比。
- 2
Google 搜索结果卡片:填写页面标题和描述。每个输入框下方的进度条会显示未填写、略短、长度合适或已达上限以及字符数;“在 Google 上的预览”模拟搜索结果。
- 3
关键词(用逗号分隔),例如“防晒霜, 韩国化妆品”。
- 4
允许索引:允许(index, follow)、索引但不跟踪链接、从 Google 隐藏但跟踪链接,或完全隐藏(noindex, nofollow)。规范 URL(可选)用于原始版本位于其他地址的情况。
- 5
分享到 Facebook / Zalo / Messenger:上传分享图片(Open Graph),建议 1200×630(1.91:1)且小于 1MB;分享标题和描述留空时使用 SEO 标题/描述。分享卡片预览会显示效果。
- 6
所有权验证:在 Google Search Console 或 Facebook domain verification 输入框中只粘贴代码(不要粘贴整个 <meta> 标签)。
4. 外观与字体#
- 1
风格(Phong cách):均衡(Cân bằng,简洁,适合各行业)、醒目(Đậm khỏe,销售、促销)、杂志(Tạp chí,高端品牌)、柔和(Mềm mại,美容、母婴、教育)、科技(Công nghệ,SaaS、应用)。
- 2
预设配色(Bảng màu dựng sẵn):信赖绿、企业蓝、活力橙、时尚粉、创意紫、促销红、奢华黑、科技夜蓝。
- 3
逐项自定义颜色:主色、主色上的文字、页面背景、表面色、文字颜色、次要文字、强调色;旁边的样例会用当前颜色显示标题、描述、主按钮和强调标签。
- 4
布局:圆角(按钮、卡片、图片)——直角、轻微、中等、大、圆形;间距密度——紧凑、均衡、宽松;内容宽度(px)为 800 至 1600。
- 5
字体分区:选择精选字体组合(现代、奢华、经典、科技、友好、强劲)或自定义(标题字体、正文字体,可选择标题和正文使用同一字体),再设置基础字号和标题比例(从 1.125——轻到 1.5——很大)。列表中的所有字体都支持越南语,并从 Google Fonts 加载。
5. 跟踪代码#
- 1
打开跟踪代码分区。每个服务是一张卡片,包含 ID 输入框和获取位置提示:Facebook Pixel(Meta Events Manager › 数据源 › Pixel ID)、Google Ads(AW-…)、Google Analytics 4(G-…)、Google Tag Manager(GTM-…)、TikTok Pixel。
- 2
粘贴正确的 ID。格式正确时,卡片右上角的标签会从“Chưa kết nối”(未连接)变为“Đang bật”(已启用);若显示“Sai định dạng”(格式错误,代码将被忽略),请检查 ID。
- 3
对于 Google Ads,输入 ID 后会出现 Google Ads 转化标签(conversion label)输入框——即转化代码 send_to 中 / 之后的部分。留空则只记录页面浏览。
- 4
访客提交表单时,LDPage 会自动发送 Lead(Facebook)、generate_lead(GA4)、conversion(Google Ads)、SubmitForm(TikTok)和 pf_lead(dataLayer/GTM)事件。
6. 自定义代码#
- 1
全页 CSS(CSS toàn trang):编写的 CSS 会立即作用于画布。引擎类名以 .pf-* 为前缀,每个元素都有 [data-node-id] 属性。不支持 @import 以及指向未知来源的 url()。
- 2
HTML/JS 代码:<head> 中的代码(meta、script、style)和 <body> 末尾的代码(聊天插件、自定义 JS)。此部分仅在套餐具备自定义代码权限时开放;否则会显示提示和升级按钮。
- 3
每张卡片角上的“Tạo bằng AI”(用 AI 生成)按钮会打开对话框,让 AI 按描述编写代码并插入到对应位置。
- 4
每个代码框最多 20,000 个字符。
7. 实用工具#
- 1
悬浮联系(电话 / Zalo / Messenger):填写电话号码(拨号按钮)、Zalo(电话号码或 zalo.me 链接)、Messenger(粉丝页用户名或 m.me 链接)。填写了哪个渠道,页面左下角就显示对应的悬浮按钮;清空即可隐藏。
- 2
全页按钮与效果:可开启“返回顶部”按钮(右下角悬浮,向下滚动后出现)、阅读进度条(页面顶部随滚动位置变化的主色细线),以及“滚动渐显(所有块)”,让所有块在滚动进入视野时逐渐显示。
- 3
这些工具也可以在编辑器“添加”标签页的实用工具分类中快速开启。
注意事项#
- 1
底部显示“Xung đột phiên bản — tải lại trang”(版本冲突——请刷新页面):页面刚在别处被修改;请刷新编辑器后重新修改。
- 2
底部显示“Lưu thất bại — sẽ tự thử lại”(保存失败——将自动重试):请检查网络连接,恢复后 LDPage 会再次保存。
- 3
修改 SEO、跟踪代码或实用工具后,记得点击发布让公开页面生效;Google 和社交网络可能需要一段时间才会更新标题、描述和分享图片。