从零开始SEO ：新手指南

作者：Igor Kravchenko

如果你有了一个 Bootstrap 项目，一个出色的产品，但客户却寥寥无几。是时候开始学习 SEO 了。 经营一个 Bootstrap 或独立项目能磨练许多技能，也教会你更多关注商业（盈利）。而且，你会意识到市场营销并非轻松之事——他们的工作也很艰巨！

以下是我在过去几天（或者几周）里学习和实践的一些基础内容。

首先要注意的：域名

有人说 .com 域名略胜一筹，但总体上并不重要。如果你的域名并非全新，那就更好了——域名的信誉和反向链接很重要！这也是为什么购买那些表现欠佳但有潜力的项目（包括域名）可能会带来收益，只要你懂得如何操作。

我们以接近 98 美元的价格抢下了 aso.dev 域名。

接下来，开始建设网站。

既然 SEO 是首要任务，那么服务端渲染（SSR）必不可少。虽然有很多人说 Google 能够解析 JavaScript，但大多只是误导。Google 有时候可以解析，但通常并不喜欢这样做，所以不要冒险。你可以为 React 或 Angular 配置一个复杂的 SSR 环境，但我们选择了 astro.build——它超级快、简单又优雅。 astro.build 提供了许多免费且复杂的主题，我们选择了 Starlight 主题，并在首页进行了少许调整（需要复制 Hero.astro 组件并覆盖 Head.astro）。

我们目前的进展令人满意！

我们甚至在重新设计我们播放器的站点 meows.app，因为基于 API 响应的动态渲染效果极佳。我们还聘请了一位初级开发人员，用相同的技术栈从头开始重写站点，成本低、练手效果好，对我们而言网站也更快、更简单。Angular 14 已经跟不上需求，即使有 Universal 渲染也显得过时了——可以看看我们使用 Astro 的一个正在开发的示例。

目前效果相当不错。之前我们使用 tinypng 来压缩图片（手动压缩或通过 API 和 GPT 脚本完成），现在我们改用了 astro.build 内置的图像优化工具。

Google Search Console

接下来：Google Search Console。将你的网站添加进去，以跟踪索引情况、发现错误，并解锁成就（可以在 Twitter 上展示一番）。

成就

Google Search Console

市面上有很多工具，但目前我只使用了一些免费的工具。

Ahrefs

用户登录 – Ahrefs

Ahrefs 非常有用，因为你可以获得 10,000 次站点查询以及详细的页面问题分析。你不可能修复所有问题，但减少错误会带来很大帮助。

这款工具为我提供了大部分用来改进网站的见解。

修正与改进

优化页面标题与描述

标题应控制在 50-60 个字符，描述在 110-160 个字符之间。我在 .md 文件的 meta 结构中按如下方式添加它们：

接着我让 GPT 编写了一个 Bash 脚本来检查这些文件。尝试了大约 30 次之后，它终于成功运行了（仍比手动检查要快得多）：

运行脚本，导航到文件，复制文本到 GPT 中，询问最优的标题和描述。这是一个示例提示词：

接下来，更新所有页面——我知道这很基础，但总比没有元数据或出现重复内容要好。

Favicon 修正

我们在 Favicon 上有些问题——使用 realfavicongenerator 来生成并测试图标。

OG 标签

我还添加了 OG 标签——这些元标签可以让你的链接在社交媒体预览中看起来更美观。最基本的标签包括 og、og和 og（使用绝对路径）。我们所有的图片都通过 bunny.net 进行分发，不过这个设置还在进一步优化中。

application/ld+json

使用 application/ld+json 添加了一些结构化数据——不知道是否真的有效，但看起来挺酷的。可以了解一下结构化数据标记。

自定义 404 页面

我们构建了一个自定义的 404 页面。直接跳转到主页被视为错误，可能会影响 SEO。

在 404 页面上设置 noindex 元标签：

在 Nginx 配置中设置自定义 404 页面：

重定向

我们设置了一些 301 重定向。确保所有 URL 都以斜杠结尾（如 https://aso.dev/aso/ 而非 https://aso.dev/aso），以避免内容重复。在彻底检查后，我们清除了代码中的过期链接，并通过 NGINX 添加了旧链接的重定向。

hreflang

我们在 hreflang 属性中添加了 x-default。直到最近才知道有这个功能。

SEMrush

访问：SEMrush

我使用 SEMrush 更久些——降级到免费版相对容易，但免费版只有 100 次查询，且其价格偏高。

反向链接

获得反向链接很难。你需要来自信誉站点的链接——垃圾链接会对你不利。来自《纽约时报》的一条好链接胜过数百个随机博客的链接。我们正在通过在初创项目和独立项目平台上列出我们的网站来积累反向链接。我们找到了一张包含数百条链接机会的 Excel 表格，并逐步进行处理。

在 Product Hunt 上发布也会有所帮助——可以订阅更新。我们已经推迟发布几次了，但很快就会推出。

我们还尽量撰写真正有用的文章，而非仅仅是凑字数。

如果有遗漏或错误，欢迎在评论区交流！