2026年用Python检测移动端适配SEO问题:一键扫出“手机上打不开/排版乱“的页面

发布时间:2026/9/24 4:58:48
2026年用Python检测移动端适配SEO问题:一键扫出“手机上打不开/排版乱“的页面 目录引言核心概念代码示例总结2026年用Python检测移动端适配SEO问题一键扫出手机上打不开/排版乱的页面谷歌从 2019 年起就是移动优先索引mobile-first indexing它用手机版判断排名不是桌面版。你的网站桌面端再漂亮手机端如果字体小到看不清、按钮点不准、还要左右横滑——谷歌直接给你降权。本文给一套可运行的 Python 工具批量扫出全站移动端适配问题附修复建议和超链接。一、为什么 2026 年还得死磕移动端移动优先索引已全覆盖谷歌主要用移动版内容做抓取、索引和排名。移动端 Core Web Vitals 是硬指标LCP / INP / CLS 以移动端真实字段数据CrUX p75为准桌面过了没用。移动友好测试工具已下线2024 年后官方现在让你用GSC 移动易用性报告 PageSpeed Insights自查——但这两个都只能逐页看没法批量扫全站。所以自己写脚本批量扫是独立站/SEO 团队的必备动作。二、移动端适配到底查什么Google 历史判分维度检查项问题表现后果viewport 配置缺widthdevice-width手机按桌面宽度渲染字小需缩放字号过小 12px或过小固定值可读性差易判移动不友好点击目标太小/太密按钮 48×48 CSS px 或间距不足误触体验差横向溢出内容宽于视口需横滑直接判定内容不适配插件依赖Flash / 旧 object移动端无法运行错误移动跳转relalternate mediaonly screen配错手机用户被导到错误页图片尺寸缺失img无 width/height/srcset布局抖动CLS↑三、工具mobile_seo_checker.py纯requests bs4无需 API key本地即跑。静态层能覆盖 80% 问题需要真实布局测量字号/点击目标实测的文末给 Playwright 进阶版。#!/usr/bin/env python3# mobile_seo_checker.py# 批量检测全站移动端适配问题静态启发式版importcsvimportsysimportrequestsfrombs4importBeautifulSoupfromurllib.parseimporturljoin,urlparse MOBILE_UA(Mozilla/5.0 (Linux; Android 13; Pixel 7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0 Mobile Safari/537.36)# 移动端 UA 头模拟手机抓取HEADERS{User-Agent:MOBILE_UA}classMobileSEOChecker:def__init__(self,start_url,max_pages50):self.startstart_url self.domainurlparse(start_url).netloc self.max_pagesmax_pages self.visitedset()self.results[]# 每条: (url, [issues])def_is_internal(self,url):returnurlparse(url).netlocself.domaindef_fetch(self,url):try:rrequests.get(url,headersHEADERS,timeout10)ifr.status_code200andtext/htmlinr.headers.get(Content-Type,):returnr.textexceptExceptionase:returnNonereturnNonedef_check_html(self,url,html):soupBeautifulSoup(html,html.parser)issues[]# 1. viewport 配置vpsoup.find(meta,attrs{name:viewport})ifnotvporwidthdevice-widthnotin(vp.get(content)or).lower():issues.append(缺少/错误 viewport应含 widthdevice-width)# 2. 插件依赖Flash/旧 object/embedifsoup.find(embed)orsoup.find(object)orsoup.find(param):issues.append(检测到 embed/object可能为插件依赖移动端慎兼容)# 3. 错误移动跳转relalternate mediaonly screen 但指向不同页forlinkinsoup.find_all(link,relalternate):media(link.get(media)or).lower()ifonly screeninmediaandmax-widthinmedia:issues.append(存在 relalternate media 移动跳转需确认目标正确)# 4. 内联样式里的小字号启发式small_font_hits0fortaginsoup.find_all(styleTrue):styletag.get(style,).lower()fortokeninstyle.split(;):tokentoken.strip()iftoken.startswith(font-size):num.join(chforchintokenifch.isdigit())ifnumandint(num)12andpxintoken:small_font_hits1ifsmall_font_hits:issues.append(f发现{small_font_hits}处内联字号 12px可读性风险)# 5. 图片缺尺寸CLS 风险imgssoup.find_all(img)no_size0forimginimgs:ifnotimg.get(width)andnotimg.get(height)andnotimg.get(srcset):no_size1ifno_size:issues.append(f{no_size}/{len(imgs)}张图片缺 width/height/srcset布局抖动风险)# 6. 横向溢出无法静态判定真实宽度提示用真实浏览器复核returnissuesdefcrawl(self):queue[self.start]whilequeueandlen(self.visited)self.max_pages:urlqueue.pop(0)ifurlinself.visited:continueself.visited.add(url)htmlself._fetch(url)ifnothtml:continueissuesself._check_html(url,html)self.results.append((url,issues))# 收集内链继续爬soupBeautifulSoup(html,html.parser)forainsoup.find_all(a,hrefTrue):next_urlurljoin(url,a[href])ifself._is_internal(next_url)andnext_urlnotinself.visited:queue.append(next_url)defexport(self,pathmobile_seo_issues.csv):withopen(path,w,newline,encodingutf-8-sig)asf:wcsv.writer(f)w.writerow([URL,问题数,问题明细])forurl,issuesinself.results:w.writerow([url,len(issues), | .join(issues)ifissueselseOK])print(f已导出{path}共检测{len(self.results)}个页面)if__name____main__:targetsys.argv[1]iflen(sys.argv)1elsehttps://example.comcheckerMobileSEOChecker(target,max_pages50)checker.crawl()checker.export()# 打印有问题的页面bad[(u,i)foru,iinchecker.resultsifi]print(f\n发现{len(bad)}个页面存在移动端适配问题)foru,iinbad:print(f{u}\n - \n - .join(i))运行示例python mobile_seo_checker.py https://你的独立站.com输出示意发现 7 个页面存在移动端适配问题 https://site.com/product/a - 缺少/错误 viewport应含 widthdevice-width - 12/15 张图片缺 width/height/srcset布局抖动风险 https://site.com/blog/old-post - 发现 3 处内联字号 12px可读性风险导出的mobile_seo_issues.csv可直接交给开发排期修复。四、静态检测不够上真实浏览器Playwright 进阶版字号大小、点击目标间距、横向溢出必须真实渲染才能测准。下面用 Playwright 量真实布局# mobile_seo_real.py需 pip install playwright playwright install chromiumfromplaywright.sync_apiimportsync_playwright MOBILE{viewport:{width:390,height:844},# iPhone 12 逻辑分辨率is_mobile:True,has_touch:True,user_agent:Mozilla/5.0 (iPhone; CPU iPhone OS 16_0 like Mac OS X) AppleWebKit/605.1.15}defaudit(url):withsync_playwright()asp:bp.chromium.launch()pgb.new_page(**MOBILE)pg.goto(url,wait_untilnetworkidle)# 横向溢出文档宽 视口宽overflowpg.evaluate(document.documentElement.scrollWidth window.innerWidth)# 点击目标找过小的可点元素small_targetspg.evaluate(() { const els [...document.querySelectorAll(a,button)]; return els.filter(e { const r e.getBoundingClientRect(); return (r.width0 r.height0) (r.width48 || r.height48); }).length; })print(f{url}: 横向溢出{overflow}, 过小点击目标{small_targets}个)b.close()audit(https://你的站.com/product/a)把它套进上面的MobileSEOChecker就能做全站真实渲染体检。五、修复动作表交给开发直接抄问题修复缺 viewportmeta nameviewport contentwidthdevice-width, initial-scale1字号小正文 ≥ 16px最小可点文字 ≥ 12px点击目标小按钮/链接 ≥ 48×48 CSS px间距 ≥ 8px横向溢出用响应式布局图片max-width:100%图片缺尺寸加width/height属性或用aspect-ratio占位插件依赖用 HTML5/CSS 替代 Flash六、权威参考自查与提交Google移动优先索引Google Search Central移动易用性问题web.dev响应式设计基础web.dev点击目标尺寸MDNviewport meta 标签PageSpeed Insights测移动端 CWV七、总结移动端适配不是锦上添花是 2026 年谷歌排名的入场券。后台测试工具下线后批量自测成了刚需——上面这套脚本静态层免费扫全站Playwright 层量真实体验足够你每月做一次移动端体检。本文工具来自公众号「全域SEO增长」更多 SEO/GEO 实战脚本持续更新想交流具体站点问题欢迎在 CSDN 评论区或私信找我。更多实战工具合集请看我的 CSDN 专栏。