简介
meta-for 是一个方便快速生成 meta 标签的 npm 包，通过使用 meta-for，前端开发人员可以更简便快速地生成文档 header 部分中需要的 meta 标签，包括 keywords、description、author 等。本篇文章将详细介绍 meta-for 的使用方法，并附有示例代码。
安装
在项目根目录运行以下命令：
npm install meta-for
使用方法
在使用 meta-for 之前，需要先引入依赖：
const metaFor = require('meta-for');下面是如何使用 metaFor 来生成 meta 标签的方式：
-- -------------------- ---- ------- ----- -------- - --------- ------ --------- ------------ ---------- --------- -------------- ------- ------- ------- --------------- --- ----------------------
生成的 metaTags 输出结果如下：
'<title>这是我的网站</title>\n<meta name="description" content="网站描述信息。">\n<meta name="keywords" content="Meta,标签,关键词">\n<meta name="author" content="我的名字">\n<meta name="robots" content="index,follow">'
可以看到，metaFor 返回的是一个包含所有生成的 meta 标签的字符串。我们只需将其插入到 HTML 的 header 中即可。
生成的 meta 标签
title
生成 title 标签，用于定义网站的标题。
const metaTags = metaFor({title: '这是我的网站'});
console.log(metaTags);<title>这是我的网站</title>
description
生成 description 标签，用于定义页面的简短描述信息。
const metaTags = metaFor({description: '网站描述信息。'});
console.log(metaTags);<meta name="description" content="网站描述信息。">
keywords
生成 keywords 标签，用于定义页面的关键词。
const metaTags = metaFor({keywords: 'Meta,标签,关键词'});
console.log(metaTags);<meta name="keywords" content="Meta,标签,关键词">
author
生成 author 标签，用于定义页面的作者信息。
const metaTags = metaFor({author: '我的名字'});
console.log(metaTags);<meta name="author" content="我的名字">
robots
生成 robots 标签，用于定义页面是否允许被搜索引擎索引。
const metaTags = metaFor({robots: 'index,follow'});
console.log(metaTags);<meta name="robots" content="index,follow">
总结
本文介绍了使用 meta-for 生成 meta 标签的方式和常用标签的使用方法，并提供了这些方法的示例代码。使用 meta-for 可以更方便地进行前端开发，为网站提供更好的 SEO 优化。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f401d8e776d08040c5d