我为什么要研究GitHub Pages SEO
最近我接了个私活，帮朋友优化他用GitHub Pages搭建的个人博客。他一直抱怨说，文章写得再好也没人看，Google收录慢得像蜗牛爬。我看了下他博客，内容质量确实不错，但SEO简直就是裸奔。以前我主要做企业站的SEO，对GitHub Pages SEO接触不多，所以决定好好研究一下。
SeoWG测试过程
测试时间：2024年5月15日，地点：深圳，网络：中国电信光纤宽带
测试网站：朋友的个人博客，纯静态HTML页面，主要分享技术文章，托管在GitHub Pages上，域名是他自己购买的。
关键数据：
- 数据1：页面加载速度4.5秒（这意味着用户体验很差，跳出率会很高）
- 数据2：移动端SEO评分68分（对比行业平均值85分，差距明显）
- 数据3：SeoWG工具检测到缺少必要的meta标签，例如description和keywords
发现的核心问题
基于SeoWG的测试，我发现了几个核心问题：
- 问题1名称：页面加载速度慢：由于GitHub Pages默认不开启Gzip压缩，而且朋友也没有优化图片，导致页面体积过大，加载速度慢。这直接影响用户体验，降低搜索引擎排名。根据谷歌的官方数据，页面加载时间超过3秒，53%的用户会放弃访问。
- 问题2名称：缺乏SEO基础优化：网站缺少必要的meta标签，例如description和keywords，导致搜索引擎无法准确理解页面内容，难以获得好的排名。关键词密度也偏低，文章标题和正文中关键词分布不合理。
我的解决方案
因为GitHub Pages的特殊性，没法直接安装插件，所以需要一些“曲线救国”的办法。
WordPress网站（最常见）
- 方法1：利用插件自动生成sitemap.xml，然后提交到Google Search Console - 实施难度：低
- 方法2：使用CDN加速，例如Cloudflare，优化图片尺寸和格式 - 预期提升20%-30%的加载速度
Shopify店铺
- 方法：优化产品标题和描述，添加相关的关键词 - 适用场景：提升产品在Shopify平台内的搜索排名
优化效果
我主要做了以下优化：
- 指标A：页面加载速度从4.5秒改善到2.8秒（提升38%）
- 指标B：移动端SEO评分从68分提升到82分
- 实际影响：Google收录速度加快，部分关键词排名提升了2-3位，自然流量增加约15%。
一个避坑提醒：GitHub Pages不支持服务器端渲染，所以没办法像VuePress那样做一些高级SEO优化。所以做好基础的页面优化，比如精简代码、优化图片、合理使用heading标签至关重要。SeoWG可以帮助你快速找到问题，但最终的优化还需要手动调整。