Comment ajouter les métadonnées d'un article dans Gutenberg : un guide complet

在 WordPress 中,帖子元数据(Post Meta)是指附加到帖子、页面或产品的额外信息,例如作者姓名、发布日期、分类标签、RÉFÉRENCEMENT 数据、产品 SKU 等。这些信息不仅可以改善用户体验,还能提升内容的搜索引擎可见性,为网站增加更多价值。

图片[1]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南

通过结合 Essential Blocks plug-in (composant logiciel)的 Post Meta 块、内置功能et插件自定义等多种方法,可以在 Éditeur Gutenberg中添加帖子元数据。本文将整合这几种方法,帮助你建设更加高效和功能丰富的网站。

什么是帖子元数据?

帖子元数据是与 WordPress 内容相关的附加信息,用于描述或支持内容。例如:

  • 博客网站:元数据通常包括作者姓名、发布日期、分类和标签。
  • Site web de commerce électronique:元数据可显示产品 SKU、价格、库存状态等。

方法一:使用 Essential Blocks 的 Post Meta 块

Essential Blocks 插件通过 Post Meta 块简化了元数据的添加和管理,提供了友好、可视化的方式来操作元数据。

图片[2]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南

步骤 1:激活 Post Meta 块

  1. 在 WordPress 后台导航至 Essential Blocks > Blocks.
图片[3]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南
  1. existent Creative Blocks 部分找到 Post Meta 块,启用该功能。
图片[4]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南
  1. 打开任何 Gutenberg 编辑器页面或模板,Post Meta 块将出现在区块添加选项中。
图片[5]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南

步骤 2:在页面或模板中添加元数据

  1. 打开需要添加元数据的page webetcartepeut-être WooCommerce 产品模板.
  2. 单击 Gutenberg 编辑器中的 “+” 按钮,搜索 Post Meta,并添加到页面。
图片[6]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南
  1. 自定义显示的元数据字段(如作者、发布日期、SKU 等),并调整其显示位置。
图片[7]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南

步骤 3:配置和样式化 Post Meta 块

  1. 常规设置:控制字段的显示(如是否启用作者、日期等)并重命名字段标签。
  2. 样式设置:设置字体样式、颜色、间距等,优化视觉效果。
图片[8]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南
  1. 高级设置:调整边距、填充和背景样式,确保元数据区域与整体设计一致。
图片[9]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南

通过 Essential Blocks 的 Post Meta 块,无需编写代码即可快速添加和管理元数据。

方法二:使用内置功能添加元数据

WordPress 本身提供了一些元数据字段,例如分类、标签和作者信息,这些都可以直接通过 Gutenberg 界面管理。

Les étapes :

  1. 在 Gutenberg 编辑器中打开文章或页面.
  2. 在右侧的 文档设置面板 中找到:
    • 分类和标签:添加文章分类或标签。
    • Heure de sortie:设置或编辑文章的发布时间。
    • 作者信息:从下拉菜单中选择文章作者。
图片[10]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南

Pour :

  • 无需额外插件,轻松添加基本元数据。
  • WordPress 会自动保存并在前端显示相关信息。

方法三:使用插件自定义元数据

如果需要更加灵活的元数据管理,可以使用插件,例如 Champs personnalisés avancés (ACF) peut-être Meta Box.

使用 ACF 插件的步骤:

  1. Installation des plug-ins
    Recherchez et installez dans le backend de WordPress Champs personnalisés avancés Plug-ins.
图片[11]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南
  1. 创建自定义字段组
    • commutateur à ACF > Champs personnalisés.
    • frappe (sur le clavier) 添加新字段组,输入组名称(如“文章额外信息").
    • 添加自定义字段,例如 “文章评分","推荐指数"etc.
图片[12]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南
  1. 指定字段显示位置
    • 在“显示规则”中选择“仅在以下条件下显示”,设置为“等于文章".
    • 保存字段组。
图片[13]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南
  1. 编辑帖子元数据
    在 Gutenberg 编辑器中,填写刚创建的字段信息.
图片[14]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南
  1. 在前端显示元数据
    编辑主题文件(如 single.php),使用以下代码显示元数据:
<?php echo get_field('your_custom_field_name'); ?>
使用 Meta Box 插件的步骤:

Meta Box 提供类似的功能,但更适合开发者,支持复杂的元数据操作和高级功能。

    方法四:使用 REST API 获取元数据

    如果需要将元数据与前端应用或第三方工具集成,可以通过 REST API 访问已注册的元数据。

    Exemple :

    访问以下 URL:

    https://yourwebsite.com/wp-json/wp/v2/posts/{post_id}

    JSON 数据中将包含 custom_meta_key 的值(前提是已注册元数据).

    总结:Post Meta 的重要性

    通过 Gutenberg 添加帖子元数据可以显著提升内容的组织性和 SEO 表现。以下是几种常见的应用场景:

    • 博客文章:显示作者、日期、分类等关键信息。
    • WooCommerce 商店:展示 SKU、价格和库存状态等动态数据。
    • 新闻网站:突显发布时间和来源信息。


    Contactez nous
    Vous ne pouvez pas lire l'article ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
    Tel : 020-2206-9892
    QQ咨询:1025174874
    (iii) Courriel : info@361sale.com
    Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
    © Déclaration de reproduction
    Cet article a été écrit par : xiesong
    LA FIN
    Si vous l'aimez, soutenez-le.
    félicitations9 partager (joies, avantages, privilèges, etc.) avec les autres
    avatar de xiesong - Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide
    commentaires achat de canapé

    Veuillez vous connecter pour poster un commentaire

      Pas de commentaires