vmess://eyJ2IjoiMiIsInBzIjoi576O5Zu9IiwiYWRkIjoiMTkyLjE2OC4xLjEiLCJwb3J0IjoiODA4MCIsImlkIjoiMTIzNDU2NzgtYWJjZC0xMjM0LTEyMzQtMTIzNDU2Nzg5YWJjIiwiYWlkIjoiMCIsIm5ldCI6InRjcCIsInR5cGUiOiJub25lIn0=
## 🎯 SEO优化要点
### 1. **标题优化(Title)**
#### ❌ 不好的标题:
- `免费节点` - 太简短
- `VPN教程` - 太宽泛
- `节点分享123` - 无意义数字
#### ✅ 好的标题:
- `2024年最佳免费VPN节点推荐 | 每日更新`
- `ChatGPT使用技巧:10个提高效率的实用提示词`
- `Web开发完整路线图:从零基础到全栈工程师`
**标题规则:**
- 长度:50-60字符(中文25-30字)
- 包含主关键词
- 包含年份(时效性)
- 包含数字(吸引点击)
- 包含品牌名或网站名(用 `|` 或 `-` 分隔)
---
### 2. **描述优化(Description)**
#### ❌ 不好的描述:
- 太短:`这是一篇教程`
- 太长:超过160字符
- 关键词堆砌:`VPN VPN VPN 免费 免费 免费`
#### ✅ 好的描述:详细介绍2024年最新免费VPN节点获取方法,包括V2Ray、Shadowsocks等主流协议的配置教程。每日更新稳定高速节点,支持Windows、Mac、Android、iOS全平台,助你轻松实现科学上网。
**描述规则:**
- 长度:120-160字符(中文60-80字)
- 包含1-2个主关键词
- 自然流畅,不堆砌
- 包含行动号召(Call to Action)
- 准确概括文章内容
---
### 3. **关键词优化(Keywords/Tags)**
#### ❌ 不好的关键词:
- 单一关键词:`VPN`
- 过于宽泛:`技术`, `教程`
- 无关关键词:`赚钱`, `下载`
#### ✅ 好的关键词:
```yaml
keywords:
- 免费VPN节点2024 # 长尾关键词
- V2Ray配置教程 # 具体技术
- 科学上网指南 # 目标需求
- Shadowsocks节点 # 相关技术
- 翻墙工具推荐 # 用户意图关键词规则:
- 3-8个关键词
- 包含长尾关键词
- 包含LSI关键词(语义相关)
- 避免关键词堆砌
- 使用用户搜索习惯的词汇
4. URL结构优化
❌ 不好的URL:
/posts/article123.html- 无意义ID/posts/文章标题.html- 中文URL/p/a/b/c/d/e/f.html- 层级过深
✅ 好的URL:
/posts/vpn-proxy/free-vpn-nodes-2024/posts/ai/chatgpt-prompts-guide/posts/web-dev/javascript-tutorial
URL规则:
- 使用英文短横线(-)分隔
- 包含关键词
- 保持简短(3-5个单词)
- 层级清晰(2-3层)
- 避免特殊字符
5. 文章内容SEO
H1标题(每篇只有一个)
markdown
# 2024年最佳免费VPN节点推荐完全指南H2-H6层级结构
markdown
## 什么是VPN?
### VPN的工作原理
### VPN的主要用途
## 免费VPN节点推荐
### V2Ray节点
### Shadowsocks节点
## 配置教程
### Windows配置
### Mac配置关键词密度
- 主关键词出现3-5次
- 自然分布在标题、首段、中间、结尾
- 使用同义词和相关词
内部链接
markdown
相关阅读:
- [VPN配置完全教程](/posts/vpn-proxy/tutorial/vpn-setup-guide)
- [AI工具推荐](/posts/ai/tools/ai-tools-navigation)外部链接
- 链接到权威网站
- 使用
rel="nofollow"对不信任的链接
📝 各分类文章SEO模板
VPN/科学上网类
yaml
title: 2024年{月份}{主题}|{副标题}
description: 提供2024年最新的{主题},包括{特点1}、{特点2}。支持{平台},每日更新,{优势}。
keywords:
- 免费VPN 2024
- 科学上网
- V2Ray节点
- Shadowsocks
- 翻墙教程
- {具体技术}示例URL:
/posts/vpn-proxy/free-nodes/daily-vpn-nodes-2024-11/posts/vpn-proxy/tutorial/v2ray-setup-guide/posts/vpn-proxy/airport-review/best-vpn-services-2024
AI工具类
yaml
title: {工具名}完全指南:{核心价值}|{年份}最新
description: 详细介绍{工具名}的{功能}、{使用方法}和{最佳实践}。适合{目标用户},包含{具体内容}。
keywords:
- {工具名}
- AI工具
- {工具用途}
- {目标场景}
- 人工智能
- {相关技术}示例URL:
/posts/ai/tools/chatgpt-complete-guide/posts/ai/prompts/best-chatgpt-prompts-2024/posts/ai/tutorial/ai-beginner-guide
编程教程类
yaml
title: {技术名称}教程:{学习目标}|{难度级别}
description: 从{起点}到{终点}的{技术名称}完整教程。包含{知识点1}、{知识点2}等核心内容,{时长}小时掌握{技能}。
keywords:
- {技术名称}教程
- {技术名称}入门
- Web开发
- 前端开发
- {具体技术栈}
- 编程学习示例URL:
/posts/blog/tutorials/javascript-beginner-guide/posts/blog/tutorials/react-complete-course/posts/resources/learning/web-dev-roadmap-2024
🔧 技术实现
1. 创建SEO组件
在 docs/.vitepress/theme/components/SEO.vue:
vue
<script setup lang="ts">
import { useData, useRoute } from 'vitepress'
import { computed } from 'vue'
const { page, frontmatter, site } = useData()
const route = useRoute()
const title = computed(() =>
frontmatter.value.title
? `${frontmatter.value.title} | ${site.value.title}`
: site.value.title
)
const description = computed(() =>
frontmatter.value.description || site.value.description
)
const keywords = computed(() => {
const tags = frontmatter.value.tags || []
const keywords = frontmatter.value.keywords || []
return [...keywords, ...tags].join(', ')
})
const url = computed(() => {
const base = site.value.base || '/'
return `${base}${route.path.replace(/\\.html$/, '')}`
})
const image = computed(() =>
frontmatter.value.cover ||
frontmatter.value['og:image'] ||
'/images/default-og.jpg'
)
</script>
<template>
<component :is="'head'">
<!-- Basic SEO -->
<title>{{ title }}</title>
<meta name="description" :content="description">
<meta name="keywords" :content="keywords">
<!-- Canonical URL -->
<link rel="canonical" :href="url">
<!-- Open Graph -->
<meta property="og:title" :content="title">
<meta property="og:description" :content="description">
<meta property="og:url" :content="url">
<meta property="og:image" :content="image">
<!-- Twitter Card -->
<meta name="twitter:title" :content="title">
<meta name="twitter:description" :content="description">
<meta name="twitter:image" :content="image">
<!-- 文章特定 -->
<template v-if="frontmatter.date">
<meta property="article:published_time" :content="frontmatter.date">
<meta property="article:author" :content="frontmatter.author || '杰哥'">
<meta property="article:section" :content="frontmatter.category">
<meta v-for="tag in frontmatter.tags" :key="tag"
property="article:tag" :content="tag">
</template>
</component>
</template>2. 注册SEO组件
在 docs/.vitepress/theme/index.ts:
typescript
import SEO from './components/SEO.vue'
export default {
...DefaultTheme,
enhanceApp({ app }) {
app.component('SEO', SEO)
}
}📈 SEO检查清单
上线前检查:
- [ ] 所有文章都有唯一的title
- [ ] 所有文章都有description(120-160字符)
- [ ] 所有文章都有3-8个关键词/标签
- [ ] URL结构清晰,包含关键词
- [ ] 图片都有alt属性
- [ ] 内部链接完整
- [ ] 没有死链接
- [ ] 移动端响应式正常
- [ ] 页面加载速度<3秒
- [ ] 创建sitemap.xml
- [ ] 创建robots.txt
- [ ] 提交到Google Search Console
- [ ] 提交到百度站长平台
- [ ] 安装Google Analytics
- [ ] 安装百度统计
🚀 进阶优化
1. 创建sitemap.xml
安装VitePress sitemap插件:
bash
pnpm add -D vitepress-plugin-sitemap2. 创建robots.txt
在 docs/public/robots.txt:
User-agent: *
Allow: /
Disallow: /api/
Disallow: /admin/
Sitemap: https://yourdomain.com/sitemap.xml3. 结构化数据(Schema.org)
添加文章结构化数据:
json
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"headline": "文章标题",
"description": "文章描述",
"author": {
"@type": "Person",
"name": "杰哥"
},
"datePublished": "2024-11-16",
"image": "文章封面图"
}📚 参考资源
按照这个指南优化,你的博客SEO会显著提升! 🚀