Nuxt3最强SEO攻略

使用useFetch服务端渲染请求方式

方便搜索引擎可以解析网站的html，vue构建的项目是客户端渲染，无法解析

html 复制代码

https://nuxt.com/docs/api/composables/use-fetch

language 复制代码

useServerSeoMeta({
  title: "首页",
  description: "欢迎来到小白龙博客",
  keywords: `${data.rows.map((item: any) => item.title)}`,
});

添加网站地图

language 复制代码

https://ziyuan.baidu.com/linksubmit/index?site=https://xiaolong0418.com/

添加网站地图

language 复制代码

https://search.google.com/search-console/sitemaps?resource_id=sc-domain%3Axiaolong0418.com&hl=zh-CN

添加网站地图

language 复制代码

https://zhanzhang.sogou.com/index.php/sitelink/index

添加网站地图

language 复制代码

https://zhanzhang.so.com/sitetool/sitemap

根据检测报告，对应修改网站问题就可以了

language 复制代码

https://pagespeed.web.dev/analysis/https-xiaolong0418-com/wpb7rnuigu?form_factor=mobile