博客网站SEO方法总结

基础SEO

SSL证书

确保网站使用https，一定不能用http在网上裸奔。SSL证书可以免费获取，并不会增加费用成本。

简洁有意义的URL

1. 去掉.html之类的后缀。
2. 避免/page1这种无意义的路径名。

提供<meta name="description">

为每个页面提供简洁的描述，有助于搜索引擎了解页面的内容。

优化标题

1. 每个页面仅有1个H1标签。
2. 标题要有描述性，包含一些关键字。

网站性能

1. 压缩 CSS 和 JavaScript 文件。
2. 启用浏览器缓存。
3. 使用 CDN 来加速页面加载。
4. 优化图片（使用 WebP 格式，懒加载技术）。

移动端友好

Vitepress自带移动端适配，效果很好。

内部链接和外部链接

1. 使用内部链接（链接到自己博客的其他文章）和外部链接（指向其他权威网站）来增强页面的相关性和价值。这有助于增加用户在你站点上的停留时间，并帮助搜索引擎理解内容的结构。
2. 确保每篇文章适当地链接到其他相关内容，提高用户粘性。

为图片提供alt属性

Vitepress会自动写入，前提是在编辑markdown时，为图片提供描述，而不要省略描述。

定期更新内容

把更新时间通知给搜索引擎。

提供404页面

当URL出错时，将用户引导至主页。

高级SEO

Sitemap

生成 sitemap.xml 并提交到搜索引擎。

Vitepress自带生成sitemap的功能：

在 vite.config.js 中配置：

import { defineConfig } from "vitepress";

export default defineConfig({
  // 【sitemap】
  sitemap: {
    hostname: "https://yuluyao.com",
  },
})

robots.txt

确保搜索引擎可以索引你的博客网站。在根目录下添加 robots.txt 文件，允许搜索引擎抓取你想要公开的内容。

可以这样配置：

User-agent: *
Disallow:

ld+json

使用 Schema.org 结构化数据，帮助搜索引擎理解你的内容类型。技术博客可以使用以下类型：

• Article（文章类型）
• BlogPosting（博客文章类型）

示例：

<script type="application/ld+json">
{
   "@context": "https://schema.org",
   "@type": "BlogPosting",
   "headline": "如何使用 VitePress 开发博客",
   "description": "这是一个关于如何使用 VitePress 开发技术博客的指南。",
   "author": {
   "@type": "Person",
   "name": "你的名字"
   },
   "datePublished": "2024-09-23"
}
</script>