当时做Vue项目直接被老板骂懵了，说咱们官网在百度上毛都搜不着！我拍胸脯说Vue可是前端扛把子，结果自己打开搜索引擎一查——好家伙，首页除了
标签里那个项目名，其他内容全被吞了。</p>
<h2>踩的第一个坑</h2>
<p>第二天半夜三点蹲电脑前抓包，发现蜘蛛爬过来的全是<strong><pre></pre></strong>这玩意。草率了，原来Vue这框架搞渲染是客户端蹦迪，蜘蛛根本看不懂！</p>
<h2>暴力改代码的日子</h2>
<p>赶紧照着网帖撸起袖子改：
<ul>
<li>吭哧吭哧给每个路由加<strong>meta标签</strong>，标题描述关键词全手写</li>
<li>狂装<strong>vue-meta</strong>插件管标签，头发薅掉大半</li>
<li>甚至给按钮都塞满<strong>alt文字</strong>，活像贴小广告的</li>
</ul>
<p>结果百度收录倒是有了，点进去还是光秃秃的<div>——蜘蛛压根不执行JS！</p></p>
<h2>上核武器的时刻</h2>
<p>被逼急了眼直接搞<strong>SSR服务端渲染</strong>：
<ul>
<li>*框架装到一半就想砸电脑</li>
<li>Node服务器配置折腾两天，cpu差点干烧</li>
<li>数据库查询愣是被渲染层套了三层娃</li>
</ul>
<p>上线那天整个技术部集体加班到凌晨，结果首发就报错500，老板脸黑得像锅底。</p></p>
<h2>意外发现野路子</h2>
<p>技术老哥扔给我个<strong>prerender-spa-plugin</strong>，跟捡到宝似的：
<ol>
<li>npm install时手都在抖</li>
<li>webpack配置里塞几行代码</li>
<li>跑build命令生成静态HTML</li>
</ol>
<p>好家伙！dist文件夹里直接躺着带内容的HTML文件，蜘蛛终于能吃饱饭了！</p></p>
<h2>现在维护省心到哭</h2>
<p>现在日常就是：
<ul>
<li>改文字？直接更<strong>vue-meta配置</strong></li>
<li>增页面？<strong>routes里挂上新路由</strong>自动预渲染</li>
<li>每周用尖叫爬虫工具检查收录，稳如老狗</li>
</ul>
<p>上个月官网关键词居然冲到行业前三，老板发奖金时说早该让我踩这坑（微笑）</p></p>
<p>那天突然悟了：搞技术跟炖汤似的，小火慢熬的SSR是香，但咱小项目用<strong>预渲染</strong>这速食包，照样能喂饱蜘蛛！</p> </div>
</div>
<div class="artleft"> <div class="art_Prev wow fadeInUp">
<p>上一篇</p>
<a href="/roip/7626.html">seo用什么工具不花钱？这6个免费工具满足日常需求</a> </div>
<div class="art_next wow fadeInUp">
<p>下一篇</p>
<a>暂无</a></div>
<div class="art_fenx wow fadeInUp">
<p>分享到</p>
<div class="bdsharebuttonbox bdshare-button-style0-24" id="j_shart_s_240" data-tag="share_1" data-bd-bind="1681714059303"> <a class="bds_weixin iconfont" data-cmd="weixin" title="微信"></a> <a class="bds_sqq iconfont" data-cmd="sqq" title="QQ"></a> <a class="bds_qzone iconfont" data-cmd="qzone" title="QQ空间"></a> </div>
<script>
window._bd_share_config = {
share : [{
"bdSize" : 24
}],
}
with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
</script>
<div class="fh"><a href="/roip/">返回列表</a></div>
</div>
</div>
</div>
</div>
<div class="web_Foot wow fadeInUp">
<div class="webfoot w1400">
<div class="webfoot_t">
<div class="webfoot_logo"><img src="/uploads/allimg/20240627/1-24062G54104V9.png" alt="石家庄鑫拓海网站建设公司"/></div>
<div class="webfoot_btn">
<div class="btn_order"><a href="http://wpa.qq.com/msgrd?v=3&uin=88888888&site=qq&menu=yes">在线询问</a></div>
<div class="btn_service"><a href="http://wpa.qq.com/msgrd?v=3&uin=88888888&site=qq&menu=yes">QQ客服</a></div>
</div>
<div class="clear"></div>
</div>
<div class="webfootmid">
<div class="webfoot_menu">
<ul>
<li><a href="/ytim/">关于我们<img src="/template/pc/skin/images/jt.png" /></a></li>
<li><a href="/tccc/">网站建设<img src="/template/pc/skin/images/jt.png" /></a></li>
<li><a href="/ltrq/">建站资讯<img src="/template/pc/skin/images/jt.png" /></a></li>
<li><a href="/abiz/">解决方案<img src="/template/pc/skin/images/jt.png" /></a></li>
<li><a href="/vunr/">小程序开发<img src="/template/pc/skin/images/jt.png" /></a></li>
<li><a href="/zahz/">联系我们<img src="/template/pc/skin/images/jt.png" /></a></li>
</ul>
</div>
<div class="webfootlxfs">
<ul>
<li> <img src="/template/pc/skin/images/foot_ico1.png"><span>企业名称：</span>
<p>石家庄鑫拓海网站建设公司</p>
</li>
<li> <img src="/template/pc/skin/images/foot_ico2.png"><span>热线电话：</span>
<p>400-123-4567</p>
</li>
<li> <img src="/template/pc/skin/images/foot_ico3.png"><span>公司地址：</span>
<p>石家庄万达广场D座11楼</p>
</li>
<li> <img src="/template/pc/skin/images/foot_ico4.png"><span>电子邮箱：</span>
<p>admin@youweb.com</p>
</li>
</ul>
</div>
<div class="webfootewm"> <img src="/uploads/allimg/20200721/1-200H1094023F1.jpg">
<p>扫码关注我们</p>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="webfoot_Copy">
<p>Copyright © 2025 石家庄鑫拓海网站建设公司 版权所有<a href="http://www.eyoucms.com/plus/powerby.php" target="_blank"> Powered by EyouCms</a> <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">鲁ICP备2024078765号</a> <a href="http://www.kongtiao989.com/sitemap.xml" target="_blank">sitemap.xml</a></p>
</div>
</div>
</div>
<div class="f_pf1">
<div class="tela"><a href="tel:13988889999"></a>
<div class="wz">
<p>TEL：13988889999<em></em></p>
</div>
</div>
<div class="wxa"><span></span>
<div class="code">
<p><img src="/uploads/allimg/20200721/1-200H1094023F1.jpg"/><em></em></p>
</div>
</div>
<a href="/tccc/" class="pfpro"></a> <a href="http://www.kongtiao989.com" class="pflxwm"></a> <a class="totop"></a> </div>
<script language="javascript" type="text/javascript" src="/template/pc/skin/js/customer.js"></script>
<!-- 应用插件标签 start -->
<!-- 应用插件标签 end -->
</html>
</body> 
