前言
在 Web 开发中，JavaScript 是一个非常重要的角色，而 npm 是 JavaScript 的包管理器。
在前端开发中，会经常用到一些方式组装和呈现文本信息，比如 Schema.org 中的一种标记，叫做 Json-LD。
Json-LD 是一种在 Web 上发布结构化数据的方法，其本质是一个 JavaScript 对象，用于将数据嵌入到 HTML 页面的 head 标签中，让搜索引擎能够更好地理解页面上的信息。
在此，介绍一款常用的 npm 包：json-ld-types，用于快速生成 Json-LD 数据。
安装
可以通过 npm 进行安装：
npm install json-ld-types --save
或者通过 yarn 进行安装：
yarn add json-ld-types
使用
基础用法
-- -------------------- ---- -------
------ - ------ - ---- ----------------
----- ------ - --- -------------- -
--------- ------ -------
------- -
-------- ---------
----- ----- -----
--
-------------- -------------
---
-------------------------------生成的 Json-LD 数据为：
-- -------------------- ---- -------
-
----------- ----------------------
-------- -------
----------- ------ -------
--------- -
-------- ---------
------- ----- ----
--
---------------- ------------
-高级用法
-- -------------------- ---- -------
------ - ------- ----- - ---- ----------------
----- ------ - -
-------- ---------
----- ----- -----
---------- -------------
---------- ------------------
------ ----------------------
-------- -
-------- ----------------
-------------- ----- ------------ ---------
---------------- --------- ------
-------------- -----
----------- --------
--------------- -----
--
--
----- ------------ - -
-------- ---------------
----- ---------
---- -------------------------
----- -------------------------------------------------------------------------------------
------- ----------------------------------- ------------------------------------ ------------------------------
--
----- ------- - -
-------- --------------
--------- ------- --------- --- ----- -------
------------ ------- --- --------- --- ----- --------
----------------- -
-------- ----------
------ ------------------------------
--
------ -
-------- --------------
---- --------------------------------
------ ----
------- ----
--
-------------- -------------
------------- -------------
------- ------------- --------------
---------- -------------
--
----- ------ - --- ----------------- ---------
-------------------------------生成的 Json-LD 数据为：
-- -------------------- ---- -------
-
----------- ----------------------
-------- ----------
----------- ------- --------- --- ----- -------
-------------- ------- --- --------- --- ----- --------
------------------- -
-------- ----------
------ -----------------------------
--
-------- -
-------- --------------
------ --------------------------------
-------- ----
--------- ---
--
---------------- -------------
--------------- -------------
--------- -
-------- ---------
------- ----- -----
------------ -------------
------------ ------------------
-------- ----------------------
---------- -
-------- ----------------
---------------- ----- ------------ ---------
------------------ --------- ------
---------------- -----
------------- --------
----------------- ----
-
--
------------ -
-------- ---------------
------- ---------
------ -------------------------
------- -------------------------------------------------------------------------------------
--------- -
----------------------------------
------------------------------------
----------------------------
-
-
-总结
使用 json-ld-types，提供了一种简单和方便的方式来创建和生成 Json-LD 数据。
通过将结构化数据嵌入到 HTML 页面以改善搜索引擎的理解，可以更轻松地为网站的 SEO 进行优化，提高搜索引擎的等级，并有助于在搜索结果中显示更详细的信息。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f732679a9b7065299ccbc0b