404错误页面SEO处理
今天跟大家聊聊我最近折腾网站404错误页面的SEO优化,也算是把SeoWG工具用得比较透彻的一次实战。 首先,说明一下背景。我维护着一个关于咖啡文化的个人博客,域名是coffeenerd.blog。之前一直没太在意404页面的事情,直到我用SeoWG的死链检测工具扫了一下,才发现我的博客有将近20个失效链接,这肯定对SEO不好。 SeoWG的死链检测,我觉得挺好用的。我是在北京时间2024年1...
今天跟大家聊聊我最近折腾网站404错误页面的SEO优化,也算是把SeoWG工具用得比较透彻的一次实战。
首先,说明一下背景。我维护着一个关于咖啡文化的个人博客,域名是coffeenerd.blog。之前一直没太在意404页面的事情,直到我用SeoWG的死链检测工具扫了一下,才发现我的博客有将近20个失效链接,这肯定对SEO不好。
SeoWG的死链检测,我觉得挺好用的。我是在北京时间2024年10月27日晚上8点左右,用电信的100M光纤网络,在我的MacBook Pro (16-inch, 2019)上进行的测试。在SeoWG工具栏里找到“死链检测”,输入coffeenerd.blog,点击“开始扫描”。 大概过了1分多钟,SeoWG就把我网站所有的链接都抓取出来了,并且标记出了404错误链接。
扫描结果显示,有几个是因为我之前写过一些咖啡豆的评测文章,后来因为一些原因把那些文章删除了,但是搜索引擎还是能搜索到,用户点击进去就会显示404错误。 还有一些是因为我之前用的图片链接失效了,导致页面上的图片显示不出来,也会触发404。 总之,20多个404错误,让我意识到必须得重视起来。
接下来就是404页面的SEO处理了。我主要做了以下几个方面:
第一,自定义404错误页面。
默认的404页面体验很差,用户看到的就是一个简单的“404 Not Found”,啥信息都没有,很容易直接关掉页面。所以,我首先做了一个自定义的404页面。
我参考了一些优秀的404页面设计,最终决定我的404页面要包含以下几个元素:
• 清晰的错误提示:告诉用户“您访问的页面不存在”。
• 友好的引导:提供返回首页、搜索网站内容等选项。
• 有趣的元素:加入一些和咖啡相关的图片或动画,让页面不那么枯燥。
我用了WordPress的“404page”插件来创建自定义404页面。设计稿我是在Figma上完成的,然后用HTML和CSS写了页面代码。 页面上放了一张咖啡豆的GIF动图,还加了一个搜索框和一个返回首页的按钮。按钮颜色我特意用了和网站主色调一致的棕色。
第二,301重定向。
对于那些因为文章被删除而产生的404链接,我决定使用301重定向。 301重定向可以将失效链接永久重定向到网站上的其他相关页面,这样既可以解决用户体验问题,也可以把权重转移到新的页面上。
我用SeoWG的301重定向检测工具,验证了我的301跳转是否设置正确。测试时间是2024年10月28日下午3点,网络环境是公司办公室的联通宽带。 我在SeoWG的工具栏里选择“301/302重定向检测”,输入需要检测的URL,然后点击“开始检测”。 SeoWG会显示URL的HTTP状态码和重定向目标地址。 如果状态码是301,并且重定向目标地址正确,就说明301重定向设置成功了。
比如,我把一篇旧的咖啡豆评测文章的URL (coffeenerd.blog/old-bean-review) 301重定向到了咖啡豆分类页面 (coffeenerd.blog/coffee-beans)。 用SeoWG检测后,显示HTTP状态码为301,重定向目标地址为coffeenerd.blog/coffee-beans,说明设置正确。 我总共做了5个301重定向,把那些删除的文章的URL都重定向到了相关的分类页面。
第三,提交404错误页面到搜索引擎。
虽然我做了自定义404页面和301重定向,但是搜索引擎还是需要一定的时间才能更新索引。为了加快这个过程,我把网站的404错误页面提交到了Google Search Console。
登录Google Search Console后,找到“覆盖率”报告,可以看到网站的错误页面列表。 我把那些404错误页面标记为“已修复”,然后点击“验证修复”,让Google重新抓取和索引我的网站。
过了几天,我再次用SeoWG的死链检测工具扫描我的网站,发现404错误链接的数量已经减少到了5个。 这5个404错误都是一些图片链接失效导致的,我直接把这些失效图片替换成了新的图片。
一周后,我再次登录Google Search Console,发现网站的错误页面数量已经清零了。 这说明我的404页面SEO处理已经生效了。
总结一下,这次404页面SEO处理的主要经验:
• 一定要定期检测网站的死链,及时发现和处理404错误。
• 自定义404错误页面,提供友好的用户体验。
• 使用301重定向,把失效链接的权重转移到新的页面上。
• 提交404错误页面到搜索引擎,加快索引更新。
• 利用SeoWG提供的死链检测和301/302重定向检测功能,可以更高效地完成404页面的SEO处理。
最后,分享一个小技巧。 我在404页面上加了一个“联系我们”的链接,方便用户反馈问题。 如果用户发现网站上存在其他404错误,可以通过这个链接告诉我,我可以及时进行修复。 这也是一种持续改进网站SEO的方法。 我是用 iPhone 13 在家里的无线网络下记录的这些数据和处理过程。 希望我的经验能对你有所帮助!