1. URL 优化：保持"性感"

URL 不仅仅是给浏览器看的，也是给用户和 Google 看的。 一个混乱的 URL 会让用户在点击前犹豫。

✅ 好的 URL 长这样

• 短：example.com/best-seo-tools
• 可读：一眼就知道这个页面讲什么。
• 包含关键词：包含了 seo tools。
• 使用连字符：hello-world (不要用 hello_world，Google 不喜欢下划线)。

❌ 坏的 URL 长这样

• 乱码：example.com/p=123&id=456 (这是什么鬼？)
• 冗余：example.com/2025/01/18/blog/category/seo/best-seo-tools-for-beginners-guide (太长了！截断后没人看得完)
• 中文：example.com/如何做seo (复制出来会变成 %E5%A6%82%E4%BD%95...，非常丑，传播体验极差)。

技巧：Slug 优化

你的文章标题可能是 "10 Best SEO Tools for Startups in 2025 (Tested & Reviewed)"。 千万不要让你的 URL 和标题一样长！ URL 应该是：example.com/best-seo-tools。保留核心词，去掉 in, for, and 这种虚词。

---

2. 图片 SEO：被忽视的流量入口

Google 图片搜索带来的流量可能超乎你的想象。 而且，优化图片能显著提升网页加载速度（LCP），直接利好排名。

文件名 (Filename)

在上传图片前，把 IMG_8821.jpg 改名！

• ❌ IMG_8821.jpg
• ✅ keyword-research-tool-ahrefs.jpg Google 读不懂图片内容，但它读得懂文件名。告诉它这张图是关于什么。

Alt 标签 (Alt Text)

这是给屏幕阅读器（盲人）和搜索引擎看的。

• 代码：<img src="..." alt="Ahrefs 关键词研究工具界面截图" />
• 原则：客观描述图片内容，并自然包含关键词。不要堆砌！

格式与压缩 (WebP & Compression)

一张 5MB 的 PNG 图片是 SEO 的杀手。

• 格式：尽量使用 WebP 格式。它比 JPG/PNG 小 30% 以上，且画质肉眼看不出区别。
• 压缩：使用 TinyPNG 或 Squoosh 压缩后再上传。
• Next.js 用户：直接使用 <Image /> 组件，它会自动帮你做懒加载（Lazy Load）和格式转换。

// Next.js 示例
import Image from 'next/image'

<Image
  src="/images/seo-guide.jpg"
  alt="SEO 完整指南封面图"
  width={800}
  height={600}
  priority // 如果是首屏大图，加上这个属性
/>

---

小结

细节决定成败。

• URL：要短、要英文、要包含关键词。
• 图片：要改名、要写 Alt、要用 WebP。

做好这几点，你的网页既"好看"又"快"，Google 没理由不给你好排名。

---

下一节，我们将学习如何构建强大的内部链接网络。