SEO 优化示例页面

这是一个展示如何在 Vue 3 组件中使用 SEO 元数据管理的示例页面

简化的百度SEO配置

只需要使用 useSeoMeta 函数设置基础的meta标签即可：

// 在组件中使用简化的SEO配置
 import { useSeoMeta } from '@/utils/seo'

 useSeoMeta({
   title: '页面标题（可选）',        // 不传则不修改title
   description: '页面描述',         // 必填
   keywords: '关键词1,关键词2',      // 必填
   content: '页面内容描述',         // 可选
   robots: 'index,follow'          // 可选，默认为index,follow
 })

百度SEO配置

description：页面描述，显示在搜索结果中
keywords：页面关键词，帮助搜索引擎理解页面内容
content：页面内容描述（可选）
robots：搜索引擎抓取规则，默认为 index,follow
title：页面标题（可选设置）