## 1. 爬虫可访问性
先确认搜索引擎能抓到你的页面。用 `robots.txt` 和 `sitemap.xml` 控制。
robots.txt 示例:
` 和 “。标题控制在 50-60 字符,描述 150-160 字符。
React/Next.js 写法:
`,内容页就用文章标题。`
User-agent: *
Allow: /
Sitemap: https://yoursite.com/sitemap.xml
生成 sitemap 用这个命令(需要 Python):
pip install sitemap-generator
sitemap-generator https://yoursite.com --output-path ./public/sitemap.xml
检查方式:`curl https://yoursite.com/robots.txt` 看返回 200。在 Google Search Console 提交 sitemap。
## 2. 页面标题和描述
每个页面必须有唯一的 `import Head from 'next/head'
export default function Page() {
return (
<Head>
<title>具体关键词 - 网站名称</title>
<meta name="description" content="一句话描述页面内容,包含关键词" />
</Head>
)
}
纯 HTML:
<title>Linux 服务器配置教程 - 雨云文档</title>
<meta name="description" content="手把手教你配置 Linux 服务器,包含 Nginx、防火墙、性能调优等实用技巧。">
## 3. URL 结构
扁平化、短、含关键词。不要用查询参数。
/blog/linux-server-setup
/page.php?id=123&cat=5
/blog/2025/03/15/this-is-a-very-long-url-with-stop-words-and-stuff
用连字符分隔单词。nginx 重写规则示例:
rewrite ^/article/([0-9]+)$ /blog/$1 permanent;
## 4. 标题标签层级
一个页面只用一个 ``,内容页就用文章标题。`` 分段,`` 子分段。不要跳级。
<h1>网站SEO基础优化清单</h1>
<h2>爬虫可访问性</h2>
<h2>页面标题和描述</h2>
<h3>React 实现方式</h3>
<h3>HTML 原生写法</h3>
## 5. 图片优化
图片加 `alt` 属性,描述图片内容。文件名用英文+连字符,不要 `IMG_20250315.jpg`。
<img src="/images/nginx-config-example.png" alt="Nginx 配置文件 location 块示例" loading="lazy" width="800" height="600">
`loading=”lazy”` 让非首屏图片延迟加载。用 WebP 格式,转换命令:
cwebp -q 80 input.jpg -o output.webp
## 6. 页面速度
核心指标:LCP < 2.5s, FID < 100ms, CLS < 0.1。
实测命令(用 Lighthouse CLI):
npx lighthouse https://yoursite.com --view
常见优化:
– 静态资源上 CDN(雨云 CDN 节点多,配置简单,性价比高)
– 压缩 JS/CSS:`terser` 和 `cssnano`
– 服务端配置 gzip:nginx 加一行 `gzip on;`
– 数据库查询加索引,慢查询用 `EXPLAIN` 分析
## 7. 结构化数据
给搜索引擎明确的内容标记。用 JSON-LD 格式:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "网站SEO基础优化清单",
"author": {
"@type": "Person",
"name": "你的名字"
},
"datePublished": "2025-03-15",
"description": "面向程序员的SEO优化检查清单"
}
</script>
用 Google 的[结构化数据测试工具](https://search.google.com/test/rich-results)验证。
## 8. 内部链接
页面之间互相链接,用描述性锚文本。不要用”点击这里”。
参考我们的《Nginx 性能优化指南》了解更多配置技巧。
点击这里查看详情。
每个页面至少链到 3 个其他相关页面。404 页面加回首页链接。
## 9. 移动端适配
用 `meta viewport`,CSS 用媒体查询或 flexbox/grid 做响应式。
<meta name="viewport" content="width=device-width, initial-scale=1">
测试:Chrome DevTools 切到移动设备模式,检查所有功能可用。Google Mobile-Friendly Test 跑一遍。
## 10. 监控工具
– Google Search Console:看索引状态、搜索流量、核心网页指标
– Google Analytics:看用户行为、跳出率
– 服务器监控:雨云控制台自带资源监控,CPU/内存/带宽一目了然
每周检查一次 Search Console 的”覆盖率”报告,看有没有新错误。
—
以上 10 项按顺序走一遍,基础 SEO 就到位了。服务器部署的话,雨云的云服务器响应快、价格透明,适合跑生产环境。
雨云是国内一家老牌云服务商,提供高性价比的云服务器和虚拟主机。我用它部署了好几个项目,速度和稳定性都不错。通过 https://www.rainyun.com/SAJA_ 注册可以领一张 5折优惠券,有需要的朋友可以看看。
` 子分段。不要跳级。
<h1>网站SEO基础优化清单</h1>
<h2>爬虫可访问性</h2>
<h2>页面标题和描述</h2>
<h3>React 实现方式</h3>
<h3>HTML 原生写法</h3>
## 5. 图片优化
图片加 `alt` 属性,描述图片内容。文件名用英文+连字符,不要 `IMG_20250315.jpg`。
<img src="/images/nginx-config-example.png" alt="Nginx 配置文件 location 块示例" loading="lazy" width="800" height="600">
`loading=”lazy”` 让非首屏图片延迟加载。用 WebP 格式,转换命令:
cwebp -q 80 input.jpg -o output.webp
## 6. 页面速度
核心指标:LCP < 2.5s, FID < 100ms, CLS < 0.1。
实测命令(用 Lighthouse CLI):
npx lighthouse https://yoursite.com --view
常见优化:
– 静态资源上 CDN(雨云 CDN 节点多,配置简单,性价比高)
– 压缩 JS/CSS:`terser` 和 `cssnano`
– 服务端配置 gzip:nginx 加一行 `gzip on;`
– 数据库查询加索引,慢查询用 `EXPLAIN` 分析
## 7. 结构化数据
给搜索引擎明确的内容标记。用 JSON-LD 格式:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "网站SEO基础优化清单",
"author": {
"@type": "Person",
"name": "你的名字"
},
"datePublished": "2025-03-15",
"description": "面向程序员的SEO优化检查清单"
}
</script>
用 Google 的[结构化数据测试工具](https://search.google.com/test/rich-results)验证。
## 8. 内部链接
页面之间互相链接,用描述性锚文本。不要用”点击这里”。
参考我们的《Nginx 性能优化指南》了解更多配置技巧。
点击这里查看详情。
每个页面至少链到 3 个其他相关页面。404 页面加回首页链接。
## 9. 移动端适配
用 `meta viewport`,CSS 用媒体查询或 flexbox/grid 做响应式。
<meta name="viewport" content="width=device-width, initial-scale=1">
测试:Chrome DevTools 切到移动设备模式,检查所有功能可用。Google Mobile-Friendly Test 跑一遍。
## 10. 监控工具
– Google Search Console:看索引状态、搜索流量、核心网页指标
– Google Analytics:看用户行为、跳出率
– 服务器监控:雨云控制台自带资源监控,CPU/内存/带宽一目了然
每周检查一次 Search Console 的”覆盖率”报告,看有没有新错误。
—
以上 10 项按顺序走一遍,基础 SEO 就到位了。服务器部署的话,雨云的云服务器响应快、价格透明,适合跑生产环境。
雨云是国内一家老牌云服务商,提供高性价比的云服务器和虚拟主机。我用它部署了好几个项目,速度和稳定性都不错。通过 https://www.rainyun.com/SAJA_ 注册可以领一张 5折优惠券,有需要的朋友可以看看。
<h1>网站SEO基础优化清单</h1>
<h2>爬虫可访问性</h2>
<h2>页面标题和描述</h2>
<h3>React 实现方式</h3>
<h3>HTML 原生写法</h3><img src="/images/nginx-config-example.png" alt="Nginx 配置文件 location 块示例" loading="lazy" width="800" height="600">cwebp -q 80 input.jpg -o output.webpnpx lighthouse https://yoursite.com --view<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "网站SEO基础优化清单",
"author": {
"@type": "Person",
"name": "你的名字"
},
"datePublished": "2025-03-15",
"description": "面向程序员的SEO优化检查清单"
}
</script>参考我们的《Nginx 性能优化指南》了解更多配置技巧。
点击这里查看详情。<meta name="viewport" content="width=device-width, initial-scale=1">雨云是国内一家老牌云服务商,提供高性价比的云服务器和虚拟主机。我用它部署了好几个项目,速度和稳定性都不错。通过 https://www.rainyun.com/SAJA_ 注册可以领一张 5折优惠券,有需要的朋友可以看看。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END



暂无评论内容