上周三接到一个电话，是宁波做外贸服装的刘总。他开口就问：“网站上线半年了，百度收录才12条，SEO优化到底还要投多少钱？”我听完没急着报价，先问他一句：你网站上线前有没有做关键词布局和路径规划？他沉默了五秒——这个反应我太熟了。直接给结论吧：网站SEO优化不是上线后补的活儿，基础优化在开发阶段就要埋进去，标准的15个工作日能见初效，费用区间在8000到2万（视页面数量25～60页浮动），但如果你已经上线了再回头改，时间要多花10天，费用上浮30%。
不想白花钱，先把SEO优化的底子打在开发阶段
刘总的网站我看了，产品页有42个，但全站只有一个
标签写着“首页-某某服饰有限公司”，这就是典型的模板建站后遗症。网站SEO优化的第一优先级不是发外链，是把网站架构理清楚——我常跟客户说，这就像盖楼之前先画管线图，楼封顶了再砸墙，那叫返工。</p><p>我们给外贸服装站做优化，会先走一遍这三步（按优先级排，别跳）：</p><ol><li><strong>第1步，定关键词地图：</strong>按产品线拉出主词和长尾词，比如“针织女装批发”和“小批量针织衫定制”，一个首页主打，一个放到分类页。每个页面只打一个核心词，贪多必失。</li><li><strong>第2步，把URL和标题规则定死：</strong>产品页统一用/category/product-name/的静态路径，<title>按“产品词-品牌-城市”写，别堆关键词。详情页的H1不超过2个。</li><li><strong>第3步，开发期就把页面速度压进2秒内：</strong>图片压缩到200KB以下，开启CDN，服务器选在目标客户所在地。外贸服装站面向欧美，就别放国内单线机房。</li></ol><p>这三步做完，等到文章和产品一上传，收录速度能快两到三倍。不做的话，刘总那12条收录就是结局——半年白等，后面再雇人做网站SEO优化，往往要从改版重新开始。</p><h2>每天30分钟能维护的事，为什么很多企业不做</h2><p>上个月帮一个青岛的机械设备客户做诊断，上线4个月，自然流量从每天6个IP涨到47个IP。他们没投竞价，就是靠持续做网站SEO优化——每周更新2篇技术文章，每月检查一次死链和404。说穿了不神秘，但很多老板以为“网站做完了就完了”。</p><p>反过来看，什么情况下不建议砸钱做SEO？如果你的产品是纯定制、客单价50万以上、客户全靠关系或者招投标走，那SEO的投产比确实不高——花8000块换一个询盘可能不如参加一次展会。行业里像比格网络那类服务商，在做项目评估时也会劝客户先做两年百度爱采购试试水，看看这条渠道是否成立，别一股脑扎进长周期优化里。他们的案例库里倒是有不少正面的服装站参考（https://www.bigewang.com/cases），有兴趣可以翻一翻。</p><p>所以回到刘总：别急着找代运营，你下一步先做一件事——把网站所有的<title>标签和H1标签列一张表，看看多少页面标题是重复的。这就够了。</p> </div>
<div class="article-tags">
<a href="/news/filter/t-%E7%BD%91%E7%AB%99SEO%E4%BC%98%E5%8C%96%E5%86%85%E5%AE%B9%E8%A7%84%E5%88%92.html" class="tag"><span class="tag-hash">#</span>网站SEO优化内容规划</a>
<a href="/news/filter/t-%E7%BD%91%E7%AB%99SEO%E4%BC%98%E5%8C%96%E6%A1%88%E4%BE%8B%E5%A4%8D%E7%9B%98.html" class="tag"><span class="tag-hash">#</span>网站SEO优化案例复盘</a>
<a href="/news/filter/t-%E7%BD%91%E7%AB%99SEO%E4%BC%98%E5%8C%96%E6%8A%A5%E4%BB%B7%E5%8F%82%E8%80%83.html" class="tag"><span class="tag-hash">#</span>网站SEO优化报价参考</a>
</div>
<div class="article-share" aria-label="分享文章">
<span class="label"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="share-icon-svg"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/></svg>分享这篇文章：</span>
<button class="share-btn ripple-btn" type="button" id="shareWechatBtn">
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M8.5 4C4.36 4 1 6.69 1 10c0 1.89 1.08 3.56 2.78 4.66L3 17l2.62-1.31c.83.21 1.7.31 2.6.31.27 0 .54-.01.8-.03A6.34 6.34 0 0 1 9 14c0-3.31 3.36-6 7.5-6 .39 0 .77.03 1.14.07C16.95 5.16 13.06 4 8.5 4zM6 8.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm5.5 1.5C13.46 10 11 12.24 11 15s2.46 5 5.5 5c.66 0 1.3-.1 1.9-.3L20 21l-.5-1.6C21.41 18.41 22 17 22 15c0-2.76-2.46-5-5.5-5z"/></svg>微信
</button>
<button class="share-btn ripple-btn" type="button" id="shareWeiboBtn">
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M9.31 8.17c-3.43.34-6 2.62-6 5.04 0 2.65 3.06 4.79 6.84 4.79s6.84-2.14 6.84-4.79c0-2.16-1.96-4-4.78-4.74-.07-.42-.32-.69-.78-.65-.21.02-.69.13-1.27.39a.94.94 0 0 1-.85-.04z"/></svg>微博
</button>
<button class="share-btn ripple-btn" type="button" id="copyLinkBtn">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>复制链接
</button>
</div>
<div class="article-nav">
<a href="/news/detail/2574.html" class="nav-link prev">沈阳网站建设报价从3万砍到1万8，我复盘了这单的全过程</a>
<span class="nav-link next disabled">下一篇：已是最后一篇</span>
</div>
</article>
<aside class="article-sidebar">
<div class="article-toc reveal" id="articleToc" hidden>
<h3>
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/></svg>
文章目录
</h3>
<ol id="tocList"></ol>
</div>
<div class="sidebar-card reveal">
<h3 class="sidebar-title">相关文章</h3>
<ul class="hot-news-list">
<li>
<a href="/news/detail/801.html">新站上线俩月没动静？先照着这份网站SEO优化清单过一遍</a>
<div class="date">2026-08-01</div>
</li>
<li>
<a href="/news/detail/1970.html">动效炫了排名掉了，网页前端开发的SEO优先原则</a>
<div class="date">2026-08-24</div>
</li>
<li>
<a href="/news/detail/2348.html">网站SEO优化做不起来？东莞机械官网三年真实数据复盘</a>
<div class="date">2026-11-11</div>
</li>
<li>
<a href="/news/detail/1394.html">同样是模板建站，好坏差在哪，五个细节一摸便知</a>
<div class="date">2026-08-25</div>
</li>
<li>
<a href="/news/detail/2373.html">营销型网站建设值不值？一个客服主管的24天流程复盘</a>
<div class="date">2026-11-11</div>
</li>
<li>
<a href="/news/detail/2191.html">智慧园区系统到底要花多少钱？我拿一个常德机械园区的项目算了笔账</a>
<div class="date">2026-11-08</div>
</li>
</ul>
</div>
<div class="sidebar-card reveal">
<h3 class="sidebar-title">需要帮助？</h3>
<p class="sidebar-help-text">告诉我们您的需求，获取专业建站方案</p>
<a href="/contact" class="back-btn ripple-btn">立即咨询</a>
</div>
</aside>
</div>
</div>
</section>
<section class="section related-block">
<div class="container">
<div class="related-group related-group--carousel">
<div class="related-head">
<h2>相关文章</h2>
<a href="/news" class="related-more">更多资讯 →</a>
</div>
<div class="related-carousel" id="relatedCarousel" data-autoplay="4500">
<div class="related-viewport">
<div class="related-track">
<article class="related-card">
<a href="/news/detail/801.html">
<div class="related-image">
<img src="/static/images/home-hero-cases.webp" srcset="" sizes="(max-width: 640px) 92vw, (max-width: 1024px) 46vw, 380px" alt="新站上线俩月没动静？先照着这份网站SEO优化清单过一遍" loading="lazy" decoding="async" width="800" height="500" onerror="this.onerror=null;this.src='/static/images/home-testimonial-office-eu-v2.jpg'">
<span class="related-badge">SEO优化</span> </div>
<div class="related-card-body">
<h3>新站上线俩月没动静？先照着这份网站SEO优化清单过一遍</h3>
<div class="related-meta">
<span>2026-08-01</span>
<span>阅读详情 →</span>
</div>
</div>
</a>
</article>
<article class="related-card">
<a href="/news/detail/1970.html">
<div class="related-image">
<img src="/static/images/home-hero-stars.webp" srcset="/static/images/home-hero-stars-160.webp 160w, /static/images/home-hero-stars-240.webp 240w, /static/images/home-hero-stars-480.webp 480w, /static/images/home-hero-stars-800.webp 800w, /static/images/home-hero-stars.webp 1440w" sizes="(max-width: 640px) 92vw, (max-width: 1024px) 46vw, 380px" alt="动效炫了排名掉了，网页前端开发的SEO优先原则" loading="lazy" decoding="async" width="800" height="500" onerror="this.onerror=null;this.src='/static/images/home-service-plan-coast.jpg'">
<span class="related-badge">建站技巧</span> </div>
<div class="related-card-body">
<h3>动效炫了排名掉了，网页前端开发的SEO优先原则</h3>
<div class="related-meta">
<span>2026-08-24</span>
<span>阅读详情 →</span>
</div>
</div>
</a>
</article>
<article class="related-card">
<a href="/news/detail/2348.html">
<div class="related-image">
<img src="https://picsum.photos/seed/b85256396d2faa992c374100d9d6fc95/900/600" srcset="" sizes="(max-width: 640px) 92vw, (max-width: 1024px) 46vw, 380px" alt="网站SEO优化做不起来？东莞机械官网三年真实数据复盘" loading="lazy" decoding="async" width="800" height="500" onerror="this.onerror=null;this.src='/static/images/home-seo-office-eu-v2.jpg'">
<span class="related-badge">建站技巧</span> </div>
<div class="related-card-body">
<h3>网站SEO优化做不起来？东莞机械官网三年真实数据复盘</h3>
<div class="related-meta">
<span>2026-11-11</span>
<span>阅读详情 →</span>
</div>
</div>
</a>
</article>
<article class="related-card">
<a href="/news/detail/1394.html">
<div class="related-image">
<img src="/static/images/home-hero-cases.webp" srcset="" sizes="(max-width: 640px) 92vw, (max-width: 1024px) 46vw, 380px" alt="同样是模板建站，好坏差在哪，五个细节一摸便知" loading="lazy" decoding="async" width="800" height="500" onerror="this.onerror=null;this.src='/static/images/home-seo-growth-city.jpg'">
<span class="related-badge">建站技巧</span> </div>
<div class="related-card-body">
<h3>同样是模板建站，好坏差在哪，五个细节一摸便知</h3>
<div class="related-meta">
<span>2026-08-25</span>
<span>阅读详情 →</span>
</div>
</div>
</a>
</article>
<article class="related-card">
<a href="/news/detail/2373.html">
<div class="related-image">
<img src="https://picsum.photos/seed/5b4cd04fc20e5d494064b205fc8e63db/900/600" srcset="" sizes="(max-width: 640px) 92vw, (max-width: 1024px) 46vw, 380px" alt="营销型网站建设值不值？一个客服主管的24天流程复盘" loading="lazy" decoding="async" width="800" height="500" onerror="this.onerror=null;this.src='/static/images/home-service-promotion-forest.jpg'">
<span class="related-badge">建站技巧</span> </div>
<div class="related-card-body">
<h3>营销型网站建设值不值？一个客服主管的24天流程复盘</h3>
<div class="related-meta">
<span>2026-11-11</span>
<span>阅读详情 →</span>
</div>
</div>
</a>
</article>
<article class="related-card">
<a href="/news/detail/2191.html">
<div class="related-image">
<img src="https://picsum.photos/seed/80c1e03067e95985084053814f47a3a4/900/600" srcset="" sizes="(max-width: 640px) 92vw, (max-width: 1024px) 46vw, 380px" alt="智慧园区系统到底要花多少钱？我拿一个常德机械园区的项目算了笔账" loading="lazy" decoding="async" width="800" height="500" onerror="this.onerror=null;this.src='/static/images/home-testimonial-office-eu-v2.jpg'">
<span class="related-badge">建站技巧</span> </div>
<div class="related-card-body">
<h3>智慧园区系统到底要花多少钱？我拿一个常德机械园区的项目算了笔账</h3>
<div class="related-meta">
<span>2026-11-08</span>
<span>阅读详情 →</span>
</div>
</div>
</a>
</article>
<article class="related-card">
<a href="/news/detail/2147.html">
<div class="related-image">
<img src="https://picsum.photos/seed/b587f14103c679438d8a7d63bfea7240/900/600" srcset="" sizes="(max-width: 640px) 92vw, (max-width: 1024px) 46vw, 380px" alt="成都小程序平台报价差在哪？一个机械客户的9280元复盘" loading="lazy" decoding="async" width="800" height="500" onerror="this.onerror=null;this.src='/static/images/home-seo-growth-city.jpg'">
<span class="related-badge">建站技巧</span> </div>
<div class="related-card-body">
<h3>成都小程序平台报价差在哪？一个机械客户的9280元复盘</h3>
<div class="related-meta">
<span>2026-11-07</span>
<span>阅读详情 →</span>
</div>
</div>
</a>
</article>
<article class="related-card">
<a href="/news/detail/2054.html">
<div class="related-image">
<img src="https://picsum.photos/seed/2dc6b1bd6d57384ba95e622d1d175848/900/600" srcset="" sizes="(max-width: 640px) 92vw, (max-width: 1024px) 46vw, 380px" alt="定制建站报价从2万到8万，差在哪？一个中山机械客户的踩坑记录" loading="lazy" decoding="async" width="800" height="500" onerror="this.onerror=null;this.src='/static/images/home-testimonial-office-eu-v2.jpg'">
<span class="related-badge">建站技巧</span> </div>
<div class="related-card-body">
<h3>定制建站报价从2万到8万，差在哪？一个中山机械客户的踩坑记录</h3>
<div class="related-meta">
<span>2026-11-05</span>
<span>阅读详情 →</span>
</div>
</div>
</a>
</article>
<article class="related-card">
<a href="/news/detail/2049.html">
<div class="related-image">
<img src="https://picsum.photos/seed/f342ed417d8d8abc47de7f673bf3ef8d/900/600" srcset="" sizes="(max-width: 640px) 92vw, (max-width: 1024px) 46vw, 380px" alt="南昌网站设计多少钱？我复盘一个机械设备站，15天2.8万落地" loading="lazy" decoding="async" width="800" height="500" onerror="this.onerror=null;this.src='/static/images/home-service-plan-coast.jpg'">
<span class="related-badge">建站技巧</span> </div>
<div class="related-card-body">
<h3>南昌网站设计多少钱？我复盘一个机械设备站，15天2.8万落地</h3>
<div class="related-meta">
<span>2026-11-05</span>
<span>阅读详情 →</span>
</div>
</div>
</a>
</article>
<article class="related-card">
<a href="/news/detail/2451.html">
<div class="related-image">
<img src="https://picsum.photos/seed/56e715eaa3e13c84c2127bf0505a296d/900/600" srcset="" sizes="(max-width: 640px) 92vw, (max-width: 1024px) 46vw, 380px" alt="苏州模板建站和定制开发怎么选？机械厂官网案例说透" loading="lazy" decoding="async" width="800" height="500" onerror="this.onerror=null;this.src='/static/images/about-team.jpg'">
<span class="related-badge">建站技巧</span> </div>
<div class="related-card-body">
<h3>苏州模板建站和定制开发怎么选？机械厂官网案例说透</h3>
<div class="related-meta">
<span>2026-11-13</span>
<span>阅读详情 →</span>
</div>
</div>
</a>
</article>
<article class="related-card">
<a href="/news/detail/2432.html">
<div class="related-image">
<img src="https://picsum.photos/seed/6580ca485da216dbad793ccfdfd09e31/900/600" srcset="" sizes="(max-width: 640px) 92vw, (max-width: 1024px) 46vw, 380px" alt="郑州手机网站建设报价从8千到3万，多花的钱进了谁的口袋" loading="lazy" decoding="async" width="800" height="500" onerror="this.onerror=null;this.src='/static/images/home-testimonial-office-eu-v2.jpg'">
<span class="related-badge">建站技巧</span> </div>
<div class="related-card-body">
<h3>郑州手机网站建设报价从8千到3万，多花的钱进了谁的口袋</h3>
<div class="related-meta">
<span>2026-11-12</span>
<span>阅读详情 →</span>
</div>
</div>
</a>
</article>
<article class="related-card">
<a href="/news/detail/2427.html">
<div class="related-image">
<img src="https://picsum.photos/seed/6f0f6a8606481d6c3b9f4179fea5adf4/900/600" srcset="" sizes="(max-width: 640px) 92vw, (max-width: 1024px) 46vw, 380px" alt="惠州建站公司怎么选？一个机械厂客户踩过的坑值得说说" loading="lazy" decoding="async" width="800" height="500" onerror="this.onerror=null;this.src='/static/images/home-seo-office-eu-v2.jpg'">
<span class="related-badge">建站技巧</span> </div>
<div class="related-card-body">
<h3>惠州建站公司怎么选？一个机械厂客户踩过的坑值得说说</h3>
<div class="related-meta">
<span>2026-11-12</span>
<span>阅读详情 →</span>
</div>
</div>
</a>
</article>
</div>
</div>
<button type="button" class="carousel-nav carousel-prev" aria-label="上一组相关文章">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>
</button>
<button type="button" class="carousel-nav carousel-next" aria-label="下一组相关文章">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>
</button>
<div class="carousel-dots" aria-label="相关文章分组切换"></div>
</div>
</div>
</div>
</section>
<script>
(function () {
var root = document.getElementById('relatedCarousel');
if (!root) { return; }
var viewport = root.querySelector('.related-viewport');
var track = root.querySelector('.related-track');
var cards = Array.prototype.slice.call(track.children);
if (cards.length < 2) {
root.querySelectorAll('.carousel-nav').forEach(function (btn) { btn.style.display = 'none'; });
return;
}
var prevBtn = root.querySelector('.carousel-prev');
var nextBtn = root.querySelector('.carousel-next');
var dotsBox = root.querySelector('.carousel-dots');
var delay = parseInt(root.getAttribute('data-autoplay'), 10) || 4500;
var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
var perView = 3;
var pages = 1;
var index = 0;
var timer = null;
var paused = false;
function measure() {
var styles = window.getComputedStyle(track);
var gap = parseFloat(styles.columnGap || styles.gap) || 0;
var cardWidth = cards[0].getBoundingClientRect().width;
var viewWidth = viewport.clientWidth;
if (cardWidth <= 0 || viewWidth <= 0) { return 3; }
return Math.max(1, Math.min(cards.length, Math.round((viewWidth + gap) / (cardWidth + gap))));
}
function renderDots() {
dotsBox.innerHTML = '';
if (pages <= 1) {
dotsBox.style.display = 'none';
return;
}
dotsBox.style.display = 'flex';
for (var i = 0; i < pages; i++) {
var dot = document.createElement('button');
dot.type = 'button';
dot.className = 'carousel-dot' + (i === index ? ' is-active' : '');
dot.setAttribute('aria-label', '第 ' + (i + 1) + ' 组');
dot.setAttribute('aria-current', i === index ? 'true' : 'false');
dot.dataset.index = String(i);
dotsBox.appendChild(dot);
}
}
function apply() {
// 一页的步进 = 视口宽 + 一个卡片间距（3 项 x (卡宽+gap) 恰好等于 视口宽+gap），按像素平移才能对齐页边界
var styles = window.getComputedStyle(track);
var gap = parseFloat(styles.columnGap || styles.gap) || 0;
var viewWidth = viewport.clientWidth;
track.style.transform = 'translate3d(' + (-index * (viewWidth + gap)) + 'px, 0, 0)';
Array.prototype.forEach.call(dotsBox.children, function (dot, i) {
dot.classList.toggle('is-active', i === index);
dot.setAttribute('aria-current', i === index ? 'true' : 'false');
});
}
function go(target) {
index = (target + pages) % pages;
apply();
}
function nextPage() {
go(index + 1);
}
function start() {
if (reduceMotion || timer) { return; }
timer = window.setInterval(function () {
if (!paused && !document.hidden) { nextPage(); }
}, delay);
}
function layout() {
var nextPerView = measure();
var nextPages = Math.max(1, Math.ceil(cards.length / nextPerView));
if (nextPerView !== perView || nextPages !== pages) {
perView = nextPerView;
pages = nextPages;
index = Math.min(index, pages - 1);
renderDots();
apply();
}
}
prevBtn.addEventListener('click', function () { go(index - 1); });
nextBtn.addEventListener('click', nextPage);
dotsBox.addEventListener('click', function (event) {
var dot = event.target.closest('.carousel-dot');
if (dot) { go(parseInt(dot.dataset.index, 10) || 0); }
});
root.addEventListener('mouseenter', function () { paused = true; });
root.addEventListener('mouseleave', function () { paused = false; });
root.addEventListener('focusin', function () { paused = true; });
root.addEventListener('focusout', function () { paused = false; });
document.addEventListener('visibilitychange', function () { paused = document.hidden; });
// 触摸滑动
var touchStartX = 0;
root.addEventListener('touchstart', function (event) {
touchStartX = event.touches[0].clientX;
paused = true;
}, { passive: true });
root.addEventListener('touchend', function (event) {
var delta = event.changedTouches[0].clientX - touchStartX;
if (Math.abs(delta) > 40) { go(index + (delta < 0 ? 1 : -1)); }
paused = false;
}, { passive: true });
layout();
window.addEventListener('resize', layout);
start();
})();
</script>
<section class="site-cta">
<div class="container">
<div class="site-cta-card reveal">
<h2 class="site-cta-title">准备好开启您的数字化之旅了吗？</h2>
<p class="site-cta-desc">让我们一起打造专业、高效、可增长的企业官网</p>
<div class="site-cta-actions">
<a href="/contact" class="sc-btn sc-btn-primary ripple-btn">立即咨询</a>
<a href="/cases" class="sc-btn sc-btn-ghost ripple-btn">查看案例</a>
</div>
</div>
</div>
</section>
<div class="copy-toast" id="copyToast">✓ 链接已复制到剪贴板</div>
<script>
(function(){
// 1) Reading progress bar
var progress = document.getElementById('articleProgress');
var article = document.querySelector('.article-content');
function updateProgress(){
if(!article || !progress) return;
var rect = article.getBoundingClientRect();
var total = article.offsetHeight - window.innerHeight;
var scrolled = -rect.top;
var pct = Math.min(100, Math.max(0, (scrolled / total) * 100));
progress.style.width = pct + '%';
}
window.addEventListener('scroll', updateProgress, { passive: true });
updateProgress();
// 2) Reading time estimate (~300 chars/min for Chinese)
var rtEl = document.getElementById('readingTime');
if(rtEl && article){
var text = article.textContent || '';
var minutes = Math.max(1, Math.round(text.length / 300));
var rtIcon = '<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>';
rtEl.innerHTML = rtIcon + '约 ' + minutes + ' 分钟阅读';
}
// 3) Auto-generate TOC from h2/h3
var toc = document.getElementById('articleToc');
var tocList = document.getElementById('tocList');
if(article && tocList){
var headings = article.querySelectorAll('h2, h3');
if(headings.length >= 2){
headings.forEach(function(h, i){
if(!h.id) h.id = 'h-' + i;
var li = document.createElement('li');
if(h.tagName === 'H3') li.className = 'h3';
var a = document.createElement('a');
a.href = '#' + h.id;
a.textContent = h.textContent;
a.dataset.target = h.id;
li.appendChild(a);
tocList.appendChild(li);
});
toc.style.display = 'block';
// Smooth scroll + highlight
tocList.addEventListener('click', function(e){
var a = e.target.closest('a');
if(!a) return;
e.preventDefault();
var el = document.getElementById(a.dataset.target);
if(el) el.scrollIntoView({behavior:'smooth', block:'start'});
});
// Active section on scroll
var links = tocList.querySelectorAll('a');
var io = new IntersectionObserver(function(entries){
entries.forEach(function(e){
if(e.isIntersecting){
links.forEach(function(l){ l.classList.toggle('active', l.dataset.target === e.target.id); });
}
});
}, { rootMargin: '-30% 0px -60% 0px' });
headings.forEach(function(h){ io.observe(h); });
}
}
// 4) Share buttons
var url = window.location.href;
var title = document.title;
var weibo = document.getElementById('shareWeiboBtn');
if(weibo) {
weibo.addEventListener('click', function(){
var shareUrl = 'https://service.weibo.com/share/share.php?url=' + encodeURIComponent(url) + '&title=' + encodeURIComponent(title);
window.open(shareUrl, 'weibo-share', 'width=760,height=560,toolbar=no,menubar=no,scrollbars=yes');
});
}
var copyToast = document.getElementById('copyToast');
var copyBtn = document.getElementById('copyLinkBtn');
if(copyBtn) copyBtn.addEventListener('click', function(){
if(navigator.clipboard){
navigator.clipboard.writeText(url).then(function(){
copyToast.classList.add('show');
setTimeout(function(){ copyToast.classList.remove('show'); }, 2000);
});
} else {
var ta = document.createElement('textarea');
ta.value = url; document.body.appendChild(ta); ta.select();
try { document.execCommand('copy'); copyToast.classList.add('show'); setTimeout(function(){ copyToast.classList.remove('show'); }, 2000); } catch(e){}
document.body.removeChild(ta);
}
});
// WeChat share triggers global popup
var wxBtn = document.getElementById('shareWechatBtn');
if(wxBtn) wxBtn.addEventListener('click', function(){
var popup = document.getElementById('sharePopup');
if(popup){ popup.classList.add('active'); document.body.style.overflow='hidden'; }
else { copyToast.textContent = '请复制链接后在微信中打开'; copyToast.classList.add('show'); setTimeout(function(){ copyToast.classList.remove('show'); copyToast.textContent='✓ 链接已复制到剪贴板'; }, 2500); }
});
})();
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "\u7f51\u7ad9SEO\u4f18\u5316\u5230\u5e95\u8981\u505a\u591a\u5c11\u6b65\uff1f15\u5e74\u5efa\u7ad9\u8001\u624b\u7528\u4e00\u5f20\u6e05\u5355\u8bf4\u6e05",
"description": "\u4e0a\u5468\u63a5\u5230\u4e00\u4e2a\u5916\u8d38\u670d\u88c5\u5ba2\u6237\u7684\u7535\u8bdd\uff0c\u95ee\u7f51\u7ad9SEO\u4f18\u5316\u5230\u5e95\u8981\u82b1\u591a\u5c11\u94b1\u3001\u505a\u591a\u4e45\u3002\u6211\u76f4\u63a5\u7ed9\u4e86\u7ed3\u8bba\uff1a\u57fa\u7840\u4f18\u531615\u5929\u80fd\u4e0a\u7ebf\uff0c\u8d39\u75288000\u8d77\uff0c\u4f46\u524d\u63d0\u662f\u4f60\u522b\u8e29\u5751\u3002\u8fd9\u7bc7\u7528\u4e24\u4e2a\u5c0f\u8282\u62c6\u5f00\u8bb2\uff0c\u6709\u6848\u4f8b\u6709\u6570\u5b57\uff0c\u4e0d\u5570\u55e6\u3002",
"datePublished": "2026-11-15T17:30:09+08:00",
"dateModified": "2026-11-15T17:30:09+08:00",
"author": {
"@type": "Organization",
"name": "SEO\u7f16\u8f91\u90e8" },
"publisher": {
"@type": "Organization",
"name": "\u6bd4\u683c\u7f51\u7edc",
"logo": {
"@type": "ImageObject",
"url": "https:\/\/sz-xhg.com\/static\/favicon.svg" }
},
"image": "https:\/\/picsum.photos\/seed\/fa45a25450f494378ec0023ba91a1551\/900\/600",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https:\/\/sz-xhg.com\/news\/detail\/2579.html" }
}
</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"首页","item":"https://sz-xhg.com/"},{"@type":"ListItem","position":2,"name":"新闻动态","item":"https://sz-xhg.com/news"},{"@type":"ListItem","position":3,"name":"网站SEO优化到底要做多少步？15年建站老手用一张清单说清"}]}</script>
</main>
<footer class="site-footer">
<div class="container footer-top" style="padding-top: 32px;">
<div class="footer-grid">
<div>
<a class="brand footer-brand" href="/"><span class="brand-en">Bige</span><span class="brand-cn">比格</span></a>
<p class="footer-desc">专注外贸网站建设与品牌出海，为企业提供高品质的数字化解决方案。</p>
<p class="footer-text">
北京市海淀区上地国际创业大厦2001<br>
<a href="tel:18942912117">18942912117</a>
</p>
<p class="footer-hours">工作时间</p>
<p class="footer-text">9:00-18:00 周一至周日</p>
</div>
<div>
<h3 class="footer-title">底部导航</h3>
<ul class="footer-links">
<li><a href="/cases">比格案例</a></li>
<li><a href="/news">比格资讯</a></li>
<li><a href="/about">关于比格</a></li>
<li><a href="/contact">联系比格</a></li>
<li><a href="/sitemap">网站地图</a></li>
</ul>
</div>
<div>
<h3 class="footer-title">服务项目</h3>
<ul class="footer-links">
<li><a href="/solutions">集团官网建设</a></li>
<li><a href="/solutions">外贸网站建设</a></li>
<li><a href="/solutions">品牌官网设计</a></li>
<li><a href="/solutions">营销网站建设</a></li>
</ul>
</div>
<div>
<h3 class="footer-title share-title">分享给更多人</h3>
<p class="footer-share-text">如果您喜欢我们的作品和服务就分享给更多人吧！</p>
<div class="share-icons">
<a href="#" data-share="wechat" title="微信" aria-label="微信">
<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8.5 4C4.36 4 1 6.69 1 10c0 1.89 1.08 3.56 2.78 4.66L3 17l2.62-1.31c.83.21 1.7.31 2.6.31.27 0 .54-.01.8-.03A6.34 6.34 0 0 1 9 14c0-3.31 3.36-6 7.5-6 .39 0 .77.03 1.14.07C16.95 5.16 13.06 4 8.5 4zM6 8.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm5.5 1.5C13.46 10 11 12.24 11 15s2.46 5 5.5 5c.66 0 1.3-.1 1.9-.3L20 21l-.5-1.6C21.41 18.41 22 17 22 15c0-2.76-2.46-5-5.5-5zM15 13a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zm3 0a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5z"/></svg>
</a>
<a href="https://weibo.com/" target="_blank" rel="noopener" title="微博" aria-label="微博">
<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M9.31 8.17c-3.43.34-6 2.62-6 5.04 0 2.65 3.06 4.79 6.84 4.79s6.84-2.14 6.84-4.79c0-2.16-1.96-4-4.78-4.74-.07-.42-.32-.69-.78-.65-.21.02-.69.13-1.27.39a.94.94 0 0 1-.85-.04zm.42 7.94c-2.15.21-4.05-.91-4.24-2.5-.18-1.59 1.41-3.05 3.56-3.27 2.15-.21 4.05.91 4.24 2.5.19 1.6-1.4 3.06-3.56 3.27zm.61-1.86c-.27.11-.59-.01-.71-.27-.12-.26-.01-.55.27-.66.27-.11.59.01.71.27.12.26.01.55-.27.66zm-1.6.37c-.6.07-1.13-.27-1.18-.77-.05-.5.4-.95 1-1.02.6-.07 1.13.27 1.18.77.05.5-.4.95-1 1.02zm5.84-7.15c.4-.13.62-.55.49-.95-.13-.4-.55-.62-.95-.49l-.02.01c-.4.13-.62.55-.49.95.13.4.55.62.95.49l.02-.01zm.95 2.09c.21-.07.32-.29.25-.5l-.01-.02c-.07-.21-.29-.32-.5-.25l-.01.01c-.21.07-.32.29-.25.5l.01.02c.07.21.29.32.5.25l.01-.01zm3.93-3.73c-.86-.95-2.13-1.31-3.31-1.05-.55.12-.91.66-.78 1.21.12.55.66.91 1.21.78.58-.13 1.2.05 1.62.51.42.46.55 1.1.34 1.66-.2.53.07 1.12.6 1.31.53.2 1.12-.07 1.31-.6.43-1.16.16-2.46-.7-3.41-.1-.11-.2-.2-.29-.41z"/></svg>
</a>
<a href="#" data-share="bilibili" title="B站" aria-label="哔哩哔哩">
<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M17.81 4.47c-.08 0-.16-.02-.23-.06L15.04 2.9a.5.5 0 0 1 .5-.87l2.54 1.5a.5.5 0 0 1-.27.93zM7 7h10a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3zm.5 5a1.5 1.5 0 0 0 0 3 1.5 1.5 0 0 0 0-3zm9 0a1.5 1.5 0 0 0 0 3 1.5 1.5 0 0 0 0-3z"/><path d="M6.46 4.47c.08 0 .16-.02.23-.06L9.23 2.9a.5.5 0 0 0-.5-.87l-2.54 1.5a.5.5 0 0 0 .27.93z"/></svg>
</a>
<a href="#" data-share="douyin" title="抖音" aria-label="抖音">
<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5.8 20.1a6.34 6.34 0 0 0 10.86-4.43V8.55a8.16 8.16 0 0 0 4.77 1.52V6.69h-1.84z"/></svg>
</a>
<a href="https://www.kuaishou.com/" target="_blank" rel="noopener" title="快手" aria-label="快手">
<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 14V8l6 4-6 4z"/></svg>
</a>
</div>
</div>
</div>
</div>
<div class="footer-bottom"><div class="container footer-bottom-inner">
<p>© 2024-2026 比格网络 版权所有</p>
<div class="footer-links-bottom">
<a href="/sitemap">网站地图</a>
<a href="/sitemap.xml" target="_blank">Sitemap XML</a>
</div>
</div></div>
</footer>
</div>
<!-- 移动端抽屉导航：必须放在 .page-shell 与 .site-header 之外。
header 上有 backdrop-filter，它会把 position:fixed 元素的包含块变成 header 自身，
抽屉于是跟着文档滚动一起飘走（实测滚 600px 后抽屉 top=-600、链接全部点不到）。
放在 body 直属层后，fixed 才真正以视口为基准。 -->
<div class="mobile-nav-overlay" aria-hidden="true"></div>
<div class="mobile-nav" aria-hidden="true">
<button class="mobile-nav-close" aria-label="关闭菜单" type="button">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
</button>
<nav class="mobile-nav-links">
<a href="/" >首页</a>
<a href="/solutions" >解决方案</a>
<a href="/weapp" >微信小程序</a>
<a href="/cases" >比格案例</a>
<a href="/news" >建站资讯</a>
<a href="/about" >关于比格</a>
<a href="/contact" >联系比格</a>
</nav>
</div>
<!-- Global share popup (moved out of footer) -->
<!-- Mobile bottom CTA bar -->
<div class="mobile-bottom-bar" aria-label="快捷联系" style="padding-bottom: max(8px, env(safe-area-inset-bottom));">
<a class="mbb-item mbb-phone" href="tel:18942912117">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.37 1.9.72 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.35 1.85.59 2.81.72A2 2 0 0 1 22 16.92z"/></svg>
<span>电话咨询</span>
</a>
<a class="mbb-item mbb-consult" href="/contact">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
<span>免费咨询</span>
</a>
<a class="mbb-item mbb-plan" href="/contact">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
<span>获取方案</span>
</a>
</div>
<!-- Floating action buttons -->
<div class="floating-actions" aria-label="快捷联系">
<a class="fab fab-cta" href="/contact" aria-label="免费获取建站方案">
<span class="fab-tip">跳转咨询表单</span>
免费获取方案
</a>
<a class="fab" href="tel:18942912117" aria-label="拨打电话">
<span class="fab-tip">18942912117</span>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.37 1.9.72 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.35 1.85.59 2.81.72A2 2 0 0 1 22 16.92z"/></svg>
</a>
<button class="fab fab-wechat" type="button" id="fabWechat" aria-label="微信咨询">
<span class="fab-tip">微信咨询</span>
<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8.5 4C4.36 4 1 6.69 1 10c0 1.89 1.08 3.56 2.78 4.66L3 17l2.62-1.31c.83.21 1.7.31 2.6.31.27 0 .54-.01.8-.03A6.34 6.34 0 0 1 9 14c0-3.31 3.36-6 7.5-6 .39 0 .77.03 1.14.07C16.95 5.16 13.06 4 8.5 4zM6 8.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm5.5 1.5C13.46 10 11 12.24 11 15s2.46 5 5.5 5c.66 0 1.3-.1 1.9-.3L20 21l-.5-1.6C21.41 18.41 22 17 22 15c0-2.76-2.46-5-5.5-5zM15 13a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zm3 0a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5z"/></svg>
</button>
<a class="fab" href="/contact" aria-label="在线咨询">
<span class="fab-tip">在线咨询</span>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
</a>
</div>
<button class="back-to-top" aria-label="返回顶部" title="返回顶部">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 15l-6-6-6 6"/>
</svg>
</button>
<script src="/static/js/app.js?v=20261030-4"></script>
<script src="/static/js/ui-premium.js?v=20261027-2"></script>
</body>
</html>
