在 WordPress 中,帖子元数据(Post Meta)是指附加到帖子、页面或产品的额外信息,例如作者姓名、发布日期、分类标签、SEO 数据、产品 SKU 等。这些信息不仅可以改善用户体验,还能提升内容的搜索引擎可见性,为网站增加更多价值。
![图片[1]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南](https://www.361sale.com/wp-content/uploads/2024/12/20241228154136304-image-71.gif)
通过结合 Essential Blocks 插件的 Post Meta 块、内置功能、插件自定义等多种方法,可以在 Gutenberg 编辑器中添加帖子元数据。本文将整合这几种方法,帮助你建设更加高效和功能丰富的网站。
什么是帖子元数据?
帖子元数据是与 WordPress 内容相关的附加信息,用于描述或支持内容。例如:
- 博客网站:元数据通常包括作者姓名、发布日期、分类和标签。
- 电商网站:元数据可显示产品 SKU、价格、库存状态等。
方法一:使用 Essential Blocks 的 Post Meta 块
Essential Blocks 插件通过 Post Meta 块简化了元数据的添加和管理,提供了友好、可视化的方式来操作元数据。
![图片[2]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南](https://www.361sale.com/wp-content/uploads/2024/12/20241228143404257-image.png)
步骤 1:激活 Post Meta 块
- 在 WordPress 后台导航至 Essential Blocks > Blocks。
![图片[3]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南](https://www.361sale.com/wp-content/uploads/2024/12/20241228143709508-image.png)
- 在 Creative Blocks 部分找到 Post Meta 块,启用该功能。
![图片[4]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南](https://www.361sale.com/wp-content/uploads/2024/12/20241228143806488-image.png)
- 打开任何 Gutenberg 编辑器页面或模板,Post Meta 块将出现在区块添加选项中。
![图片[5]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南](https://www.361sale.com/wp-content/uploads/2024/12/20241228144247793-image.png)
步骤 2:在页面或模板中添加元数据
- 打开需要添加元数据的页面、帖子或 WooCommerce 产品模板。
- 单击 Gutenberg 编辑器中的 “+” 按钮,搜索 Post Meta,并添加到页面。
![图片[6]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南](https://www.361sale.com/wp-content/uploads/2024/12/20241228145341290-image.png)
- 自定义显示的元数据字段(如作者、发布日期、SKU 等),并调整其显示位置。
![图片[7]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南](https://www.361sale.com/wp-content/uploads/2024/12/20241228145446881-image.png)
步骤 3:配置和样式化 Post Meta 块
- 常规设置:控制字段的显示(如是否启用作者、日期等)并重命名字段标签。
- 样式设置:设置字体样式、颜色、间距等,优化视觉效果。
![图片[8]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南](https://www.361sale.com/wp-content/uploads/2024/12/20241228145624159-image.png)
- 高级设置:调整边距、填充和背景样式,确保元数据区域与整体设计一致。
![图片[9]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南](https://www.361sale.com/wp-content/uploads/2024/12/20241228145707330-image.png)
通过 Essential Blocks 的 Post Meta 块,无需编写代码即可快速添加和管理元数据。
方法二:使用内置功能添加元数据
WordPress 本身提供了一些元数据字段,例如分类、标签和作者信息,这些都可以直接通过 Gutenberg 界面管理。
步骤:
- 在 Gutenberg 编辑器中打开文章或页面。
- 在右侧的 文档设置面板 中找到:
- 分类和标签:添加文章分类或标签。
- 发布时间:设置或编辑文章的发布时间。
- 作者信息:从下拉菜单中选择文章作者。
![图片[10]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南](https://www.361sale.com/wp-content/uploads/2024/12/20241228145921677-image.png)
优点:
- 无需额外插件,轻松添加基本元数据。
- WordPress 会自动保存并在前端显示相关信息。
方法三:使用插件自定义元数据
如果需要更加灵活的元数据管理,可以使用插件,例如 Advanced Custom Fields (ACF) 或 Meta Box。
使用 ACF 插件的步骤:
- 安装插件
在 WordPress 后台搜索并安装 Advanced Custom Fields 插件。
![图片[11]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南](https://www.361sale.com/wp-content/uploads/2024/12/20241228150108634-image.png)
- 创建自定义字段组
- 转到 ACF > 自定义字段。
- 点击 添加新字段组,输入组名称(如“文章额外信息”)。
- 添加自定义字段,例如 “文章评分”、“推荐指数”等。
![图片[12]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南](https://www.361sale.com/wp-content/uploads/2024/12/20241228150724383-image.png)
- 指定字段显示位置
- 在“显示规则”中选择“仅在以下条件下显示”,设置为“等于文章”。
- 保存字段组。
![图片[13]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南](https://www.361sale.com/wp-content/uploads/2024/12/20241228151538570-image.png)
- 编辑帖子元数据
在 Gutenberg 编辑器中,填写刚创建的字段信息。
![图片[14]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南](https://www.361sale.com/wp-content/uploads/2024/12/20241228151958472-image.png)
- 在前端显示元数据
编辑主题文件(如single.php),使用以下代码显示元数据:
<?php echo get_field('your_custom_field_name'); ?>
使用 Meta Box 插件的步骤:
Meta Box 提供类似的功能,但更适合开发者,支持复杂的元数据操作和高级功能。
方法四:使用 REST API 获取元数据
如果需要将元数据与前端应用或第三方工具集成,可以通过 REST API 访问已注册的元数据。
示例:
访问以下 URL:
https://yourwebsite.com/wp-json/wp/v2/posts/{post_id}
JSON 数据中将包含 custom_meta_key 的值(前提是已注册元数据)。
总结:Post Meta 的重要性
通过 Gutenberg 添加帖子元数据可以显著提升内容的组织性和 SEO 表现。以下是几种常见的应用场景:
- 博客文章:显示作者、日期、分类等关键信息。
- WooCommerce 商店:展示 SKU、价格和库存状态等动态数据。
- 新闻网站:突显发布时间和来源信息。
| 联系我们 | |
|---|---|
| 教程看不懂?联系我们为您免费解答!免费助力个人,小企站点! |
客服微信
|
| ① 电话:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| ③ 邮件:info@361sale.com | |
| ④ 工作时间:周一至周五,9:30-18:30,节假日休息 | |






















![表情[wozuimei]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

暂无评论内容