很多站点运营的注意力都在文字、栏目和連結上,图片往往被当成「顺手放上去就行」的素材。實际上,图片的体积、加载方式、文件名和替代文本,都會影响頁面能否被完整渲染、訪客能否快速看到内容,也會間接影响蜘蛛對頁面的判断。這篇自查清單不讨论玄学,只列几件能自己動手核對的事。
图片為什么會影响到抓取和体驗
蜘蛛拿到一個頁面後,需要下载 HTML,再拉取 CSS、JS 和图片等资源,才能尽量還原頁面。如果一張首屏大图有好几 MB,服務器要花更多時間响應,抓取队列里的其他 URL 也要排队。懒加载如果實現得粗糙,图片在初始 HTML 里没有可用地址,也不在 noscript 里兜底,蜘蛛很可能只看到一個空白占位。结果就是:訪客要等,蜘蛛也只能看到半成品。
自查清單
1. 單張图片的体积和格式
- 首屏主图控制在合理范围内,能用 WebP、AVIF 就別死守老格式。
- 检查是否有直接把相机原图或设計稿導出的 PNG 上传到列表頁、文章頁。
- 同一張图在不同位置重复出現时,是否用了合适的尺寸,而不是一張大图缩着用。
2. 懒加载的兜底
- 首屏内的图片不建议懒加载,容易造成首屏空白和核心内容渲染變慢。
- 確認没有直接地址的图片在 noscript 或预加载里有可訪問的路径。
- 用浏览器禁用 JS 訪問几個頁面,看内容区是不是只剩占位框。
3. 文件名與 alt
文件名寫成 20240312-img-001.png 對谁都没帮助。用简短、能說明内容的英文或拼音命名,後續管理和排查都會轻松一些。alt 的作用是描述图片内容,不是塞關鍵詞的地方;装饰性图片可以留空 alt,内容图則應寫清它表達了什么。
4. 图片與 CDN、防盗鏈
- 图片是否托管在會屏蔽爬虫的 CDN 或防盗鏈規則下,導致外站和蜘蛛都取不到。
- 如果图片本身是重要的訪問入口,可以考虑單獨的图片站点地图,但不必强求。
- 更換图片路径後,舊地址是否有合理處理,避免一次性制造大量死鏈。
可以用什么方式检查
- 翻一翻服務器訪問日誌,看图片請求的响應碼和响應時間分布。
- 用浏览器開發者工具的 Network 面板,按体积排序,找出最重的几個請求。
- 用「查看源代碼」確認图片地址是否真的出現在初始 HTML 中。
- 抽查几個主要模板(首頁、列表頁、文章頁),而不是只看某一篇内容。
几個常见誤区
- 压缩越狠越好:過度压缩導致模糊,反而影响阅讀和轉化。
- 全部改成懒加载:首屏图片懒加载通常得不偿失。
- 只改新图,不管舊图:歷史文章里的图片往往才是体积大头。
图片自查不需要一次做完全站,先處理訪問量最高的几十個頁面,把首屏图片和最大的几張图解决掉,收益就足够明顯。
把图片当成内容的一部分来對待,而不是排版时的填充物,站点在加载速度、訪問体驗和抓取效率上都會更稳一些。這類检查做一轮之後,最好记進运营日歷,在新模板上线、編輯习惯變化时再复核一次。