化完整指南：從 on-page 審計(jì)、格式轉(zhuǎn)換到 IPTC 元數(shù)據(jù)與 AI 圖片合規(guī))
【免費(fèi)下載鏈接】claude-seoUniversal SEO skill for Claude Code. 26 sub-skills 19 sub-agents covering technical SEO, E-E-A-T, schema, GEO/AEO, agent readiness (Lighthouse Agentic Browsing, WebMCP, llms.txt), backlinks, local SEO, e-commerce, international SEO, Google APIs, and PDF/Excel reporting. 9 optional extensions for live SEO data.項(xiàng)目地址https://gitcode.com/GitHub_Trending/cl/claude-seo點(diǎn)擊查看免費(fèi)下載本篇技術(shù)指南圍繞 claude-seo 項(xiàng)目的seo-images子技能skills/seo-images/SKILL.md展開系統(tǒng)講解圖片 SEO 的完整工作流站內(nèi)img元素審計(jì)alt 文本、文件體積、格式、響應(yīng)式、懶加載、CLS、基于 DataForSEO 的圖片 SERP 競爭分析以及基于 exiftool / cwebp / ImageMagick / FFmpeg 的圖片文件級優(yōu)化WebP/AVIF 轉(zhuǎn)換、IPTC/XMP 元數(shù)據(jù)注入、AI 生成圖片的 DigitalSourceType 合規(guī)標(biāo)注。讀完本文你將掌握一套可立即落地的圖片優(yōu)化檢查清單、命令集與決策依據(jù)并理解倉庫中 scripts/parse_html.py 與 scripts/iptc_ai_label.py 兩個腳本的底層實(shí)現(xiàn)邏輯。一、技能定位與適用場景seo-images是 claude-seo 項(xiàng)目 25 個 SEO 子技能之一屬于技術(shù) SEO 與性能優(yōu)化的交叉領(lǐng)域。它的技能聲明SKILL.md frontmatter定義了一組明確的觸發(fā)語例如 image optimization、alt text、image SEO、image size、image audit、optimize images、image metadata、image SERP、convert to webp、image file optimize并支持argument-hint: [url]參數(shù)即用戶可直接傳入目標(biāo) URL 發(fā)起審計(jì)。技能覆蓋三大能力域能力域核心內(nèi)容依賴On-page 圖片審計(jì)alt 文本、文件體積、格式、響應(yīng)式、懶加載、CLS、文件名、CDN頁面 HTML 解析parse_html.py圖片 SERP 分析Google Images 排名競爭情報(bào)DataForSEO MCP 擴(kuò)展圖片文件優(yōu)化WebP/AVIF 轉(zhuǎn)換、IPTC/XMP 元數(shù)據(jù)、AI 圖片合規(guī)標(biāo)注exiftool、cwebp、ImageMagick、FFmpeg從倉庫結(jié)構(gòu)看該項(xiàng)目還提供了配套的 agents/seo-visual.md 視覺分析代理負(fù)責(zé)截圖、首屏與移動端渲染檢查以及獨(dú)立的analyze_visual.py腳本用于識別首屏 hero 圖片三者可組合成完整的圖片 視覺審計(jì)鏈路但本技能聚焦的是圖片本身的 SEO 屬性與文件級優(yōu)化。二、On-page 圖片審計(jì)九個檢查維度2.1 Alt 文本Google Images 排名權(quán)重最高的因素alt 文本是圖片 SEO 中唯一被 Google 明確視為排名信號的 HTML 屬性。審計(jì)時按下述標(biāo)準(zhǔn)逐一檢查頁面內(nèi)所有img元素存在性所有img元素都應(yīng)帶alt屬性純裝飾性圖片除外裝飾圖片應(yīng)使用rolepresentation或alt描述性alt 必須描述圖片內(nèi)容而不是文件名如image.jpg或空洞詞如photo關(guān)鍵詞在自然的前提下融入相關(guān)關(guān)鍵詞嚴(yán)禁堆砌長度控制在 10–125 個字符之間。優(yōu)秀示例Professional plumber repairing kitchen sink faucetRed 2024 Toyota Camry sedan front viewTeam meeting in modern office conference room反面示例image.jpg文件名而非描述plumber plumbing plumber services關(guān)鍵詞堆砌Click here無描述性2.2 文件體積按圖片類別分級閾值文件大小直接影響 Core Web Vitals 中的 LCP最大內(nèi)容繪制因此審計(jì)按圖片類別設(shè)置三檔閾值圖片類別目標(biāo)警告嚴(yán)重縮略圖 50KB 100KB 200KB內(nèi)容圖片 100KB 200KB 500KBHero/Banner 圖片 200KB 300KB 700KB在無損質(zhì)量的前提下應(yīng)盡可能壓縮到目標(biāo)閾值以內(nèi)。2.3 格式優(yōu)先 WebP/AVIF用picture做漸進(jìn)增強(qiáng)不同格式的瀏覽器支持率與適用場景如下格式瀏覽器支持適用場景WebP97%默認(rèn)推薦格式AVIF92%壓縮率最佳較新JPEG100%照片的兜底格式PNG100%需要透明背景的圖形SVG100%圖標(biāo)、Logo、插畫核心建議用 WebP/AVIF 替代 JPEG/PNG并通過picture元素提供格式回退鏈讓瀏覽器自動選擇第一個支持的格式picture source srcsetimage.avif typeimage/avif source srcsetimage.webp typeimage/webp img srcimage.jpg altDescriptive alt text width800 height600 loadinglazy decodingasync /pictureJPEG XL值得關(guān)注的演進(jìn)格式。2025 年 11 月Google Chromium 團(tuán)隊(duì)推翻了 2022 年的決定宣布將使用基于 Rust 的解碼器在 Chrome 中恢復(fù)對 JPEG XL 的支持目前實(shí)現(xiàn)已完成但仍未進(jìn)入 Chrome stable。JPEG XL 支持 JPEG 無損重壓縮零質(zhì)量損失約節(jié)省 20% 體積且有競爭力的有損壓縮表現(xiàn)。當(dāng)前尚不適用于線上部署但值得持續(xù)跟蹤其后續(xù)采用進(jìn)度。2.4 響應(yīng)式圖片srcsetsizessrcset提供多種尺寸sizes與布局?jǐn)帱c(diǎn)匹配分辨率要適配設(shè)備像素比DPR。img srcimage-800.jpg srcsetimage-400.jpg 400w, image-800.jpg 800w, image-1200.jpg 1200w sizes(max-width: 600px) 400px, (max-width: 1200px) 800px, 1200px altDescription 2.5 懶加載與lazy_method識別真實(shí)懶加載機(jī)制折疊線以下圖片使用loadinglazy禁止對首屏/hero 圖片懶加載會直接損害 LCP需區(qū)分原生懶加載與 JavaScript 驅(qū)動的懶加載方案。!-- 折疊線以下 - 懶加載 -- img srcphoto.jpg loadinglazy altDescription !-- 首屏 - 立即加載默認(rèn) -- img srchero.jpg altHero image關(guān)鍵實(shí)現(xiàn)細(xì)節(jié)lazy_method字段倉庫的 scripts/parse_html.py 為每張圖片解析出一個lazy_method字段用于分類其懶加載機(jī)制。這一設(shè)計(jì)的背景是被 Perfmatters、EWWW Image Optimizer 等插件優(yōu)化過的 WordPress 站點(diǎn)會移除原生loadinglazy并把src替換為占位符加 data 屬性如果只檢查loading屬性會把實(shí)際上大量懶加載的頁面誤報(bào)為未懶加載。檢測順序?yàn)?native → perfmatters → ewww → js-generic → nonelazy_method檢測信號常見技術(shù)棧nativeloadinglazyHTML 屬性現(xiàn)代瀏覽器、純 HTMLperfmattersdata-perfmatters-src/-srcset或 classperfmatters-lazyWordPress Perfmatters 插件ewwwdata-ewww-src/data-eio或 classlazyload-eioWordPress EWWW Image Optimizerjs-genericdata-src/data-lazy-src/data-original/data-srcset或 classlazyload/lazyloaded/lazyLazysizes、vanilla-lazyload、jQuery 插件none無任何屬性或 class 信號頁面未對該圖片做懶加載審計(jì)時應(yīng)當(dāng)把lazy_method與loading一起報(bào)告這樣用戶就能判斷站點(diǎn)是否在使用 JS 驅(qū)動的懶加載方案此時原生loadinglazy屬性刻意缺失不屬于回歸缺陷。該邏輯有完整單測覆蓋見 tests/test_lazy_detection.py其中驗(yàn)證了原生優(yōu)先于>img srchero.webp fetchpriorityhigh altHero image description width1200 height630關(guān)鍵警告絕對不要對首屏/LCP 圖片使用loadinglazy這直接拉低 LCP 得分。loadinglazy只應(yīng)保留給折疊線以下圖片。2.7decodingasync避免圖片解碼阻塞主線程對非 LCP 圖片添加decodingasync防止圖片解碼阻塞主線程img srcphoto.webp altDescription width600 height400 loadinglazy decodingasync2.8 CLS 預(yù)防固定寬高與aspect-ratio所有img元素設(shè)置width和height屬性或使用 CSSaspect-ratio對無尺寸聲明的圖片打標(biāo)記。!-- 好 - 設(shè)置了尺寸 -- img srcphoto.jpg width800 height600 altDescription !-- 好 - CSS 縱橫比 -- img srcphoto.jpg styleaspect-ratio: 4/3 altDescription !-- 差 - 無尺寸 -- img srcphoto.jpg altDescription2.9 文件名與 CDN文件名描述性命名blue-running-shoes.webp優(yōu)于IMG_1234.jpg全小寫、連字符分隔、不含特殊字符融入相關(guān)關(guān)鍵詞CDN 使用檢查圖片是否由 CDN 提供不同域名、CDN 響應(yīng)頭對圖片密集站點(diǎn)推薦啟用 CDN并檢查邊緣緩存頭。三、審計(jì)輸出摘要、優(yōu)先級清單與整改建議完成檢查后按以下三部分輸出結(jié)果3.1 圖片審計(jì)摘要指標(biāo)狀態(tài)數(shù)量圖片總數(shù)-XX缺失 Alt 文本?XX超大圖片200KB??XX格式不當(dāng)??XX無尺寸聲明??XX未懶加載??XX3.2 按影響排序的優(yōu)化清單按文件體積節(jié)省潛力降序排列節(jié)省最多的排最前圖片當(dāng)前大小格式問題預(yù)計(jì)節(jié)省...............3.3 推薦整改動作將 X 張圖片轉(zhuǎn)換為 WebP預(yù)計(jì)節(jié)省 XX KB為 X 張圖片補(bǔ)充 alt 文本為 X 張圖片補(bǔ)充寬高尺寸為 X 張折疊線以下圖片啟用懶加載壓縮 X 張超大圖片。四、圖片 SERP 分析用 DataForSEO 補(bǔ)齊競爭數(shù)據(jù)當(dāng) DataForSEO MCP 擴(kuò)展可用時可用命令/seo images serp keyword將站內(nèi)圖片審計(jì)與 Google Images 排名交叉對照輸出競爭對手的圖片 SERP 全景。工作流通過serp_google_images_live_advanced獲取 Google Images 結(jié)果depth100提取頭部域名、圖片類型、alt 文本模式輸出競爭對手圖片 SERP 全景表。輸出示例排名域名Title/Alt圖片 URL頁面 URL1example.comBlue running shoes....../shoes.webp/products/...分析維度域名統(tǒng)治力哪些站點(diǎn)占據(jù)最多圖片位按數(shù)量取前 10Alt 文本模式排名靠前圖片的常見 title/alt 規(guī)律格式分布頭部結(jié)果中 WebP vs JPEG vs PNG 的占比機(jī)會評分你已有頁面排名但缺乏圖片占位的關(guān)鍵詞。若 DataForSEO MCP 不可用應(yīng)告知用戶并建議安裝該擴(kuò)展。倉庫證據(jù)DataForSEO 擴(kuò)展的/seo dataforseo serp-images keyword命令同樣調(diào)用serp_google_images_live_advanced見 extensions/dataforseo/skills/seo-dataforseo/SKILL.md其成本參考顯示 SERP Images 端點(diǎn)單價為 $0.002、支持 5 倍計(jì)費(fèi)并按site:/filetype:操作符加權(quán)見 skills/seo-dataforseo/references/cost-tiers.md。五、圖片文件級優(yōu)化格式轉(zhuǎn)換、元數(shù)據(jù)注入與壓縮命令入口為/seo images optimize path用于對單個或批量圖片文件執(zhí)行 WebP/AVIF 轉(zhuǎn)換、IPTC 元數(shù)據(jù)注入、壓縮以及響應(yīng)式變體生成。5.1 工具優(yōu)先級與前置檢查工具用途安裝方式exiftoolEXIF/IPTC/XMP 讀寫sudo apt install libimage-exiftool-perlcwebpWebP 轉(zhuǎn)換sudo apt install webpImageMagickconvert格式轉(zhuǎn)換、縮放多數(shù)系統(tǒng)預(yù)裝預(yù)裝FFmpeg格式轉(zhuǎn)換兜底預(yù)裝預(yù)裝運(yùn)行前先用which exiftool cwebp convert ffmpeg確認(rèn)哪些工具可用。5.2 格式轉(zhuǎn)換命令# WebP推薦默認(rèn)- 保留元數(shù)據(jù) cwebp -q 82 -metadata all input.jpg -o output.webp # 通過 ImageMagick 轉(zhuǎn) WebPcwebp 未安裝時的兜底 convert input.jpg -quality 82 output.webp # 通過 FFmpeg 轉(zhuǎn) AVIF編碼較慢壓縮率最佳 ffmpeg -i input.jpg -c:v libaom-av1 -crf 30 -still-picture 1 output.avif # 響應(yīng)式變體400w, 800w, 1200w convert input.jpg -resize 400x -quality 82 image-400.webp convert input.jpg -resize 800x -quality 82 image-800.webp convert input.jpg -resize 1200x -quality 82 image-1200.webp5.3 IPTC 元數(shù)據(jù)注入Google Images 富結(jié)果展示Google Images 會在搜索結(jié)果中展示 IPTC 的 Creator創(chuàng)作者、Credit Line署名行與 Copyright版權(quán)信息。這不是排名因素但能改善富結(jié)果展示與品牌署名。用 exiftool推薦# 讀取全部元數(shù)據(jù) exiftool image.jpg # 注入 IPTC XMP 元數(shù)據(jù)用于 Google Images 富結(jié)果 exiftool \ -IPTC:ObjectNameProduct Photo Description \ -IPTC:Caption-AbstractDetailed image description \ -IPTC:By-lineBrand Name Photography \ -IPTC:CreditBrand Name \ -IPTC:CopyrightNoticeCopyright 2026 Brand Name \ -IPTC:Sourcebrandname.com \ -XMP:TitleProduct Photo Description \ -XMP:DescriptionDetailed image description \ -XMP:CreatorBrand Name Photography \ -XMP:RightsCopyright 2026 Brand Name \ image.jpg # 批量注入目錄下所有圖片 exiftool -overwrite_original \ -IPTC:By-lineBrand Name \ -IPTC:CopyrightNoticeCopyright 2026 Brand Name \ *.jpg *.webp *.png用 ImageMagick兜底identify -verbose image.jpg | head -50 convert input.jpg \ -set comment Product Photo Description \ -set IPTC:2:80 Brand Name Photography \ -set IPTC:2:116 Copyright 2026 Brand Name \ output.jpg重要格式差異WebP 原生支持 EXIF 和 XMP但不支持 IPTC。對 WebP 文件應(yīng)改用 XMP 字段而非 IPTCexiftool 會自動完成這一轉(zhuǎn)換。5.4 AI 生成圖片DigitalSourceTypeMerchant Center 強(qiáng)制要求對由生成式 AI 產(chǎn)出的商品圖片Google Merchant Center 強(qiáng)制要求攜帶 IPTCDigitalSourceType: TrainedAlgorithmicMedia元數(shù)據(jù)。這是運(yùn)營政策層面的合規(guī)要求而非排名因素——缺少該標(biāo)注的 AI 圖片 feed 可能被拒批。倉庫提供了專門的封裝腳本 scripts/iptc_ai_label.py將 audit inject 做成 CLI 命令避免依賴操作者手敲 exiftool 單行命令該腳本的設(shè)計(jì)動機(jī)在其 docstring 中有明確說明即讓審計(jì)可與 claude-seo 的 CLI 模式及 Agent 循環(huán)集成# 審計(jì)目錄內(nèi) IPTC 標(biāo)注情況統(tǒng)計(jì) missing/ai/captured 等 python3 scripts/iptc_ai_label.py audit ./images/ --json # 審計(jì)單張圖片 python3 scripts/iptc_ai_label.py audit ./hero.webp --json # 為圖片注入 AI 標(biāo)注 python3 scripts/iptc_ai_label.py inject ./ai-hero.webp \ --source-type trainedAlgorithmicMedia # 其他詞表值 # compositeSynthetic 拍攝 AI 元素混合 # digitalCapture 完全拍攝的照片原始 exiftool 等價命令臨時使用# 手動注入 exiftool \ -XMP-iptcExt:DigitalSourceTypehttps://cv.iptc.org/newscodes/digitalsourcetype/trainedAlgorithmicMedia \ ai-generated-product.jpg # 審計(jì)找出目錄中缺少該標(biāo)注的圖片 exiftool -if not $XMP-iptcExt:DigitalSourceType \ -filename -DigitalSourceType *.jpg *.webp *.pngIPTC 詞表還定義了以下取值腳本中的IPTC_VOCAB常量與之對應(yīng)見 scripts/iptc_ai_label.pytrainedAlgorithmicMedia— 完全由 AI 生成擴(kuò)散模型商品圖用此值compositeSynthetic— 拍攝與 AI 生成元素混合digitalCapture— 完全拍攝的照片無 AI 元素。實(shí)現(xiàn)細(xì)節(jié)該腳本的audit會遞歸遍歷目錄下的.jpg/.jpeg/.png/.webp/.tif/.tiff文件見_iter_images通過 exiftool 讀取XMP-iptcExt:DigitalSourceType并把返回的完整 URI 歸一化為短名后歸類統(tǒng)計(jì)inject會校驗(yàn) source-type 是否在詞表內(nèi)、exiftool 是否可用、文件是否存在再以-overwrite_original落盤。相關(guān)的純邏輯測試不依賴真實(shí) exiftool通過 mock 完成見 tests/test_phase_j_executable.py覆蓋了詞表校驗(yàn)、target 不存在、exiftool 缺失、未知 source-type 拒絕等錯誤路徑。執(zhí)行約定當(dāng)對 AI 生成素材執(zhí)行/seo images optimize時應(yīng)提示用戶確認(rèn)素材來源類型并自動注入對應(yīng)的 IPTC 值。另外對 AI 生成的商品標(biāo)題與描述Google Merchant Center 也要求在 feed 中單獨(dú)指定并標(biāo)注 AI 生成文本——這屬于 feed 層而非頁面層的強(qiáng)制項(xiàng)應(yīng)與seo-ecommerce技能交叉核對。5.5 元數(shù)據(jù)審計(jì)# 快速審計(jì) exiftool -IPTC:all -XMP:all -EXIF:ImageDescription image.jpg # 批量審計(jì) - 找出缺少 IPTC Creator 的圖片 exiftool -if not $IPTC:By-line -filename *.jpg *.webp *.png5.6 完整優(yōu)化流水線為達(dá)到最佳圖片 SEO 效果對每張圖片按以下流水線執(zhí)行審計(jì)現(xiàn)有元數(shù)據(jù)exiftool -IPTC:all -XMP:all image.jpg注入 IPTC/XMP 元數(shù)據(jù)Creator、Copyright、Description轉(zhuǎn)換為 WebPcwebp -q 82 -metadata all image.jpg -o image.webp生成響應(yīng)式變體400w、800w、1200w驗(yàn)證元數(shù)據(jù)保留exiftool image.webp生成pictureHTMLAVIF WebP JPEG 回退鏈六、Google Images 排名的影響因素對照表明確區(qū)分對排名真正重要與純展示或無關(guān)的因子避免在無效環(huán)節(jié)浪費(fèi)精力因素影響設(shè)置位置Alt 文本關(guān)鍵排名HTMLimg alt文件名高排名文件系統(tǒng)描述性、連字符命名頁面上下文高排名周圍 HTML 內(nèi)容文件體積/加載速度中通過 CWV 間接影響壓縮 格式轉(zhuǎn)換IPTC Creator/Copyright低僅展示圖片文件元數(shù)據(jù)EXIF 相機(jī)數(shù)據(jù)無對 SEO 無關(guān)IPTC Keywords無Google 忽略該字段七、異常處理矩陣審計(jì)與優(yōu)化過程中可能遇到各類環(huán)境問題處理策略如下場景處理動作URL 不可達(dá)報(bào)告連接錯誤與狀態(tài)碼建議核實(shí) URL 并檢查站點(diǎn)是否需要認(rèn)證頁面未發(fā)現(xiàn)圖片報(bào)告未檢測到img元素建議檢查圖片是否由 JavaScript 加載或使用 CSS background-image圖片位于 CDN 或認(rèn)證之后說明無法直接訪問圖片文件做體積分析報(bào)告可用的標(biāo)記信息alt、尺寸、格式并標(biāo)記不可達(dá)資源exiftool 未安裝回退到 ImageMagick 處理元數(shù)據(jù)建議sudo apt install libimage-exiftool-perlcwebp 未安裝回退到 ImageMagick 或 FFmpeg 做 WebP 轉(zhuǎn)換建議sudo apt install webpDataForSEO MCP 不可用跳過圖片 SERP 分析章節(jié)注明擴(kuò)展未安裝八、總結(jié)圖片 SEO 是一個雙層工程頁面層負(fù)責(zé) alt 文本、響應(yīng)式、懶加載與 LCP/CLS 優(yōu)化這是 Google Images 排名的主戰(zhàn)場文件層負(fù)責(zé)現(xiàn)代格式轉(zhuǎn)換、元數(shù)據(jù)注入與合規(guī)標(biāo)注這是展示質(zhì)量與政策合規(guī)的保障。claude-seo 的seo-images技能把這兩層打通為一個可執(zhí)行的工作流——從parse_html.py的lazy_method智能懶加載識別到iptc_ai_label.py的 AI 圖片合規(guī)標(biāo)注配合 DataForSEO 的圖片 SERP 競爭分析形成審計(jì) → 診斷 → 優(yōu)化 → 復(fù)檢的完整閉環(huán)。如需將審計(jì)結(jié)果接入更大的審計(jì)編排流程可進(jìn)一步閱讀 skills/seo/ 主技能與 agents/seo-visual.md 視覺分析代理的協(xié)作方式。贊分享【免費(fèi)下載鏈接】claude-seoUniversal SEO skill for Claude Code. 26 sub-skills 19 sub-agents covering technical SEO, E-E-A-T, schema, GEO/AEO, agent readiness (Lighthouse Agentic Browsing, WebMCP, llms.txt), backlinks, local SEO, e-commerce, international SEO, Google APIs, and PDF/Excel reporting. 9 optional extensions for live SEO data.項(xiàng)目地址https://gitcode.com/GitHub_Trending/cl/claude-seo點(diǎn)擊查看免費(fèi)下載相關(guān)推薦claude-seo 的 SEO 圖片分析師 Agent從 OG/Social 圖片審計(jì)到生成計(jì)劃的完整指南claude seo 的 SEO 圖片分析師 Agent從 OG/Social 圖片審計(jì)到生成計(jì)劃的完整指南 claude seo 是面向 Claude Coclaude-seo 的 SEO 圖片分析 Agent基于 banana 擴(kuò)展的 OG 圖審計(jì)與生成計(jì)劃實(shí)戰(zhàn)指南claude seo 的 SEO 圖片分析 Agent基于 banana 擴(kuò)展的 OG 圖審計(jì)與生成計(jì)劃實(shí)戰(zhàn)指南 本指南以 claude seo 倉庫中 ba從codex-seo到SEO-prochatgpt-seo項(xiàng)目轉(zhuǎn)型與Claude SEO來源的完整回顧從codex seo到SEO prochatgpt seo項(xiàng)目轉(zhuǎn)型與Claude SEO來源的完整回顧 本文回顧 chatgpt seo 項(xiàng)目的完整轉(zhuǎn)型過程上一篇Vista技術(shù)報(bào)告精讀理解自動駕駛世界模型的泛化能力與長期預(yù)測機(jī)制下一篇SkillSpectorAI代理技能安全掃描器的終極指南創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考 claude-seo 圖片 SEO 優(yōu)化完整指南：從 on-page 審計(jì)、格式轉(zhuǎn)換到 IPTC 元數(shù)據(jù)與 AI 圖片合規(guī)
【免費(fèi)下載鏈接】claude-seoUniversal SEO skill for Claude Code. 26 sub-skills 19 sub-agents covering technical SEO, E-E-A-T, schema, GEO/AEO, agent readiness (Lighthouse Agentic Browsing, WebMCP, llms.txt), backlinks, local SEO, e-commerce, international SEO, Google APIs, and PDF/Excel reporting. 9 optional extensions for live SEO data.項(xiàng)目地址https://gitcode.com/GitHub_Trending/cl/claude-seo點(diǎn)擊查看免費(fèi)下載本篇技術(shù)指南圍繞 claude-seo 項(xiàng)目的seo-images子技能skills/seo-images/SKILL.md展開系統(tǒng)講解圖片 SEO 的完整工作流站內(nèi)img元素審計(jì)alt 文本、文件體積、格式、響應(yīng)式、懶加載、CLS、基于 DataForSEO 的圖片 SERP 競爭分析以及基于 exiftool / cwebp / ImageMagick / FFmpeg 的圖片文件級優(yōu)化WebP/AVIF 轉(zhuǎn)換、IPTC/XMP 元數(shù)據(jù)注入、AI 生成圖片的 DigitalSourceType 合規(guī)標(biāo)注。讀完本文你將掌握一套可立即落地的圖片優(yōu)化檢查清單、命令集與決策依據(jù)并理解倉庫中 scripts/parse_html.py 與 scripts/iptc_ai_label.py 兩個腳本的底層實(shí)現(xiàn)邏輯。一、技能定位與適用場景seo-images是 claude-seo 項(xiàng)目 25 個 SEO 子技能之一屬于技術(shù) SEO 與性能優(yōu)化的交叉領(lǐng)域。它的技能聲明SKILL.md frontmatter定義了一組明確的觸發(fā)語例如 image optimization、alt text、image SEO、image size、image audit、optimize images、image metadata、image SERP、convert to webp、image file optimize并支持argument-hint: [url]參數(shù)即用戶可直接傳入目標(biāo) URL 發(fā)起審計(jì)。技能覆蓋三大能力域能力域核心內(nèi)容依賴On-page 圖片審計(jì)alt 文本、文件體積、格式、響應(yīng)式、懶加載、CLS、文件名、CDN頁面 HTML 解析parse_html.py圖片 SERP 分析Google Images 排名競爭情報(bào)DataForSEO MCP 擴(kuò)展圖片文件優(yōu)化WebP/AVIF 轉(zhuǎn)換、IPTC/XMP 元數(shù)據(jù)、AI 圖片合規(guī)標(biāo)注exiftool、cwebp、ImageMagick、FFmpeg從倉庫結(jié)構(gòu)看該項(xiàng)目還提供了配套的 agents/seo-visual.md 視覺分析代理負(fù)責(zé)截圖、首屏與移動端渲染檢查以及獨(dú)立的analyze_visual.py腳本用于識別首屏 hero 圖片三者可組合成完整的圖片 視覺審計(jì)鏈路但本技能聚焦的是圖片本身的 SEO 屬性與文件級優(yōu)化。二、On-page 圖片審計(jì)九個檢查維度2.1 Alt 文本Google Images 排名權(quán)重最高的因素alt 文本是圖片 SEO 中唯一被 Google 明確視為排名信號的 HTML 屬性。審計(jì)時按下述標(biāo)準(zhǔn)逐一檢查頁面內(nèi)所有img元素存在性所有img元素都應(yīng)帶alt屬性純裝飾性圖片除外裝飾圖片應(yīng)使用rolepresentation或alt描述性alt 必須描述圖片內(nèi)容而不是文件名如image.jpg或空洞詞如photo關(guān)鍵詞在自然的前提下融入相關(guān)關(guān)鍵詞嚴(yán)禁堆砌長度控制在 10–125 個字符之間。優(yōu)秀示例Professional plumber repairing kitchen sink faucetRed 2024 Toyota Camry sedan front viewTeam meeting in modern office conference room反面示例image.jpg文件名而非描述plumber plumbing plumber services關(guān)鍵詞堆砌Click here無描述性2.2 文件體積按圖片類別分級閾值文件大小直接影響 Core Web Vitals 中的 LCP最大內(nèi)容繪制因此審計(jì)按圖片類別設(shè)置三檔閾值圖片類別目標(biāo)警告嚴(yán)重縮略圖 50KB 100KB 200KB內(nèi)容圖片 100KB 200KB 500KBHero/Banner 圖片 200KB 300KB 700KB在無損質(zhì)量的前提下應(yīng)盡可能壓縮到目標(biāo)閾值以內(nèi)。2.3 格式優(yōu)先 WebP/AVIF用picture做漸進(jìn)增強(qiáng)不同格式的瀏覽器支持率與適用場景如下格式瀏覽器支持適用場景WebP97%默認(rèn)推薦格式AVIF92%壓縮率最佳較新JPEG100%照片的兜底格式PNG100%需要透明背景的圖形SVG100%圖標(biāo)、Logo、插畫核心建議用 WebP/AVIF 替代 JPEG/PNG并通過picture元素提供格式回退鏈讓瀏覽器自動選擇第一個支持的格式picture source srcsetimage.avif typeimage/avif source srcsetimage.webp typeimage/webp img srcimage.jpg altDescriptive alt text width800 height600 loadinglazy decodingasync /pictureJPEG XL值得關(guān)注的演進(jìn)格式。2025 年 11 月Google Chromium 團(tuán)隊(duì)推翻了 2022 年的決定宣布將使用基于 Rust 的解碼器在 Chrome 中恢復(fù)對 JPEG XL 的支持目前實(shí)現(xiàn)已完成但仍未進(jìn)入 Chrome stable。JPEG XL 支持 JPEG 無損重壓縮零質(zhì)量損失約節(jié)省 20% 體積且有競爭力的有損壓縮表現(xiàn)。當(dāng)前尚不適用于線上部署但值得持續(xù)跟蹤其后續(xù)采用進(jìn)度。2.4 響應(yīng)式圖片srcsetsizessrcset提供多種尺寸sizes與布局?jǐn)帱c(diǎn)匹配分辨率要適配設(shè)備像素比DPR。img srcimage-800.jpg srcsetimage-400.jpg 400w, image-800.jpg 800w, image-1200.jpg 1200w sizes(max-width: 600px) 400px, (max-width: 1200px) 800px, 1200px altDescription 2.5 懶加載與lazy_method識別真實(shí)懶加載機(jī)制折疊線以下圖片使用loadinglazy禁止對首屏/hero 圖片懶加載會直接損害 LCP需區(qū)分原生懶加載與 JavaScript 驅(qū)動的懶加載方案。!-- 折疊線以下 - 懶加載 -- img srcphoto.jpg loadinglazy altDescription !-- 首屏 - 立即加載默認(rèn) -- img srchero.jpg altHero image關(guān)鍵實(shí)現(xiàn)細(xì)節(jié)lazy_method字段倉庫的 scripts/parse_html.py 為每張圖片解析出一個lazy_method字段用于分類其懶加載機(jī)制。這一設(shè)計(jì)的背景是被 Perfmatters、EWWW Image Optimizer 等插件優(yōu)化過的 WordPress 站點(diǎn)會移除原生loadinglazy并把src替換為占位符加 data 屬性如果只檢查loading屬性會把實(shí)際上大量懶加載的頁面誤報(bào)為未懶加載。檢測順序?yàn)?native → perfmatters → ewww → js-generic → nonelazy_method檢測信號常見技術(shù)棧nativeloadinglazyHTML 屬性現(xiàn)代瀏覽器、純 HTMLperfmattersdata-perfmatters-src/-srcset或 classperfmatters-lazyWordPress Perfmatters 插件ewwwdata-ewww-src/data-eio或 classlazyload-eioWordPress EWWW Image Optimizerjs-genericdata-src/data-lazy-src/data-original/data-srcset或 classlazyload/lazyloaded/lazyLazysizes、vanilla-lazyload、jQuery 插件none無任何屬性或 class 信號頁面未對該圖片做懶加載審計(jì)時應(yīng)當(dāng)把lazy_method與loading一起報(bào)告這樣用戶就能判斷站點(diǎn)是否在使用 JS 驅(qū)動的懶加載方案此時原生loadinglazy屬性刻意缺失不屬于回歸缺陷。該邏輯有完整單測覆蓋見 tests/test_lazy_detection.py其中驗(yàn)證了原生優(yōu)先于>img srchero.webp fetchpriorityhigh altHero image description width1200 height630關(guān)鍵警告絕對不要對首屏/LCP 圖片使用loadinglazy這直接拉低 LCP 得分。loadinglazy只應(yīng)保留給折疊線以下圖片。2.7decodingasync避免圖片解碼阻塞主線程對非 LCP 圖片添加decodingasync防止圖片解碼阻塞主線程img srcphoto.webp altDescription width600 height400 loadinglazy decodingasync2.8 CLS 預(yù)防固定寬高與aspect-ratio所有img元素設(shè)置width和height屬性或使用 CSSaspect-ratio對無尺寸聲明的圖片打標(biāo)記。!-- 好 - 設(shè)置了尺寸 -- img srcphoto.jpg width800 height600 altDescription !-- 好 - CSS 縱橫比 -- img srcphoto.jpg styleaspect-ratio: 4/3 altDescription !-- 差 - 無尺寸 -- img srcphoto.jpg altDescription2.9 文件名與 CDN文件名描述性命名blue-running-shoes.webp優(yōu)于IMG_1234.jpg全小寫、連字符分隔、不含特殊字符融入相關(guān)關(guān)鍵詞CDN 使用檢查圖片是否由 CDN 提供不同域名、CDN 響應(yīng)頭對圖片密集站點(diǎn)推薦啟用 CDN并檢查邊緣緩存頭。三、審計(jì)輸出摘要、優(yōu)先級清單與整改建議完成檢查后按以下三部分輸出結(jié)果3.1 圖片審計(jì)摘要指標(biāo)狀態(tài)數(shù)量圖片總數(shù)-XX缺失 Alt 文本?XX超大圖片200KB??XX格式不當(dāng)??XX無尺寸聲明??XX未懶加載??XX3.2 按影響排序的優(yōu)化清單按文件體積節(jié)省潛力降序排列節(jié)省最多的排最前圖片當(dāng)前大小格式問題預(yù)計(jì)節(jié)省...............3.3 推薦整改動作將 X 張圖片轉(zhuǎn)換為 WebP預(yù)計(jì)節(jié)省 XX KB為 X 張圖片補(bǔ)充 alt 文本為 X 張圖片補(bǔ)充寬高尺寸為 X 張折疊線以下圖片啟用懶加載壓縮 X 張超大圖片。四、圖片 SERP 分析用 DataForSEO 補(bǔ)齊競爭數(shù)據(jù)當(dāng) DataForSEO MCP 擴(kuò)展可用時可用命令/seo images serp keyword將站內(nèi)圖片審計(jì)與 Google Images 排名交叉對照輸出競爭對手的圖片 SERP 全景。工作流通過serp_google_images_live_advanced獲取 Google Images 結(jié)果depth100提取頭部域名、圖片類型、alt 文本模式輸出競爭對手圖片 SERP 全景表。輸出示例排名域名Title/Alt圖片 URL頁面 URL1example.comBlue running shoes....../shoes.webp/products/...分析維度域名統(tǒng)治力哪些站點(diǎn)占據(jù)最多圖片位按數(shù)量取前 10Alt 文本模式排名靠前圖片的常見 title/alt 規(guī)律格式分布頭部結(jié)果中 WebP vs JPEG vs PNG 的占比機(jī)會評分你已有頁面排名但缺乏圖片占位的關(guān)鍵詞。若 DataForSEO MCP 不可用應(yīng)告知用戶并建議安裝該擴(kuò)展。倉庫證據(jù)DataForSEO 擴(kuò)展的/seo dataforseo serp-images keyword命令同樣調(diào)用serp_google_images_live_advanced見 extensions/dataforseo/skills/seo-dataforseo/SKILL.md其成本參考顯示 SERP Images 端點(diǎn)單價為 $0.002、支持 5 倍計(jì)費(fèi)并按site:/filetype:操作符加權(quán)見 skills/seo-dataforseo/references/cost-tiers.md。五、圖片文件級優(yōu)化格式轉(zhuǎn)換、元數(shù)據(jù)注入與壓縮命令入口為/seo images optimize path用于對單個或批量圖片文件執(zhí)行 WebP/AVIF 轉(zhuǎn)換、IPTC 元數(shù)據(jù)注入、壓縮以及響應(yīng)式變體生成。5.1 工具優(yōu)先級與前置檢查工具用途安裝方式exiftoolEXIF/IPTC/XMP 讀寫sudo apt install libimage-exiftool-perlcwebpWebP 轉(zhuǎn)換sudo apt install webpImageMagickconvert格式轉(zhuǎn)換、縮放多數(shù)系統(tǒng)預(yù)裝預(yù)裝FFmpeg格式轉(zhuǎn)換兜底預(yù)裝預(yù)裝運(yùn)行前先用which exiftool cwebp convert ffmpeg確認(rèn)哪些工具可用。5.2 格式轉(zhuǎn)換命令# WebP推薦默認(rèn)- 保留元數(shù)據(jù) cwebp -q 82 -metadata all input.jpg -o output.webp # 通過 ImageMagick 轉(zhuǎn) WebPcwebp 未安裝時的兜底 convert input.jpg -quality 82 output.webp # 通過 FFmpeg 轉(zhuǎn) AVIF編碼較慢壓縮率最佳 ffmpeg -i input.jpg -c:v libaom-av1 -crf 30 -still-picture 1 output.avif # 響應(yīng)式變體400w, 800w, 1200w convert input.jpg -resize 400x -quality 82 image-400.webp convert input.jpg -resize 800x -quality 82 image-800.webp convert input.jpg -resize 1200x -quality 82 image-1200.webp5.3 IPTC 元數(shù)據(jù)注入Google Images 富結(jié)果展示Google Images 會在搜索結(jié)果中展示 IPTC 的 Creator創(chuàng)作者、Credit Line署名行與 Copyright版權(quán)信息。這不是排名因素但能改善富結(jié)果展示與品牌署名。用 exiftool推薦# 讀取全部元數(shù)據(jù) exiftool image.jpg # 注入 IPTC XMP 元數(shù)據(jù)用于 Google Images 富結(jié)果 exiftool \ -IPTC:ObjectNameProduct Photo Description \ -IPTC:Caption-AbstractDetailed image description \ -IPTC:By-lineBrand Name Photography \ -IPTC:CreditBrand Name \ -IPTC:CopyrightNoticeCopyright 2026 Brand Name \ -IPTC:Sourcebrandname.com \ -XMP:TitleProduct Photo Description \ -XMP:DescriptionDetailed image description \ -XMP:CreatorBrand Name Photography \ -XMP:RightsCopyright 2026 Brand Name \ image.jpg # 批量注入目錄下所有圖片 exiftool -overwrite_original \ -IPTC:By-lineBrand Name \ -IPTC:CopyrightNoticeCopyright 2026 Brand Name \ *.jpg *.webp *.png用 ImageMagick兜底identify -verbose image.jpg | head -50 convert input.jpg \ -set comment Product Photo Description \ -set IPTC:2:80 Brand Name Photography \ -set IPTC:2:116 Copyright 2026 Brand Name \ output.jpg重要格式差異WebP 原生支持 EXIF 和 XMP但不支持 IPTC。對 WebP 文件應(yīng)改用 XMP 字段而非 IPTCexiftool 會自動完成這一轉(zhuǎn)換。5.4 AI 生成圖片DigitalSourceTypeMerchant Center 強(qiáng)制要求對由生成式 AI 產(chǎn)出的商品圖片Google Merchant Center 強(qiáng)制要求攜帶 IPTCDigitalSourceType: TrainedAlgorithmicMedia元數(shù)據(jù)。這是運(yùn)營政策層面的合規(guī)要求而非排名因素——缺少該標(biāo)注的 AI 圖片 feed 可能被拒批。倉庫提供了專門的封裝腳本 scripts/iptc_ai_label.py將 audit inject 做成 CLI 命令避免依賴操作者手敲 exiftool 單行命令該腳本的設(shè)計(jì)動機(jī)在其 docstring 中有明確說明即讓審計(jì)可與 claude-seo 的 CLI 模式及 Agent 循環(huán)集成# 審計(jì)目錄內(nèi) IPTC 標(biāo)注情況統(tǒng)計(jì) missing/ai/captured 等 python3 scripts/iptc_ai_label.py audit ./images/ --json # 審計(jì)單張圖片 python3 scripts/iptc_ai_label.py audit ./hero.webp --json # 為圖片注入 AI 標(biāo)注 python3 scripts/iptc_ai_label.py inject ./ai-hero.webp \ --source-type trainedAlgorithmicMedia # 其他詞表值 # compositeSynthetic 拍攝 AI 元素混合 # digitalCapture 完全拍攝的照片原始 exiftool 等價命令臨時使用# 手動注入 exiftool \ -XMP-iptcExt:DigitalSourceTypehttps://cv.iptc.org/newscodes/digitalsourcetype/trainedAlgorithmicMedia \ ai-generated-product.jpg # 審計(jì)找出目錄中缺少該標(biāo)注的圖片 exiftool -if not $XMP-iptcExt:DigitalSourceType \ -filename -DigitalSourceType *.jpg *.webp *.pngIPTC 詞表還定義了以下取值腳本中的IPTC_VOCAB常量與之對應(yīng)見 scripts/iptc_ai_label.pytrainedAlgorithmicMedia— 完全由 AI 生成擴(kuò)散模型商品圖用此值compositeSynthetic— 拍攝與 AI 生成元素混合digitalCapture— 完全拍攝的照片無 AI 元素。實(shí)現(xiàn)細(xì)節(jié)該腳本的audit會遞歸遍歷目錄下的.jpg/.jpeg/.png/.webp/.tif/.tiff文件見_iter_images通過 exiftool 讀取XMP-iptcExt:DigitalSourceType并把返回的完整 URI 歸一化為短名后歸類統(tǒng)計(jì)inject會校驗(yàn) source-type 是否在詞表內(nèi)、exiftool 是否可用、文件是否存在再以-overwrite_original落盤。相關(guān)的純邏輯測試不依賴真實(shí) exiftool通過 mock 完成見 tests/test_phase_j_executable.py覆蓋了詞表校驗(yàn)、target 不存在、exiftool 缺失、未知 source-type 拒絕等錯誤路徑。執(zhí)行約定當(dāng)對 AI 生成素材執(zhí)行/seo images optimize時應(yīng)提示用戶確認(rèn)素材來源類型并自動注入對應(yīng)的 IPTC 值。另外對 AI 生成的商品標(biāo)題與描述Google Merchant Center 也要求在 feed 中單獨(dú)指定并標(biāo)注 AI 生成文本——這屬于 feed 層而非頁面層的強(qiáng)制項(xiàng)應(yīng)與seo-ecommerce技能交叉核對。5.5 元數(shù)據(jù)審計(jì)# 快速審計(jì) exiftool -IPTC:all -XMP:all -EXIF:ImageDescription image.jpg # 批量審計(jì) - 找出缺少 IPTC Creator 的圖片 exiftool -if not $IPTC:By-line -filename *.jpg *.webp *.png5.6 完整優(yōu)化流水線為達(dá)到最佳圖片 SEO 效果對每張圖片按以下流水線執(zhí)行審計(jì)現(xiàn)有元數(shù)據(jù)exiftool -IPTC:all -XMP:all image.jpg注入 IPTC/XMP 元數(shù)據(jù)Creator、Copyright、Description轉(zhuǎn)換為 WebPcwebp -q 82 -metadata all image.jpg -o image.webp生成響應(yīng)式變體400w、800w、1200w驗(yàn)證元數(shù)據(jù)保留exiftool image.webp生成pictureHTMLAVIF WebP JPEG 回退鏈六、Google Images 排名的影響因素對照表明確區(qū)分對排名真正重要與純展示或無關(guān)的因子避免在無效環(huán)節(jié)浪費(fèi)精力因素影響設(shè)置位置Alt 文本關(guān)鍵排名HTMLimg alt文件名高排名文件系統(tǒng)描述性、連字符命名頁面上下文高排名周圍 HTML 內(nèi)容文件體積/加載速度中通過 CWV 間接影響壓縮 格式轉(zhuǎn)換IPTC Creator/Copyright低僅展示圖片文件元數(shù)據(jù)EXIF 相機(jī)數(shù)據(jù)無對 SEO 無關(guān)IPTC Keywords無Google 忽略該字段七、異常處理矩陣審計(jì)與優(yōu)化過程中可能遇到各類環(huán)境問題處理策略如下場景處理動作URL 不可達(dá)報(bào)告連接錯誤與狀態(tài)碼建議核實(shí) URL 并檢查站點(diǎn)是否需要認(rèn)證頁面未發(fā)現(xiàn)圖片報(bào)告未檢測到img元素建議檢查圖片是否由 JavaScript 加載或使用 CSS background-image圖片位于 CDN 或認(rèn)證之后說明無法直接訪問圖片文件做體積分析報(bào)告可用的標(biāo)記信息alt、尺寸、格式并標(biāo)記不可達(dá)資源exiftool 未安裝回退到 ImageMagick 處理元數(shù)據(jù)建議sudo apt install libimage-exiftool-perlcwebp 未安裝回退到 ImageMagick 或 FFmpeg 做 WebP 轉(zhuǎn)換建議sudo apt install webpDataForSEO MCP 不可用跳過圖片 SERP 分析章節(jié)注明擴(kuò)展未安裝八、總結(jié)圖片 SEO 是一個雙層工程頁面層負(fù)責(zé) alt 文本、響應(yīng)式、懶加載與 LCP/CLS 優(yōu)化這是 Google Images 排名的主戰(zhàn)場文件層負(fù)責(zé)現(xiàn)代格式轉(zhuǎn)換、元數(shù)據(jù)注入與合規(guī)標(biāo)注這是展示質(zhì)量與政策合規(guī)的保障。claude-seo 的seo-images技能把這兩層打通為一個可執(zhí)行的工作流——從parse_html.py的lazy_method智能懶加載識別到iptc_ai_label.py的 AI 圖片合規(guī)標(biāo)注配合 DataForSEO 的圖片 SERP 競爭分析形成審計(jì) → 診斷 → 優(yōu)化 → 復(fù)檢的完整閉環(huán)。如需將審計(jì)結(jié)果接入更大的審計(jì)編排流程可進(jìn)一步閱讀 skills/seo/ 主技能與 agents/seo-visual.md 視覺分析代理的協(xié)作方式。贊分享【免費(fèi)下載鏈接】claude-seoUniversal SEO skill for Claude Code. 26 sub-skills 19 sub-agents covering technical SEO, E-E-A-T, schema, GEO/AEO, agent readiness (Lighthouse Agentic Browsing, WebMCP, llms.txt), backlinks, local SEO, e-commerce, international SEO, Google APIs, and PDF/Excel reporting. 9 optional extensions for live SEO data.項(xiàng)目地址https://gitcode.com/GitHub_Trending/cl/claude-seo點(diǎn)擊查看免費(fèi)下載相關(guān)推薦claude-seo 的 SEO 圖片分析師 Agent從 OG/Social 圖片審計(jì)到生成計(jì)劃的完整指南claude seo 的 SEO 圖片分析師 Agent從 OG/Social 圖片審計(jì)到生成計(jì)劃的完整指南 claude seo 是面向 Claude Coclaude-seo 的 SEO 圖片分析 Agent基于 banana 擴(kuò)展的 OG 圖審計(jì)與生成計(jì)劃實(shí)戰(zhàn)指南claude seo 的 SEO 圖片分析 Agent基于 banana 擴(kuò)展的 OG 圖審計(jì)與生成計(jì)劃實(shí)戰(zhàn)指南 本指南以 claude seo 倉庫中 ba從codex-seo到SEO-prochatgpt-seo項(xiàng)目轉(zhuǎn)型與Claude SEO來源的完整回顧從codex seo到SEO prochatgpt seo項(xiàng)目轉(zhuǎn)型與Claude SEO來源的完整回顧 本文回顧 chatgpt seo 項(xiàng)目的完整轉(zhuǎn)型過程上一篇Vista技術(shù)報(bào)告精讀理解自動駕駛世界模型的泛化能力與長期預(yù)測機(jī)制下一篇SkillSpectorAI代理技能安全掃描器的終極指南創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考