【免費下載鏈接】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.項目地址https://gitcode.com/GitHub_Trending/cl/claude-seo點擊查看免費下載本篇技術(shù)指南圍繞 claude-seo 項目的seo-images子技能skills/seo-images/SKILL.md展開系統(tǒng)講解圖片 SEO 的完整工作流站內(nèi)img元素審計alt 文本、文件體積、格式、響應(yīng)式、懶加載、CLS、基于 DataForSEO 的圖片 SERP 競爭分析以及基于 exiftool / cwebp / ImageMagick / FFmpeg 的圖片文件級優(yōu)化WebP/AVIF 轉(zhuǎn)換、IPTC/XMP 元數(shù)據(jù)注入、AI 生成圖片的 DigitalSourceType 合規(guī)標注。讀完本文你將掌握一套可立即落地的圖片優(yōu)化檢查清單、命令集與決策依據(jù)并理解倉庫中 scripts/parse_html.py 與 scripts/iptc_ai_label.py 兩個腳本的底層實現(xiàn)邏輯。一、技能定位與適用場景seo-images是 claude-seo 項目 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ù)即用戶可直接傳入目標 URL 發(fā)起審計。技能覆蓋三大能力域能力域核心內(nèi)容依賴On-page 圖片審計alt 文本、文件體積、格式、響應(yīng)式、懶加載、CLS、文件名、CDN頁面 HTML 解析parse_html.py圖片 SERP 分析Google Images 排名競爭情報DataForSEO MCP 擴展圖片文件優(yōu)化WebP/AVIF 轉(zhuǎn)換、IPTC/XMP 元數(shù)據(jù)、AI 圖片合規(guī)標注exiftool、cwebp、ImageMagick、FFmpeg從倉庫結(jié)構(gòu)看該項目還提供了配套的 agents/seo-visual.md 視覺分析代理負責(zé)截圖、首屏與移動端渲染檢查以及獨立的analyze_visual.py腳本用于識別首屏 hero 圖片三者可組合成完整的圖片 視覺審計鏈路但本技能聚焦的是圖片本身的 SEO 屬性與文件級優(yōu)化。二、On-page 圖片審計九個檢查維度2.1 Alt 文本Google Images 排名權(quán)重最高的因素alt 文本是圖片 SEO 中唯一被 Google 明確視為排名信號的 HTML 屬性。審計時按下述標準逐一檢查頁面內(nèi)所有img元素存在性所有img元素都應(yīng)帶alt屬性純裝飾性圖片除外裝飾圖片應(yīng)使用rolepresentation或alt描述性alt 必須描述圖片內(nèi)容而不是文件名如image.jpg或空洞詞如photo關(guān)鍵詞在自然的前提下融入相關(guān)關(guā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)容繪制因此審計按圖片類別設(shè)置三檔閾值圖片類別目標警告嚴重縮略圖 50KB 100KB 200KB內(nèi)容圖片 100KB 200KB 500KBHero/Banner 圖片 200KB 300KB 700KB在無損質(zhì)量的前提下應(yīng)盡可能壓縮到目標閾值以內(nèi)。2.3 格式優(yōu)先 WebP/AVIF用picture做漸進增強不同格式的瀏覽器支持率與適用場景如下格式瀏覽器支持適用場景WebP97%默認推薦格式AVIF92%壓縮率最佳較新JPEG100%照片的兜底格式PNG100%需要透明背景的圖形SVG100%圖標、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)注的演進格式。2025 年 11 月Google Chromium 團隊推翻了 2022 年的決定宣布將使用基于 Rust 的解碼器在 Chrome 中恢復(fù)對 JPEG XL 的支持目前實現(xiàn)已完成但仍未進入 Chrome stable。JPEG XL 支持 JPEG 無損重壓縮零質(zhì)量損失約節(jié)省 20% 體積且有競爭力的有損壓縮表現(xiàn)。當(dāng)前尚不適用于線上部署但值得持續(xù)跟蹤其后續(xù)采用進度。2.4 響應(yīng)式圖片srcsetsizessrcset提供多種尺寸sizes與布局斷點匹配分辨率要適配設(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識別真實懶加載機制折疊線以下圖片使用loadinglazy禁止對首屏/hero 圖片懶加載會直接損害 LCP需區(qū)分原生懶加載與 JavaScript 驅(qū)動的懶加載方案。!-- 折疊線以下 - 懶加載 -- img srcphoto.jpg loadinglazy altDescription !-- 首屏 - 立即加載默認 -- img srchero.jpg altHero image關(guān)鍵實現(xiàn)細節(jié)lazy_method字段倉庫的 scripts/parse_html.py 為每張圖片解析出一個lazy_method字段用于分類其懶加載機制。這一設(shè)計的背景是被 Perfmatters、EWWW Image Optimizer 等插件優(yōu)化過的 WordPress 站點會移除原生loadinglazy并把src替換為占位符加 data 屬性如果只檢查loading屬性會把實際上大量懶加載的頁面誤報為未懶加載。檢測順序為 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 信號頁面未對該圖片做懶加載審計時應(yīng)當(dāng)把lazy_method與loading一起報告這樣用戶就能判斷站點是否在使用 JS 驅(qū)動的懶加載方案此時原生loadinglazy屬性刻意缺失不屬于回歸缺陷。該邏輯有完整單測覆蓋見 tests/test_lazy_detection.py其中驗證了原生優(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對無尺寸聲明的圖片打標記。!-- 好 - 設(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)頭對圖片密集站點推薦啟用 CDN并檢查邊緣緩存頭。三、審計輸出摘要、優(yōu)先級清單與整改建議完成檢查后按以下三部分輸出結(jié)果3.1 圖片審計摘要指標狀態(tài)數(shù)量圖片總數(shù)-XX缺失 Alt 文本?XX超大圖片200KB??XX格式不當(dāng)??XX無尺寸聲明??XX未懶加載??XX3.2 按影響排序的優(yōu)化清單按文件體積節(jié)省潛力降序排列節(jié)省最多的排最前圖片當(dāng)前大小格式問題預(yù)計節(jié)省...............3.3 推薦整改動作將 X 張圖片轉(zhuǎn)換為 WebP預(yù)計節(jié)省 XX KB為 X 張圖片補充 alt 文本為 X 張圖片補充寬高尺寸為 X 張折疊線以下圖片啟用懶加載壓縮 X 張超大圖片。四、圖片 SERP 分析用 DataForSEO 補齊競爭數(shù)據(jù)當(dāng) DataForSEO MCP 擴展可用時可用命令/seo images serp keyword將站內(nèi)圖片審計與 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)治力哪些站點占據(jù)最多圖片位按數(shù)量取前 10Alt 文本模式排名靠前圖片的常見 title/alt 規(guī)律格式分布頭部結(jié)果中 WebP vs JPEG vs PNG 的占比機會評分你已有頁面排名但缺乏圖片占位的關(guān)鍵詞。若 DataForSEO MCP 不可用應(yīng)告知用戶并建議安裝該擴展。倉庫證據(jù)DataForSEO 擴展的/seo dataforseo serp-images keyword命令同樣調(diào)用serp_google_images_live_advanced見 extensions/dataforseo/skills/seo-dataforseo/SKILL.md其成本參考顯示 SERP Images 端點單價為 $0.002、支持 5 倍計費并按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ù)裝運行前先用which exiftool cwebp convert ffmpeg確認哪些工具可用。5.2 格式轉(zhuǎn)換命令# WebP推薦默認- 保留元數(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 強制要求對由生成式 AI 產(chǎn)出的商品圖片Google Merchant Center 強制要求攜帶 IPTCDigitalSourceType: TrainedAlgorithmicMedia元數(shù)據(jù)。這是運營政策層面的合規(guī)要求而非排名因素——缺少該標注的 AI 圖片 feed 可能被拒批。倉庫提供了專門的封裝腳本 scripts/iptc_ai_label.py將 audit inject 做成 CLI 命令避免依賴操作者手敲 exiftool 單行命令該腳本的設(shè)計動機在其 docstring 中有明確說明即讓審計可與 claude-seo 的 CLI 模式及 Agent 循環(huán)集成# 審計目錄內(nèi) IPTC 標注情況統(tǒng)計 missing/ai/captured 等 python3 scripts/iptc_ai_label.py audit ./images/ --json # 審計單張圖片 python3 scripts/iptc_ai_label.py audit ./hero.webp --json # 為圖片注入 AI 標注 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 # 審計找出目錄中缺少該標注的圖片 exiftool -if not $XMP-iptcExt:DigitalSourceType \ -filename -DigitalSourceType *.jpg *.webp *.pngIPTC 詞表還定義了以下取值腳本中的IPTC_VOCAB常量與之對應(yīng)見 scripts/iptc_ai_label.pytrainedAlgorithmicMedia— 完全由 AI 生成擴散模型商品圖用此值compositeSynthetic— 拍攝與 AI 生成元素混合digitalCapture— 完全拍攝的照片無 AI 元素。實現(xiàn)細節(jié)該腳本的audit會遞歸遍歷目錄下的.jpg/.jpeg/.png/.webp/.tif/.tiff文件見_iter_images通過 exiftool 讀取XMP-iptcExt:DigitalSourceType并把返回的完整 URI 歸一化為短名后歸類統(tǒng)計inject會校驗 source-type 是否在詞表內(nèi)、exiftool 是否可用、文件是否存在再以-overwrite_original落盤。相關(guān)的純邏輯測試不依賴真實 exiftool通過 mock 完成見 tests/test_phase_j_executable.py覆蓋了詞表校驗、target 不存在、exiftool 缺失、未知 source-type 拒絕等錯誤路徑。執(zhí)行約定當(dāng)對 AI 生成素材執(zhí)行/seo images optimize時應(yīng)提示用戶確認素材來源類型并自動注入對應(yīng)的 IPTC 值。另外對 AI 生成的商品標題與描述Google Merchant Center 也要求在 feed 中單獨指定并標注 AI 生成文本——這屬于 feed 層而非頁面層的強制項應(yīng)與seo-ecommerce技能交叉核對。5.5 元數(shù)據(jù)審計# 快速審計 exiftool -IPTC:all -XMP:all -EXIF:ImageDescription image.jpg # 批量審計 - 找出缺少 IPTC Creator 的圖片 exiftool -if not $IPTC:By-line -filename *.jpg *.webp *.png5.6 完整優(yōu)化流水線為達到最佳圖片 SEO 效果對每張圖片按以下流水線執(zhí)行審計現(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驗證元數(shù)據(jù)保留exiftool image.webp生成pictureHTMLAVIF WebP JPEG 回退鏈六、Google Images 排名的影響因素對照表明確區(qū)分對排名真正重要與純展示或無關(guān)的因子避免在無效環(huán)節(jié)浪費精力因素影響設(shè)置位置Alt 文本關(guān)鍵排名HTMLimg alt文件名高排名文件系統(tǒng)描述性、連字符命名頁面上下文高排名周圍 HTML 內(nèi)容文件體積/加載速度中通過 CWV 間接影響壓縮 格式轉(zhuǎn)換IPTC Creator/Copyright低僅展示圖片文件元數(shù)據(jù)EXIF 相機數(shù)據(jù)無對 SEO 無關(guān)IPTC Keywords無Google 忽略該字段七、異常處理矩陣審計與優(yōu)化過程中可能遇到各類環(huán)境問題處理策略如下場景處理動作URL 不可達報告連接錯誤與狀態(tài)碼建議核實 URL 并檢查站點是否需要認證頁面未發(fā)現(xiàn)圖片報告未檢測到img元素建議檢查圖片是否由 JavaScript 加載或使用 CSS background-image圖片位于 CDN 或認證之后說明無法直接訪問圖片文件做體積分析報告可用的標記信息alt、尺寸、格式并標記不可達資源exiftool 未安裝回退到 ImageMagick 處理元數(shù)據(jù)建議sudo apt install libimage-exiftool-perlcwebp 未安裝回退到 ImageMagick 或 FFmpeg 做 WebP 轉(zhuǎn)換建議sudo apt install webpDataForSEO MCP 不可用跳過圖片 SERP 分析章節(jié)注明擴展未安裝八、總結(jié)圖片 SEO 是一個雙層工程頁面層負責(zé) alt 文本、響應(yīng)式、懶加載與 LCP/CLS 優(yōu)化這是 Google Images 排名的主戰(zhàn)場文件層負責(zé)現(xiàn)代格式轉(zhuǎn)換、元數(shù)據(jù)注入與合規(guī)標注這是展示質(zhì)量與政策合規(guī)的保障。claude-seo 的seo-images技能把這兩層打通為一個可執(zhí)行的工作流——從parse_html.py的lazy_method智能懶加載識別到iptc_ai_label.py的 AI 圖片合規(guī)標注配合 DataForSEO 的圖片 SERP 競爭分析形成審計 → 診斷 → 優(yōu)化 → 復(fù)檢的完整閉環(huán)。如需將審計結(jié)果接入更大的審計編排流程可進一步閱讀 skills/seo/ 主技能與 agents/seo-visual.md 視覺分析代理的協(xié)作方式。贊分享【免費下載鏈接】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.項目地址https://gitcode.com/GitHub_Trending/cl/claude-seo點擊查看免費下載相關(guān)推薦claude-seo 的 SEO 圖片分析師 Agent從 OG/Social 圖片審計到生成計劃的完整指南claude seo 的 SEO 圖片分析師 Agent從 OG/Social 圖片審計到生成計劃的完整指南 claude seo 是面向 Claude Coclaude-seo 的 SEO 圖片分析 Agent基于 banana 擴展的 OG 圖審計與生成計劃實戰(zhàn)指南claude seo 的 SEO 圖片分析 Agent基于 banana 擴展的 OG 圖審計與生成計劃實戰(zhàn)指南 本指南以 claude seo 倉庫中 ba從codex-seo到SEO-prochatgpt-seo項目轉(zhuǎn)型與Claude SEO來源的完整回顧從codex seo到SEO prochatgpt seo項目轉(zhuǎn)型與Claude SEO來源的完整回顧 本文回顧 chatgpt seo 項目的完整轉(zhuǎn)型過程上一篇Vista技術(shù)報告精讀理解自動駕駛世界模型的泛化能力與長期預(yù)測機制下一篇SkillSpectorAI代理技能安全掃描器的終極指南創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考