×
¥
查看详情
🔥 会员专享 文生文 SEO

SEO审计全流程

👁️ 446 次查看
📅 Dec 1, 2025
💡 核心价值: 本提示词为SEO专家级指导工具,帮助用户制定完整的SEO审计方案。覆盖核心指标选择、审计工具推荐、执行频率规划及具体行动步骤,确保网站性能和搜索引擎优化效果得到定期监测和优化。适用于企业、网站运营者及数字营销团队,支持可执行、可复现的审计计划制定。

🎯 可自定义参数(3个)

网站地址
用户提供的网站完整URL地址
目标关键词
用户希望优化的关键词列表
所属行业
用户网站所属的行业类别

🎨 效果示例

搜索引擎优化审计方案

需要关注的指标:

  • 自然流量与用户数 [来自搜索的会话/用户,衡量SEO总体贡献]
  • 非品牌点击与展示 [GSC中去除品牌词后的点击/展示与趋势,评估新增覆盖]
  • 关键词排名分布 [目标关键词进入Top3/Top10占比与平均排名]
  • SERP点击率CTR [按查询与页面的CTR,识别标题/摘要优化空间]
  • 自然转化率与收入 [GA4中organic渠道的下单数、转化率、收入]
  • 索引覆盖率 [已索引URL/可索引URL比例与排除原因(重复、软404、抓取异常)]
  • 抓取效率/预算 [GSC抓取统计与日志中Bot命中,低价值URL占比]
  • Core Web Vitals(LCP/INP/CLS)[95分位真实用户体验:LCP<2.5s,INP<200ms,CLS<0.1]
  • 服务器TTFB [首字节时间,目标<800ms,跨地区一致性]
  • 状态码健康度 [4xx/5xx比例、软404、重定向链/环]
  • 结构化数据覆盖率 [Product/Offer/Review/Breadcrumb/FAQ/Shipping/ReturnPolicy有效条目占比与报错数]
  • 内部链接与点击深度 [平均深度≤3,孤立页数,锚文本相关性]
  • 图片SEO与体积 [ALT覆盖率、WebP/AVIF占比、largest image传输体积]
  • 重复内容与规范化 [canonical一致性、参数/筛选页去重策略]
  • 页面内容质量 [字数、主题实体覆盖、搜索意图匹配、重复率]
  • 反向链接质量 [高质量引用域数量、锚文本多样性、毒性链接比]
  • 移动端可用性 [视口、字体/点按目标、触控延迟]
  • 商家与信任信号 [退换货/配送/积分等政策页完备度与可见性]

推荐使用的工具:

  1. Google Search Console(含URL检查)- 查询表现、索引覆盖、抓取统计、站点地图监测
  2. GA4 - 自然流量转化与收入归因、路径与漏斗分析
  3. 百度搜索资源平台 & 必应站长平台 - 国内外收录、抓取、提交与异常诊断
  4. Screaming Frog / Sitebulb - 全站技术爬取、内部链接、状态码/规范化/结构化体检
  5. PageSpeed Insights + Lighthouse - 实验室性能与改进建议、模板级问题定位
  6. WebPageTest - 真实网络瀑布图、TTFB、缓存与CDN命中率分析
  7. CrUX(Looker Studio仪表盘)- 真实用户Core Web Vitals趋势
  8. Ahrefs / Semrush - 关键词研究、竞争对手对标、外链审计
  9. Google Rich Results Test / Schema.org验证器 - JSON-LD结构化数据校验
  10. 日志分析器(Screaming Frog Log File Analyser/ELK)- 抓取预算与异常URL识别
  11. Sitemap/robots校验(XML Sitemaps、Robots.txt Tester)- 站点地图与抓取策略核对
  12. UptimeRobot/Statuscake - 宕机与5xx实时告警

审计执行频率:

  • 每日:宕机/5xx告警、robots.txt与核心模板可用性、站点地图提交状态
  • 每周:GSC性能与覆盖快检、Top查询CTR下降预警、结构化数据报错、断链与重定向新发
  • 每月:全站爬取与对比差异、关键词与竞品对标、CWV趋势复盘、内容缺口与外链报告
  • 每季:信息架构与内链重审、参数/筛选索引策略复核、性能优化冲刺、E-E-A-T与信任页评估
  • 每次上线前/后:关键模板Lighthouse与结构化回归测试、GSC即刻检索与日志抽样验证
  • 大促前(如618/双11):压力与性能专项、库存与富摘要校验、关键落地页SERP优化冲刺

具体执行步骤: • 建立基线与追踪

  • 绑定并校验GSC/百度/必应、提交主站与子域https://shop.example.com/属性;配置GA4电商事件与自然渠道拆分
  • 搭建Looker Studio总览:自然流量/收入、非品牌覆盖、CWV、索引覆盖、错误率 • 全站技术爬取
  • 用Screaming Frog按移动UA全量爬取:状态码、重定向链/环、规范化、noindex、重复标题/H1、分页/面包屑
  • 输出高优先问题清单:5xx/4xx、软404、重复/空薄页、孤立页、meta robots冲突 • 索引与抓取治理
  • GSC覆盖报告逐类处置:修复服务器错误、消除软404、纠正canonical错配
  • robots.txt最小授权,屏蔽站内搜索、无尽参数与会话ID;为关键模板开放抓取
  • 建立参数与筛选页策略:仅对“碎花连衣裙中长款”“大码T恤女纯棉”等高需求组合固化静态URL并可索引;其余参数noindex+canonical到核心分类 • 站点地图体系
  • 按类型拆分XML:/sitemap-index.xml汇总,products.xml、categories.xml、content.xml、images.xml;仅含200可索引URL,含lastmod
  • 每日自动刷新,移除4xx/3xx;提交至GSC/百度 • 性能与Core Web Vitals优化
  • 以模板为单位(首页/分类PLP/商品PDP/内容/政策页)做Lighthouse与WebPageTest
  • 关键举措:关键CSS内联、延迟非关键JS、移除未用JS/CSS、图片WebP/AVIF与尺寸显式声明、字体preload + font-display: swap、预连接CDN、服务端渲染与分页首屏数据裁剪
  • 设阈值门禁:LCP<2.5s、INP<200ms、CLS<0.1;部署后用CrUX监控达标率 • 结构化数据与富结果
  • PDP植入Product+Offer+AggregateRating+Review(含price、priceCurrency、availability、brand、gtin/mpn)
  • 列表页:BreadcrumbList、ItemList;站内搜索:Sitelinks SearchBox
  • 政策与服务页(退换货政策、次日达配送、会员积分规则、新人优惠券)加FAQPage;商家政策使用MerchantReturnPolicy与OfferShippingDetails
  • 内容页与搭配指南:Article/HowTo;全站Organization/Website站点信息
  • 用Rich Results Test批量校验,修复错误与警告 • 关键词与落地页对齐(围绕提供的目标词)
  • 分类/专题页:女装夏季连衣裙、碎花连衣裙中长款、休闲牛仔裤女、女士运动鞋轻便、大码T恤女纯棉;唯一H1、清晰标题(含卖点如“次日达/新人券”)、可抓取文案≥300字
  • 政策/权益页:新人优惠券、会员积分规则、次日达配送、退换货政策(结构化FAQ+可视化摘要)
  • 内容集群:服饰搭配指南(季节/场景/身材类型细分),内链至相关分类与商品
  • 统一URL规范(拼音/英文slug),避免中文编码URL;检查title长≤60字符、meta description含CTA与卖点 • 内部链接与信息架构
  • 面包屑全站一致,分类>子类>商品清晰;建立“搭配指南”到分类页的主题内链
  • PLP前几屏露出热门子类锚文本(与目标词一致/近似),提升可达性与锚文本相关性
  • 修复孤立页,确保关键页点击深度≤3 • 图片与多媒体SEO
  • 商品主图与首屏大图WebP/AVIF,提供fallback;明确width/height避免CLS
  • ALT以“品类+属性+品牌/款式”命名;图片站点地图包含image:title/caption • 重复与规范化控制
  • 统一协议与主机(HTTPS+www/非www一致)、HSTS、去除重复路径/大小写差异
  • 过滤器/排序/分页:非核心参数noindex,核心集合页静态化并加说明文案避免薄弱页 • 移动端与UX可用性
  • 移动端点击目标、字重与对比度检查;避免侵入式弹窗影响抓取与体验
  • 无限滚动实现SSR分页或加“加载更多”并可抓取 • 反向链接与品牌声量
  • Ahrefs审计:清理垃圾链接、识别内容外链机会(搭配指南/选购指南)
  • 建立商家资料与受信页面(关于我们、售后、联系方式、门店/客服渠道) • 日志与抓取预算优化
  • 每月抽样日志:识别高频但低价值参数页、404集中来源;做重写或拦截 • 监控与告警
  • 配置GSC/站长平台邮件;5xx/4xx突增、索引骤降、CWV不达标、结构化错误新增即刻通知 • 上线与回归
  • 关键模板设自动化检查(Lighthouse CI、结构化、sitemap校验);上线后用URL检查工具强制抓取关键页 • 报告与复盘
  • 周报:非品牌点击/CTR、错误清单、修复进度
  • 月报:收入与排名分布、内容与外链成效、技术债清单与下月优先级 • 大促专项(618/双11前4-6周)
  • 预热内容与专题页上线、缓存与回源策略优化、PDP库存/价格富摘要校验、结账路径性能压测

备注:如主要面向国内搜索,优先完成百度资源提交(自动推送+站点地图)、MIP已非必需;持续监控百度收录与结构化展现。同时保持Google/Bing合规以利跨境流量。

搜索引擎优化审计方案

需要关注的指标:

  • 关键词可见性与覆盖率 [目标关键词排名分布、Top3/Top10数量、目标关键词页面匹配度]
  • 自然流量与质量 [自然会话、品牌/非品牌流量占比、登陆页参与度(参与率/跳出率/平均参与时间)]
  • 转化与线索 [预约提交率、电话点击率、在线咨询开启率、表单完成率;按“口腔检查预约/种植牙咨询”等事件追踪]
  • 索引与抓取 [可抓取URL数、收录率(已索引/可抓取)、抓取异常(4xx/5xx)、重要模板抓取频次]
  • 技术健康度 [重定向链/环、规范化正确率(canonical)、重复内容、移动友好/响应式]
  • Core Web Vitals [LCP、INP、CLS、TTFB;按模板与设备拆分]
  • 结构化数据覆盖 [Dentist/LocalBusiness、Organization、FAQPage、Article、Breadcrumb、Review/Rating 的有效标注率与错误数]
  • 本地SEO与口碑 [百度地图/高德地图可见性、NAP一致性、门店页可视化、评价数量/评分与回复率]
  • 反向链接与权威性 [引用域数量、行业相关性、锚文本自然度、可疑/垃圾链接占比]
  • E-E-A-T(医疗YMYL) [医生/作者资质可见性、内容审校与来源引用、更新日期、隐私/免责声明与合规信息]
  • 日志级爬虫行为 [200/304占比、爬虫命中分布、深度>3页面抓取占比、静态资源阻塞情况]

推荐使用的工具:

  1. 百度站长平台(资源平台) - 提交/收录/抓取诊断、索引量与关键词数据、死链/封禁检测
  2. 360/必应站长平台 - 兼容流量渠道的抓取与索引监控
  3. Google Search Console - 结构化数据/页面体验/国际化调试与趋势对照(如可用)
  4. 百度统计或GA4 - 自然流量质量、转化与多触点归因;事件/电话点击/预约表单追踪
  5. Screaming Frog SEO Spider 或 Sitebulb - 全站抓取、链接/规范化/重复内容与结构化数据批量审计
  6. Log File Analyser(Screaming Frog) - 服务器日志分析爬虫行为与抓取预算
  7. PageSpeed Insights/Lighthouse + WebPageTest - Core Web Vitals 分析与网络瀑布优化
  8. Ahrefs/Semrush - 关键词/反链/内容差距与锚文本分析
  9. Dragon Metrics - 百度/360 关键词排名跟踪与竞争对比(适合中文市场)
  10. Schema Markup Validator + Google Rich Results Test - 结构化数据验证(同时关注百度结构化收录反馈)
  11. ContentKing 或 Little Warden - 元数据/链接/robots/站点变更实时监控与告警
  12. UptimeRobot/StatusCake - 站点可用性与响应时间监测
  13. Looker Studio - 多数据源(站长平台+分析+第三方)整合看板与KPI跟踪

审计执行频率:

  • 每日:可用性/TTFB监控、关键模板(预约/服务页)状态与重大抓取错误告警
  • 每周:关键词排名与点击率波动、收录/抓取异常、Core Web Vitals 报警、重要页面改动回归检查
  • 每月(标准审计):全站抓取与健康检查、索引覆盖核对、内容更新与E-E-A-T抽检、结构化数据与本地列表审查、反链新增与风险识别、转化漏斗复盘
  • 每季度(深度审计):服务器日志分析、信息架构与内链重构评估、性能优化专项、竞争对手与内容/链接差距分析、合规与政策页复核、实验(标题/摘要/版面)复盘
  • 重要节点:重大改版/部署前后与搜索引擎核心算法更新后一周内进行专项核查

具体执行步骤: • 定义目标与基线:对齐业务目标(预约量/咨询量),为每个目标关键词设定目标排名与流量/转化KPI,导出当前基线数据(流量/排名/CWV/索引) • 接入与校验数据:完成站长平台(百度/360/必应)验证、GA4/百度统计事件与转化设置(预约、电话点击、在线咨询)、建立Looker Studio看板 • 全站抓取健康检查:用Screaming Frog抓取,修复4xx/5xx、孤立页、重定向链、重复/近似重复内容、缺失或冲突的canonical/robots/noindex • 索引与抓取控制:提交/校验XML站点地图(含图片),优化robots.txt(避免屏蔽必要资源),降低页面深度(≤3层),为分页/筛选/会话参数页添加noindex或参数处理 • 核心模板自查(医疗):服务页/疾病科普/医生介绍/预约页,确保移动优先渲染、清晰CTA、地址与营业时间可见、电话可点击、隐私与免责声明完整 • Core Web Vitals 专项:压缩与延迟加载图片(WebP/AVIF)、关键CSS内联、JS分块与defer、减少长任务(INP<200ms)、使用CDN与预连接、优化TTFB(缓存/HTTP/2/3/服务器) • 结构化数据部署:站点级Organization/LocalBusiness(Dentist)含NAP与地图;服务页使用Service/MedicalEntity;科普用Article+Author(医生资质);常见问答用FAQPage;启用Breadcrumb/Review(符合平台政策) • E-E-A-T与合规:为每篇医疗内容展示作者(职称/执业编号)、医学审校与更新时间;为“价格/费用/医保”类页面标注来源与可变性说明;完善隐私政策与Cookie提示;展示营业执照/资质与ICP备案(如适用) • 关键词与内容映射:为每个目标关键词建立/匹配唯一着陆页,示例—“北京牙齿美白”(城市服务页+案例+FAQ)、“朝阳种植牙价格”(区域+价格影响因素+费用区间说明+预约评估)、“隐形矫正费用”(方案对比+分期/医保可用性说明) • URL与元信息规范:短URL使用拼音(/beijing/ya-chi-mei-bai/),标题:{服务/症状}+{地区}|{品牌},描述含USP与预约CTA;H1唯一、H2模块化(症状/流程/费用/常见问题) • 内链与信息架构:为每个主题集群(美白/种植/矫正/洗牙/儿童/牙周/牙冠/医保/资质)建设中心页与支持文,使用语义锚文本内链;全站启用面包屑;从高权重页指向优先落地页 • 本地SEO与口碑:统一NAP(名称/地址/电话),完善百度地图/高德地图门店信息与类目、上传环境与医生照片、收集并回复评价;在大众点评/美团等合规目录建立一致引用 • 转化路径优化:预约页减少表单字段,提供电话/在线咨询备选;页面首屏放置明显CTA与信任元素(资质/真实案例);A/B测试标题与CTA文案;埋点转化漏斗 • 安全与隐私:全站HTTPS与HSTS、修复混合内容;敏感参数不被索引;禁爬后台/隐私页;开启WAF与速率限制;备份与应急预案 • 反链与数字公关:获取行业相关高质量引用(医学协会/学术会议/媒体专栏/本地门户),专家访谈与案例研究;定期清理可疑链接(必要时拒绝) • 日志分析与抓取预算:识别重要页面的抓取频率不足与静态资源阻塞,减少低价值页抓取(参数/重复),提升关键模板抓取命中 • 竞争与差距分析:用Ahrefs/Dragon Metrics对标前3名,输出内容差距(主题/问答/多媒体)、链接差距(来源/锚文本),制定季度攻坚计划 • SERP占位优化:为FAQ/视频/图片/本地包等富结果配置内容形态与标注;在“价格/流程/症状”类页加入结构化FAQ提升CTR • 变更管理与监控:通过ContentKing监控标题/robots/规范化变更,设置异常阈值报警(索引骤降、CWV异常、4xx飙升、排名异常) • 复盘与迭代:每月对照KPI出具报告与优先级Roadmap(高影响/低成本优先),记录实验结果并固化到模板与开发规范中

备注(贴合本项目的落地优先级建议,首月关注):

  • 第1周:工具接入与基线、全站抓取修复、站点地图/robots、核心模板CWV优化
  • 第2周:关键词-页面映射与元信息整改、结构化数据部署、预约转化埋点
  • 第3周:本地列表与NAP一致性、E-E-A-T完善(医生页/资质/审校)、内容差距选题
  • 第4周:日志分析与抓取优化、A/B测试上线、反链外联启动与首月复盘

搜索引擎优化审计方案

需要关注的指标:

  • 自然可见性与流量 [GSC 展示/点击/CTR/平均排名;GA4 自然会话/用户,新老访客占比]
  • 关键词覆盖与排名分布 [目标关键词按意图集群Top3/Top10/Top20占比]
  • 收录与抓取健康度 [已收录URL数、抓取状态码分布、重复/规范化冲突、robots/sitemap有效性]
  • Core Web Vitals [LCP、INP、CLS 分移动/桌面,按模板与关键URL聚合]
  • 性能与可渲染性 [TTFB、TBT/Main-thread time、JS/CSS体积与未使用率、图片优化、HTTP/2/3]
  • JS 渲染可索引性 [首屏关键内容是否直出,渲染后HTML差异,重要链接与meta在未渲染HTML中可见]
  • 结构化数据覆盖率 [Product/SoftwareApplication、FAQ、Article、Breadcrumb、HowTo 验证通过率]
  • 内部链接与信息架构 [孤立页、点击深度≤3的关键页比例、锚文本相关性、面包屑完备度]
  • 外链与品牌权威 [引用域数、DR/Authority、锚文本分布、有害链接比例、品牌名搜索量趋势]
  • 内容质量与新鲜度 [重要页面字数/原创度/更新时间,E‑E‑A‑T 信号(作者、资质、案例、评测)]
  • SERP 功能占位 [特色摘要/FAQ/视频/站点链接的占有率与点击贡献]
  • 转化与行为 [“免费试用注册”转化率、漏斗各步放弃率、CTA 点击率、定价页→注册转化]
  • 文档与搜索体验 [开发者文档搜索零结果率、跳出率、停留时长、下载/复制代码事件]
  • 合规与可用性 [HTTPS/HSTS/安全头部、a11y评分、语言标签/hreflang准确性]

推荐使用的工具:

  1. Google Search Console - 索引覆盖、查询表现、链接、抓取统计与URL检查
  2. GA4 + BigQuery - 自然流量/转化归因、事件漏斗、长周期与用户级分析
  3. PageSpeed Insights + Lighthouse CI - CWV 与性能瓶颈检测,设定性能阈值并持续集成
  4. WebPageTest - 真实网络条件下渲染瀑布、主线程阻塞与CDN/缓存诊断
  5. Screaming Frog/ Sitebulb - 全站技术抓取(JS渲染)、内链、规范化/重复内容、架构问题
  6. Screaming Frog Log File Analyser - 服务器日志级抓取预算分析(Bot命中、响应码、深度)
  7. Ahrefs/Semrush - 关键词追踪、竞争对手分析、反向链接审计与拓展
  8. Rich Results Test/Schema.org Validator - 结构化数据验证与调试
  9. Chrome DevTools Coverage - 未使用JS/CSS与代码分割机会识别
  10. ContentKing/Lumar/Hexomatic(任选其一) - 持续监控与变更告警(收录、标签、状态码)
  11. Looker Studio - 指标汇总仪表盘(GSC/GA4/工具数据整合)
  12. Hotjar/Clarity(可选) - 行为录屏与热力图,用于转化与文档可用性洞察
  13. URL Inspection API - 规模化检查收录/规范化状态与索引问题
  14. Algolia/DocSearch(若使用) - 文档站内搜索数据(零结果词、点击后满意度)

审计执行频率:

  • 每周:GSC/GA4 核心KPI巡检、关键关键词排名波动、Top页CWV异常告警、5xx/404/收录异常告警
  • 每月:全站技术抓取与修复清单、内容与关键词缺口评估、反链与有害链接审计、转化漏斗优化
  • 每季度:深度性能审计(模板级/组件级)、信息架构与内链重构、结构化数据覆盖扩展、竞争格局复盘与策略更新
  • 重大发布前后(按需):预发布SEO检查清单与回归审计(抓取、索引、性能、跟踪代码与结构化数据)

具体执行步骤: • 设定KPI与基线:为每个意图集群建立目标(可见性/流量/转化/CWV阈值),记录当前基线
• 关键词意图分组与映射:将目标关键词分为集群并映射到URL类型

  • 产品/转化:日志分析SaaS、免费试用注册、用户行为分析
  • 功能/场景:云原生日志采集、数据可视化仪表盘、API性能监控、埋点数据治理
  • 对比/评测:开源日志方案对比(ELK、Loki、ClickHouse等)
  • 内容/影响力:SEO技术博客
  • 文档/自助:开发者文档搜索 • 配置数据收集:校准GA4自然流量渠道、设置“免费试用注册”等关键事件;在GSC提交sitemap并验证域属性;开启Looker Studio仪表盘 • 全站技术抓取(JS渲染开启):输出索引与可访问性问题清单(状态码、重定向链、规范化冲突、重复/薄内容、孤立页、点击深度) • 索引控制与信息架构:修正robots/sitemap;为参数页设规则;确保关键页面≤3次点击可达;建设面包屑与站点层级导航 • JS/SPA 可索引性验证:用URL检查与无头浏览比对首屏HTML与渲染HTML,必要时启用SSR/预渲染,确保/<meta>/<links>服务端输出 • 性能与CWV优化:为关键模板设性能预算;压缩与分割JS(移除未使用代码)、延迟非关键脚本;启用HTTP/3、CDN、图片次世代格式与自适应尺寸;关键路径CSS内联 • 结构化数据落地:为产品/功能页添加SoftwareApplication/Product与FAQ;博客用Article;文档用Breadcrumb/FAQ/HowTo(如适用);批量验证修复 • 内容差距与页面策略:</li> <li>为每个关键词集群建立核心页(pillar)与专题集群,补齐对比/替代方案页与落地页</li> <li>优化标题/H1/内链锚文本/FAQ,匹配SERP意图与特色摘要机会</li> <li>强化E‑E‑A‑T:署名、作者页、案例与数据出处、评测透明度 • 内链与锚文本优化:从高权重页指向转化页与对比页;消除重复锚文本堆叠;在博客与文档中布设策略性CTA与相关链接 • 外链与数字PR:基于“开源日志方案对比/最佳实践”产出可引用内容;外联开发者社区/云原生媒体;监控有害链接并拒绝 • 文档与站内搜索优化:跟踪零结果词并产出/补全相关文档;在文档页加入FAQ/代码片段结构化数据与可复制按钮事件追踪 • 转化漏斗与CRO:审查注册表单摩擦点(字段/验证/加载);A/B 测试CTA文案与布局;在定价/功能页添加社会证明与对比表 • 国际化与多语言(如适用):规划hreflang/区域化策略,避免重复收录;货币/日期/度量单位本地化 • 安全与可用性:启用HSTS/安全头部;修复混合内容;无障碍修复(对比度/语义结构/键盘可达) • 报告与告警:在Looker Studio合并GSC/GA4/性能与反链;设置Slack/Email 告警(CWV下降、5xx激增、收录异常、核心关键词跌出Top10) • 回归与版本管控:新版本先在预发环境跑爬虫与Lighthouse CI,通过阈值后上线;上线后48小时复检收录/性能与事件数据 • 持续迭代:每月复盘KPI差距与ROI,更新关键词地图与内容路线图,进入下轮执行</li> </ul> <p>备注:将以下页面类型优先纳入“关键URL清单”并设更严的性能与索引阈值:主页、免费试用注册、各功能落地页(云原生日志采集/数据可视化仪表盘/API性能监控/用户行为分析/埋点数据治理)、对比页(开源日志方案对比/竞品替代)、博客Top流量文章、开发者文档入口与搜索页。</p> </div> </div> </div> </div> </div> </section> <div id="examplePopupModal" class="prompt-examples-v4-modal"> <div class="prompt-examples-v4-modal-content"> <div class="prompt-examples-v4-modal-header"> <h3 id="popupTitle">示例详情</h3> <button class="prompt-examples-v4-modal-close" onclick="closeExamplePopup()"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <line x1="18" y1="6" x2="6" y2="18"></line> <line x1="6" y1="6" x2="18" y2="18"></line> </svg> </button> </div> <div class="prompt-examples-v4-modal-body"> <div id="popupContent" class="prompt-examples-v4-popup-content"></div> </div> </div> </div> <script> // 弹窗功能JavaScript function showExamplePopup(exampleIndex, title, buttonElement) { const modal = document.getElementById('examplePopupModal'); const popupTitle = document.getElementById('popupTitle'); const popupContent = document.getElementById('popupContent'); // 设置弹窗标题 popupTitle.textContent = title; // 获取对应示例的内容 const tabContent = document.getElementById('example-' + exampleIndex); const outputText = tabContent.querySelector('.prompt-examples-v4-output-text'); if (outputText) { // 克隆内容到弹窗中 popupContent.innerHTML = outputText.innerHTML; } else { popupContent.innerHTML = '<p>暂无内容</p>'; } // 显示弹窗 modal.classList.add('show'); document.body.style.overflow = 'hidden'; // 防止背景滚动 } function closeExamplePopup() { const modal = document.getElementById('examplePopupModal'); modal.classList.remove('show'); document.body.style.overflow = ''; // 恢复背景滚动 } // 点击背景关闭弹窗 document.addEventListener('DOMContentLoaded', function() { const modal = document.getElementById('examplePopupModal'); if (modal) { modal.addEventListener('click', function(e) { if (e.target === modal) { closeExamplePopup(); } }); } // ESC键关闭弹窗 document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { closeExamplePopup(); } }); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { // Tab切换功能 const tabs = document.querySelectorAll('.prompt-examples-v4-tab'); const contents = document.querySelectorAll('.prompt-examples-v4-tab-content'); tabs.forEach(tab => { tab.addEventListener('click', function() { const targetId = this.getAttribute('data-tab'); // 移除所有active状态 tabs.forEach(t => t.classList.remove('active')); contents.forEach(c => c.classList.remove('active')); // 添加当前active状态 this.classList.add('active'); const targetContent = document.getElementById(targetId); if (targetContent) { targetContent.classList.add('active'); } }); }); }); </script> </div> <div class="included-collection-container"> <div id="collectionList" class="collection-list"> <div class="included-collection-card"> <div class="included-collection-content"> <div class="included-collection-label">该提示词已被收录:</div> <div class="included-collection-title">“电商运营者必备:全链路增长提示词合集”</div> <div class="included-collection-desc">覆盖上架到转化关键流程,助你高效提升销量与曝光</div> <div class="included-collection-tags"> <div class="included-collection-tag">√ 立即可用 · 零学习成本</div> <div class="included-collection-tag">√ 参数化批量生成</div> <div class="included-collection-tag">√ 专业提示词工程师打磨</div> </div> </div> <div class="included-collection-action"> <a href="/collections/batpack_e-commerce_operations_personnel" class="included-collection-btn" target="_blank">查看合集</a> </div> </div> </div> </div> <section class="usage-section"> <h2 class="section-title">📖 如何使用</h2> <div class="usage-tabs"> <button class="usage-tab active" onclick="switchUsageTab('chat')">Chat 用户</button> <button class="usage-tab" onclick="switchUsageTab('developer')">开发者</button> </div> <div class="usage-content active" id="chat-content"> <div class="usage-card"> <div class="usage-card-title"> <span>⚡</span> 30秒出活:复制 → 粘贴 → 搞定 </div> <div class="usage-card-desc"> 与其花几十分钟和AI聊天、试错,不如直接复制这些经过千人验证的模板,修改几个 {{变量}} 就能立刻获得专业级输出。省下来的时间,足够你轻松享受两杯咖啡! </div> <a href="javascript:void(0)" class="usage-card-action disabled" id="usageCopyBtn"> <span>加载中...</span> <span></span> </a> </div> <div class="usage-card"> <div class="usage-card-title"> <span>💬</span> 不会填参数?让 AI 反过来问你 </div> <div class="usage-card-desc"> 不确定变量该填什么?一键转为对话模式,AI 会像资深顾问一样逐步引导你,问几个问题就能自动生成完美匹配你需求的定制结果。零门槛,开口就行。 </div> <a href="https://tools.explinks.com/prompt-interactive?slug=seo_audit_strategy" class="usage-card-action"> <span>转为对话模式</span> <span>→</span> </a> </div> <div class="usage-card"> <div class="usage-card-title"> <span>🚀</span> 告别复制粘贴,Chat 里直接调用 </div> <div class="usage-card-desc"> 无需切换,输入 / 唤醒 8000+ 专家级提示词。 插件将全站提示词库深度集成于 Chat 输入框。基于当前对话语境,系统智能推荐最契合的 Prompt 并自动完成参数化,让海量资源触手可及,从此彻底告别"手动搬运"。 </div> <span class="usage-card-action" style="background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 4px 12px rgba(100,116,139,0.3);cursor:default;pointer-events:none;"> <span>即将推出</span> </span> </div> </div> <div class="usage-content" id="developer-content"> <div class="usage-card"> <div class="usage-card-title"> <span>🔌</span> 接口一调,提示词自己会进化 </div> <div class="usage-card-desc"> 手动跑一次还行,跑一百次呢?通过 API 接口动态注入变量,接入批量评价引擎,让程序自动迭代出更高质量的提示词方案。Prompt 会自己进化,你只管收结果。 </div> <a href="https://tools.explinks.com/prompt-api?slug=seo_audit_strategy" class="usage-card-action"> <span>发布 API</span> <span>→</span> </a> </div> <div class="usage-card"> <div class="usage-card-title"> <span>🤖</span> 一键变成你的专属 Agent 应用 </div> <div class="usage-card-desc"> 不想每次都配参数?把这条提示词直接发布成独立 Agent,内嵌图片生成、参数优化等工具,分享链接就能用。给团队或客户一个"开箱即用"的完整方案。 </div> <a href="javascript:void(0)" class="usage-card-action disabled"> <span>创建 Agent</span> <span>→</span> </a> </div> </div> </section> <script> // 切换使用指南标签页 function switchUsageTab(tab) { document.querySelectorAll('.usage-tab').forEach(t => t.classList.remove('active')); document.querySelectorAll('.usage-content').forEach(c => c.classList.remove('active')); if (event) { event.target.classList.add('active'); } else { // 提供一个备用方式找到对应的tab let tabs = document.querySelectorAll('.usage-tab'); for(let i = 0; i < tabs.length; i++) { if(tabs[i].getAttribute('onclick').includes(tab)) { tabs[i].classList.add('active'); break; } } } const contentArea = document.getElementById(tab + '-content'); if (contentArea) { contentArea.classList.add('active'); } } // 优雅的 Toast 提示组件 function customToast(message, isError = false) { // 如果页面已经有相同提示,先移除 const existingToast = document.getElementById('custom-toast-message'); if (existingToast) { existingToast.remove(); } const toast = document.createElement('div'); toast.id = 'custom-toast-message'; toast.textContent = message; // 极简拟物化样式 Object.assign(toast.style, { position: 'fixed', top: '40px', left: '50%', transform: 'translateX(-50%) translateY(-20px)', background: isError ? '#fee2e2' : '#ffffff', color: isError ? '#ef4444' : '#10b981', padding: '12px 24px', borderRadius: '12px', boxShadow: '0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)', border: isError ? '1px solid #fecaca' : '1px solid #d1fae5', fontSize: '14px', fontWeight: '600', zIndex: '9999', opacity: '0', transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)', display: 'flex', alignItems: 'center', gap: '8px' }); // 成功状态添加一个小勾,失败添加一个叉 const icon = document.createElement('span'); icon.textContent = isError ? '❌' : '✓'; toast.prepend(icon); document.body.appendChild(toast); // 触发动画 requestAnimationFrame(() => { toast.style.opacity = '1'; toast.style.transform = 'translateX(-50%) translateY(0)'; }); // 3秒后自动消失然后解除 DOM setTimeout(() => { toast.style.opacity = '0'; toast.style.transform = 'translateX(-50%) translateY(-20px)'; setTimeout(() => toast.remove(), 300); }, 3000); } // 复制提示词功能(调用已经有的方法) function copyPromptContent() { const contentArea = document.getElementById('leftPromptContentArea'); if (contentArea && contentArea.textContent) { const textToCopy = contentArea.textContent; if (typeof copyTextToClipboard === 'function') { copyTextToClipboard(textToCopy, () => { if (typeof showToast === 'function') showToast('复制成功'); else customToast('提示词已复制到剪贴板'); }); } else if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(textToCopy).then(() => { customToast('提示词已复制到剪贴板'); }).catch(() => { fallbackCopyTextToClipboard(textToCopy); }); } else { fallbackCopyTextToClipboard(textToCopy); } } else { customToast('获取提示词内容失败,请先获取内容或联系管理员!', true); } } // 针对非安全环境(http)的旧版浏览器复制降级方案 function fallbackCopyTextToClipboard(text) { var textArea = document.createElement("textarea"); textArea.value = text; // 防止页面滚动和闪烁 textArea.style.top = "0"; textArea.style.left = "0"; textArea.style.position = "fixed"; textArea.style.opacity = "0"; document.body.appendChild(textArea); textArea.focus(); textArea.select(); try { var successful = document.execCommand('copy'); if (successful) { if (typeof showToast === 'function') showToast('复制成功'); else customToast('提示词已复制到剪贴板'); } else { customToast('复制失败,请手动选中并复制', true); } } catch (err) { customToast('复制失败,浏览器不支持', true); } document.body.removeChild(textArea); } // 动态更新"复制提示词"按钮状态 function updateUsageCopyBtnState() { const btn = document.getElementById('usageCopyBtn'); if (!btn) return; // 检查是否登录 var token = (function() { var m = document.cookie.match(/(?:^|; )Admin-Token=([^;]+)/); return m ? decodeURIComponent(m[1]) : null; })(); if (!token) { // 未登录 btn.classList.remove('disabled'); btn.innerHTML = '<span>会员登录后可复制</span><span>→</span>'; btn.onclick = function(e) { e.preventDefault(); if (typeof openLoginDialog === 'function') { openLoginDialog(); } else { window.location.href = '/login'; } }; return; } // 已登录,检查是否为会员 if (typeof window.fetchVipStatus === 'function') { window.fetchVipStatus().then(function(result) { btn.classList.remove('disabled'); if (result && result.isVip) { // VIP 会员 btn.innerHTML = '<span>复制提示词</span><span>→</span>'; btn.onclick = function(e) { e.preventDefault(); copyPromptContent(); }; } else { // 非终身会员 btn.innerHTML = '<span>终身会员免费复制</span><span>→</span>'; btn.onclick = function(e) { e.preventDefault(); window.open('/user/vip', '_blank'); }; } }).catch(function() { btn.innerHTML = '<span>状态异常,请刷新</span><span></span>'; }); } else { // 兜底:获取不到方法时,默认要求开通会员 btn.classList.remove('disabled'); btn.innerHTML = '<span>终身会员免费复制</span><span>→</span>'; btn.onclick = function(e) { e.preventDefault(); window.open('/user/vip', '_blank'); }; } } document.addEventListener('DOMContentLoaded', updateUsageCopyBtnState); // 监听登录成功消息重新渲染 window.addEventListener('message', function(event) { if (event.data === 'loginSuccess') { setTimeout(updateUsageCopyBtnState, 300); } }); </script> <div class="features-summary-section"> <h2 class="section-title">✅ 特性总结</h2> <div class="features-summary-list"> <div class="feature-summary-item"> <span class="feature-summary-bullet"></span> <span class="feature-summary-text">快速生成完整的SEO审计方案,涵盖关键指标、工具推荐和具体执行步骤,帮助用户轻松上手。</span> </div> <div class="feature-summary-item"> <span class="feature-summary-bullet"></span> <span class="feature-summary-text">自动推荐核心SEO指标,如流量、关键词排名等,确保用户聚焦于最重要的优化方向。</span> </div> <div class="feature-summary-item"> <span class="feature-summary-bullet"></span> <span class="feature-summary-text">结合行业特性智能匹配合适的SEO工具,有效提升审计效率,避免工具选择困扰。</span> </div> <div class="feature-summary-item"> <span class="feature-summary-bullet"></span> <span class="feature-summary-text">自动提供清晰的审计时间表,帮助用户合理安排优化节奏,实现持续优化。</span> </div> <div class="feature-summary-item"> <span class="feature-summary-bullet"></span> <span class="feature-summary-text">专业化分解SEO审计步骤,以明确的操作指导帮助用户一步步执行,无需经验也能完成。</span> </div> <div class="feature-summary-item"> <span class="feature-summary-bullet"></span> <span class="feature-summary-text">支持行业定制,针对用户输入的网站行业和目标关键词量身定制优化策略。</span> </div> <div class="feature-summary-item"> <span class="feature-summary-bullet"></span> <span class="feature-summary-text">清晰直观的内容输出,采用易于理解的项目列表形式,适配多种用户阅读习惯。</span> </div> <div class="feature-summary-item"> <span class="feature-summary-bullet"></span> <span class="feature-summary-text">帮助发现网站优化盲点,实现从基础改进到高阶优化的全覆盖建议。</span> </div> </div> </div> <div class="problem-section"> <h2 class="section-title">🎯 解决的问题</h2> <div class="scenario-card"> <div class="scenario-text"> <div class="html-content-display solved-problems-text"> <p>帮助用户快速制定一份专业的SEO审计策略优化方案,明确SEO改进的核心指标、推荐工具及其用途、合理的审计频率以及可操作的实施步骤,从而提升网站搜索引擎排名和整体性能表现。</p> </div> </div> </div> </div> <style> .problem-section { margin-bottom: 32px; } .problem-section .scenario-card { background-color: #f8f9fa; border-radius: 12px; padding: 24px; } .problem-section .scenario-text { color: #333; line-height: 1.6; } .problem-section .scenario-text .solved-problems-text { background-color: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; font-size: 15px; } </style> <div class="version-history-section"> <h2 class="section-title">🕒 版本历史</h2> <div class="coming-soon-wrapper"> <div class="coming-soon-content"> <div class="version-timeline"> <div class="version-item current"> <div class="version-badge">当前版本</div> <div class="version-header"> <span class="version-number">v2.1</span> <span class="version-date">2024-01-15</span> </div> <div class="version-title">优化输出结构,增强情节连贯性</div> <ul class="version-changes"> <li>✨ 新增章节节奏控制参数</li> <li>🔧 优化人物关系描述逻辑</li> <li>📝 改进主题深化引导语</li> <li>🎯 增强情节转折点设计</li> </ul> </div> <div class="version-item "> <div class="version-header"> <span class="version-number">v2.0</span> <span class="version-date">2023-12-20</span> </div> <div class="version-title">重构提示词架构,提升生成质量</div> <ul class="version-changes"> <li>🚀 全新的提示词结构设计</li> <li>📊 增加输出格式化选项</li> <li>💡 优化角色塑造引导</li> </ul> </div> <div class="version-item "> <div class="version-header"> <span class="version-number">v1.5</span> <span class="version-date">2023-11-10</span> </div> <div class="version-title">修复已知问题,提升稳定性</div> <ul class="version-changes"> <li>🐛 修复长文本处理bug</li> <li>⚡ 提升响应速度</li> </ul> </div> <div class="version-item "> <div class="version-header"> <span class="version-number">v1.0</span> <span class="version-date">2023-10-01</span> </div> <div class="version-title">首次发布</div> <ul class="version-changes"> <li>🎉 初始版本上线</li> </ul> </div> </div> </div> <div class="coming-soon-overlay"> <div class="coming-soon-badge">COMING SOON</div> <div class="coming-soon-text">版本历史追踪,即将启航</div> <div class="coming-soon-subtext">记录每一次提示词的进化与升级,敬请期待。</div> </div> </div> </div> <div class="reviews-section"> <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px;"> <h2 class="section-title" style="margin-bottom: 0;">💬 用户评价</h2> </div> <div class="coming-soon-wrapper"> <div class="coming-soon-content"> <div class="reviews-stats"> <div class="rating-summary"> <div class="rating-score">4.8</div> <div class="rating-stars">⭐⭐⭐⭐⭐</div> <div class="rating-count">基于 28 条评价</div> </div> <div class="rating-bars"> <div class="rating-bar-item"> <span class="rating-label">5星</span> <div class="rating-bar"> <div class="rating-bar-fill" style="width: 85%"></div> </div> <span class="rating-percent">85%</span> </div> <div class="rating-bar-item"> <span class="rating-label">4星</span> <div class="rating-bar"> <div class="rating-bar-fill" style="width: 12%"></div> </div> <span class="rating-percent">12%</span> </div> <div class="rating-bar-item"> <span class="rating-label">3星</span> <div class="rating-bar"> <div class="rating-bar-fill" style="width: 3%"></div> </div> <span class="rating-percent">3%</span> </div> </div> </div> <div class="reviews-list"> <div class="review-item"> <div class="review-header"> <div class="review-avatar">👤</div> <div class="review-info"> <div class="review-author">电商运营 - 张先生</div> <div class="review-meta"> <span class="review-stars">⭐⭐⭐⭐⭐</span> <span class="review-date">2025-01-15</span> </div> </div> </div> <div class="review-content"> 双十一用这个提示词生成了20多张海报,效果非常好!点击率提升了35%,节省了大量设计时间。参数调整很灵活,能快速适配不同节日。 </div> <div class="review-tags"> <span class="review-tag">效果好</span> <span class="review-tag">节省时间</span> </div> </div> <div class="review-item"> <div class="review-header"> <div class="review-avatar">👤</div> <div class="review-info"> <div class="review-author">品牌设计师 - 李女士</div> <div class="review-meta"> <span class="review-stars">⭐⭐⭐⭐⭐</span> <span class="review-date">2025-01-10</span> </div> </div> </div> <div class="review-content"> 作为设计师,这个提示词帮我快速生成创意方向,大大提升了工作效率。生成的海报氛围感很强,稍作调整就能直接使用。 </div> <div class="review-tags"> <span class="review-tag">创意好</span> <span class="review-tag">专业</span> </div> </div> </div> <div class="reviews-footer"> <button class="load-more-reviews" onclick="alert('加载更多评论功能开发中...')"> 查看更多评价 </button> </div> </div> <div class="coming-soon-overlay"> <div class="coming-soon-badge">COMING SOON</div> <div class="coming-soon-text">用户评价与反馈系统,即将上线</div> <div class="coming-soon-subtext">倾听真实反馈,在这里留下您的使用心得,敬请期待。</div> </div> </div> </div> <div class="feedback-modal" id="feedbackModal" onclick="closeFeedbackModal(event)"> <div class="feedback-modal-content" onclick="event.stopPropagation()"> <button class="feedback-close" onclick="closeFeedbackModal()">×</button> <div class="feedback-header"> <div class="feedback-icon">💬</div> <h2 class="feedback-title">提交反馈</h2> <p class="feedback-subtitle">您的反馈对我们非常重要</p> <div class="feedback-tip"> <span class="feedback-tip-icon">💡</span> <span class="feedback-tip-text">您的真实感受,是提示词通往完美的最后一块拼图。</span> </div> </div> <form class="feedback-form" onsubmit="handleFeedbackSubmit(event)"> <div class="feedback-rating-group"> <label class="feedback-label">整体评价 <span style="color: #ef4444;">*</span></label> <div class="feedback-rating-stars" id="ratingStars"> <span class="rating-star active" data-rating="1" onclick="setRating(1)">★</span> <span class="rating-star active" data-rating="2" onclick="setRating(2)">★</span> <span class="rating-star active" data-rating="3" onclick="setRating(3)">★</span> <span class="rating-star active" data-rating="4" onclick="setRating(4)">★</span> <span class="rating-star active" data-rating="5" onclick="setRating(5)">★</span> </div> <input type="hidden" name="rating" id="ratingValue" value="5" required> <div class="rating-text" id="ratingText">非常满意</div> </div> <div class="feedback-type-group"> <label class="feedback-label">反馈类型</label> <div class="feedback-type-options"> <label class="feedback-type-option"> <input type="radio" name="feedbackType" value="bug"> <span class="feedback-type-label">🪲 Bug反馈</span> </label> <label class="feedback-type-option"> <input type="radio" name="feedbackType" value="feature"> <span class="feedback-type-label">💡 功能建议</span> </label> <label class="feedback-type-option"> <input type="radio" name="feedbackType" value="content"> <span class="feedback-type-label">📝 内容问题</span> </label> <label class="feedback-type-option"> <input type="radio" name="feedbackType" value="review" checked> <span class="feedback-type-label">⭐ 使用评价</span> </label> </div> </div> <div class="feedback-input-group"> <label class="feedback-label">反馈内容 <span style="color: #ef4444;">*</span></label> <textarea class="feedback-textarea" id="feedbackContent" name="feedbackContent" placeholder="请详细描述您遇到的问题或建议..." maxlength="500" required oninput="updateFeedbackCharCount()" ></textarea> <div class="feedback-char-count"><span id="feedbackCharCount">0</span> / 500</div> </div> <button type="submit" class="feedback-submit-btn">提交反馈</button> </form> </div> </div> <script> // 打开反馈弹窗 function openFeedbackModal() { var modal = document.getElementById('feedbackModal'); if(modal) { modal.classList.add('show'); document.body.style.overflow = 'hidden'; } } // 设置星级评分 function setRating(rating) { var stars = document.querySelectorAll('.rating-star'); var ratingTexts = ['很不满意', '不满意', '一般', '满意', '非常满意']; // 更新星星显示 for(var i = 0; i < stars.length; i++) { if (i < rating) { stars[i].classList.add('active'); } else { stars[i].classList.remove('active'); } } // 更新隐藏字段和文字 var ratingValueInput = document.getElementById('ratingValue'); var ratingTextDiv = document.getElementById('ratingText'); if(ratingValueInput) ratingValueInput.value = rating; if(ratingTextDiv) ratingTextDiv.textContent = ratingTexts[rating - 1]; } // 关闭反馈弹窗 function closeFeedbackModal(event) { if (!event || event.target.id === 'feedbackModal' || event.target.classList.contains('feedback-close')) { var modal = document.getElementById('feedbackModal'); if(modal) { modal.classList.remove('show'); } document.body.style.overflow = ''; // 重置表单 var form = document.querySelector('.feedback-form'); if(form) form.reset(); var charCount = document.getElementById('feedbackCharCount'); if(charCount) charCount.textContent = '0'; // 重置星级为5星 setRating(5); } } // 更新字符计数 function updateFeedbackCharCount() { var contentElem = document.getElementById('feedbackContent'); var countElem = document.getElementById('feedbackCharCount'); if(contentElem && countElem) { countElem.textContent = contentElem.value.length; } } // 处理反馈提交 function handleFeedbackSubmit(event) { event.preventDefault(); var form = event.target; var formData = new FormData(form); var feedbackData = { type: formData.get('feedbackType'), rating: formData.get('rating'), content: formData.get('feedbackContent') }; console.log('Feedback submitted:', feedbackData); alert('感谢您的反馈!您的评价已经提交。'); closeFeedbackModal({target: {id: 'feedbackModal'}}); } </script> </div> <div class="prompt-detail-v5-right"> <div class="prompt-info-right right-panel"> <div id="action-panel"> <div class="action-card" style="text-align: center; color: #94a3b8; padding: 40px 20px;"> 加载中... </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function() { renderActionPanel(); }); // 监听登录或支付成功消息重新渲染(强制刷新 Promise 缓存) window.addEventListener('message', function(event) { if (event.data === 'loginSuccess' || event.data === 'vipSuccess') { setTimeout(function() { window._vipStatusPromise = null; // 清除旧的 Promise 缓存 renderActionPanel(); }, 300); } }); function renderActionPanel() { var panel = document.getElementById('action-panel'); // 检查是否登录 var token = (function() { var m = document.cookie.match(/(?:^|; )Admin-Token=([^;]+)/); return m ? decodeURIComponent(m[1]) : null; })(); if (!token) { // 未登录 renderNonVipPanel(); return; } // 已登录,复用全局 fetchVipStatus(与 Header 共享同一请求,不会重复调用接口) if (typeof window.fetchVipStatus === 'function') { window.fetchVipStatus().then(function(result) { if (result && result.isVip) { renderVipPanel(); } else { renderNonVipPanel(); } }); } else { // 兜底:如果 header 还没加载完 renderNonVipPanel(); } } // 提示词定制化工具数据 var toolsBaseUrl = "https://tools.explinks.com"; var productBaseUrl = "https://prompts.explinks.com"; var slug = "seo_audit_strategy"; var panelTools = [ { id: 'formatter', icon: '📝', name: '参数填写器', desc: '可视化填写变量参数', color: 'purple', toolPath: '/prompt-formatter', productPath: '/product/formatter' }, { id: 'interactive', icon: '💬', name: 'Web Chat 适配器', desc: '转为交互式对话脚本', color: 'green', toolPath: '/prompt-interactive', productPath: '/product/interactive' }, { id: 'translate', icon: '🌐', name: '本地化翻译器', desc: '一键翻译为多语言版本', color: 'blue', toolPath: '/prompt-translate', productPath: '/product/translate' }, { id: 'optimizer', icon: '🎯', name: '个性化调校', desc: '根据场景微调提示词', color: 'orange', toolPath: '/prompt-optimizer', productPath: '/product/optimizer' }, { id: 'api', icon: '⚡', name: 'API 动态调校', desc: '接口调用 + 批量评价优化', color: 'cyan', toolPath: '/prompt-api', productPath: '/product/api' }, // { id: 'agent', icon: '🤖', name: '生成个人工作助手', desc: '发布为独立 Agent 应用', color: 'pink', badge: '即将推出' }, // { id: 'batch', icon: '📊', name: '批量数据生成器', desc: 'Form表单或Excel上传,批量生成结果', color: 'amber', badge: '即将推出' } ]; function renderToolsHtml(isLoggedIn) { return panelTools.map(function(tool) { var badgeHtml = tool.badge ? '<span class="panel-tool-badge">' + tool.badge + '</span>' : ''; var href = 'javascript:void(0)'; var targetHtml = ''; if (tool.badge) { href = 'javascript:window.showToast("功能开发中")'; } else { // 统一跳转到产品介绍页,不区分登录状态 href = productBaseUrl + tool.productPath; targetHtml = ' target="_blank"'; } return '<a class="panel-tool-item" href="' + href + '"' + targetHtml + '>' + '<div class="panel-tool-icon ' + tool.color + '">' + tool.icon + '</div>' + '<div class="panel-tool-info">' + '<div class="panel-tool-name">' + tool.name + '</div>' + '<div class="panel-tool-desc">' + tool.desc + '</div>' + '</div>' + '<span class="panel-tool-arrow">›</span>' + badgeHtml + '</a>'; }).join(''); } function renderVipPanel() { var panel = document.getElementById('action-panel'); panel.innerHTML = '' + '' + '<button class="copy-core-btn" id="rightCopyBtn" onclick="handleRightCopyClick()">' + '<span class="copy-icon">📋</span>' + '<span>复制提示词</span>' + '</button>' + '<div class="copy-sub-info">' + '<span class="free-badge">会员</span>' + '<span>无限次复制 · 已解锁全部工具</span>' + '</div>' + '' + '<div class="panel-member-active">' + '<span class="panel-member-active-icon">✨</span>' + '<div class="panel-member-active-info">' + '<div class="panel-member-active-title">终身会员</div>' + '<div class="panel-member-active-desc">已解锁全部功能</div>' + '</div>' + '</div>' + '' + '<div class="panel-tools-section">' + '<div class="panel-tools-title">🛠 提示词定制化工具</div>' + '<div class="panel-tools-subtitle">5 种 AI 工具,把同一条提示词变成你的专属版本</div>' + '<div class="panel-tools-grid">' + renderToolsHtml(true) + '</div>' + '</div>'; } function renderNonVipPanel() { var panel = document.getElementById('action-panel'); var currentPrice = 188; // 按钮文案根据登录状态差异化显示,但点击行为统一打开弹窗 var token = (function() { var m = document.cookie.match(/(?:^|; )Admin-Token=([^;]+)/); return m ? decodeURIComponent(m[1]) : null; })(); var isLoggedIn = !!token; var copyBtnText = isLoggedIn ? '终身会员免费复制' : '会员登录后可复制'; panel.innerHTML = '' + '' + '<button class="copy-core-btn" id="rightCopyBtn" onclick="handleRightCopyClick()">' + '<span>' + copyBtnText + '</span>' + '</button>' + '' + '<div class="panel-member-hint">' + '<p class="panel-member-hint-text">' + '开通会员解锁 <strong>无限复制</strong> + 全部工具<br>' + '<span style="font-size:12px; color:#64748b;">¥' + currentPrice + ' 终身 · 7天无理由退款</span>' + '</p>' + '<a href="/user/vip" target="_blank" class="panel-member-link">' + '了解会员权益 <span>→</span>' + '</a>' + '</div>' + '' + '<div class="panel-tools-section">' + '<div class="panel-tools-title">🛠 提示词定制化工具</div>' + '<div class="panel-tools-subtitle">5 种 AI 工具,把同一条提示词变成你的专属版本</div>' + '<div class="panel-tools-grid">' + renderToolsHtml(isLoggedIn) + '</div>' + '</div>'; } function handleRightCopyClick() { const contentArea = document.getElementById('leftPromptContentArea'); if (!contentArea || !contentArea.textContent.trim()) { if (typeof window.showToast === 'function') { window.showToast('提示词内容未加载完全,或无权限复制', true); } else { alert('提示词内容未加载完全,或无权限复制'); } return; } if (typeof openFillCopyModal === 'function') { openFillCopyModal({ promptName: window.__promptName || '', promptContent: contentArea.textContent, promptSlug: window.__promptSlug || '', apiBaseUrl: window.__promptApiBaseUrl || '', onCopySuccess: function() { var btn = document.getElementById('rightCopyBtn'); if (btn) { btn.classList.add('copied'); btn.innerHTML = '<span class="copy-icon">✅</span><span>已复制到剪贴板</span>'; setTimeout(function() { btn.classList.remove('copied'); btn.innerHTML = '<span class="copy-icon">📋</span><span>复制提示词</span>'; }, 2000); } } }); } } </script> </div> </div> </div> <section class="related-recommendations-section"> <div class="container"> <h2 class="section-title">相似AI提示词</h2> <div class="related-recommendations-grid"> <div class="prompt-card" data-prompt-slug="website_seo_strategy"> <a class="prompt-card-header-section" style="background-color: #E3F2FD;" href="https://prompts.explinks.com/website_seo_strategy?desc" target="_blank"> <div class="prompt-card-logo-container"> <svg class="icon" viewBox="0 0 1024 1024" width="32" height="32"><use href="#icon-model-text-to-text"/></svg> </div> <div class="prompt-card-description"> <p class="prompt-card-description-text"> 本提示词旨在为用户提供一套系统、可执行的网站SEO架构优化方案。核心聚焦于解决重复内容、规范标签实施及内部链接结构优化三大关键问题,并生成详细的实施路线图。适用于网站管理员、SEO专员及数字营销人员,帮助提升网站搜索引擎可见性与内容质量。 </p> </div> </a> <a class="prompt-card-category-tag-positioned" href="/search?biz_cat_slug=seo"> SEO </a> <div class="prompt-card-content-section"> <div class="prompt-card-header"> <a href="https://prompts.explinks.com/website_seo_strategy?title" class="prompt-card-title prompt-card-title-link" target="_blank"> 网站SEO架构优化策略 </a> </div> <div class="prompt-card-meta"> <div class="prompt-card-user-info"> <img src="https://static.explinks.com/prompt/static/images/common/explinks_logo.jpg" alt="幂简官方" class="prompt-card-user-avatar"> <span class="prompt-card-user-name">幂简官方</span> </div> <div class="prompt-card-stats"> <span class="prompt-card-stat-item"> <svg class="prompt-card-stat-icon" viewBox="0 0 24 24" width="14" height="14"><use href="#icon-stat-view"/></svg> 485 </span> <span class="prompt-card-stat-item"> <svg class="prompt-card-stat-icon" fill="currentColor" viewBox="0 0 20 20" width="14" height="14"><use href="#icon-stat-trial"/></svg> 43 </span> </div> </div> <div class="prompt-card-params"> <div class="prompt-card-param-scroll-container"> <button class="prompt-card-param-scroll-btn prompt-card-param-scroll-left" onclick="scrollParams(this, 'left')"> <svg viewBox="0 0 24 24" width="12" height="12"><use href="#icon-arrow-left"/></svg> </button> <div class="prompt-card-param-list"> <span class="prompt-card-param-tag"> { 使用场景 } </span> <span class="prompt-card-param-tag"> { 待分析内容 } </span> <span class="prompt-card-param-tag"> { 输出目标 } </span> <span class="prompt-card-param-tag"> { 业务规则或限制 } </span> <span class="prompt-card-param-tag"> { 补充信息 } </span> </div> <button class="prompt-card-param-scroll-btn prompt-card-param-scroll-right" onclick="scrollParams(this, 'right')"> <svg viewBox="0 0 24 24" width="12" height="12"><use href="#icon-arrow-right"/></svg> </button> </div> </div> <div class="prompt-card-actions"> <div class="prompt-card-price-section"> <a href="https://prompts.explinks.com/website_seo_strategy?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-price-value prompt-card-price-vip">会员专享</span> </a> </div> </div> </div> </div><div class="prompt-card" data-prompt-slug="enterprise_seo_advisor"> <a class="prompt-card-header-section" style="background-color: #FFFDE7;" href="https://prompts.explinks.com/enterprise_seo_advisor?desc" target="_blank"> <div class="prompt-card-logo-container"> <svg class="icon" viewBox="0 0 1024 1024" width="32" height="32"><use href="#icon-model-text-to-text"/></svg> </div> <div class="prompt-card-description"> <p class="prompt-card-description-text"> 生成定制化SEO优化策略,精准提升搜索引擎排名与流量转化 </p> </div> </a> <a class="prompt-card-category-tag-positioned" href="/search?biz_cat_slug=marketing"> 市场营销 </a> <div class="prompt-card-content-section"> <div class="prompt-card-header"> <a href="https://prompts.explinks.com/enterprise_seo_advisor?title" class="prompt-card-title prompt-card-title-link" target="_blank"> 企业级SEO策略顾问 </a> </div> <div class="prompt-card-meta"> <div class="prompt-card-user-info"> <img src="https://static.explinks.com/prompt/static/images/common/explinks_logo.jpg" alt="幂简官方" class="prompt-card-user-avatar"> <span class="prompt-card-user-name">幂简官方</span> </div> <div class="prompt-card-stats"> <span class="prompt-card-stat-item"> <svg class="prompt-card-stat-icon" viewBox="0 0 24 24" width="14" height="14"><use href="#icon-stat-view"/></svg> 499 </span> <span class="prompt-card-stat-item"> <svg class="prompt-card-stat-icon" fill="currentColor" viewBox="0 0 20 20" width="14" height="14"><use href="#icon-stat-trial"/></svg> 46 </span> </div> </div> <div class="prompt-card-params"> <div class="prompt-card-param-scroll-container"> <button class="prompt-card-param-scroll-btn prompt-card-param-scroll-left" onclick="scrollParams(this, 'left')"> <svg viewBox="0 0 24 24" width="12" height="12"><use href="#icon-arrow-left"/></svg> </button> <div class="prompt-card-param-list"> <span class="prompt-card-param-tag"> { 网站URL } </span> <span class="prompt-card-param-tag"> { 目标关键词 } </span> <span class="prompt-card-param-tag"> { 目标市场 } </span> <span class="prompt-card-param-tag"> { 语言 } </span> <span class="prompt-card-param-tag"> { 优化目标 } </span> </div> <button class="prompt-card-param-scroll-btn prompt-card-param-scroll-right" onclick="scrollParams(this, 'right')"> <svg viewBox="0 0 24 24" width="12" height="12"><use href="#icon-arrow-right"/></svg> </button> </div> </div> <div class="prompt-card-actions"> <div class="prompt-card-price-section"> <a href="https://prompts.explinks.com/enterprise_seo_advisor?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-price-value prompt-card-price-vip">会员专享</span> </a> </div> </div> </div> </div><div class="prompt-card" data-prompt-slug="optimize_snippets_strategy"> <a class="prompt-card-header-section" style="background-color: #FFEBEE;" href="https://prompts.explinks.com/optimize_snippets_strategy?desc" target="_blank"> <div class="prompt-card-logo-container"> <svg class="icon" viewBox="0 0 1024 1024" width="32" height="32"><use href="#icon-model-text-to-text"/></svg> </div> <div class="prompt-card-description"> <p class="prompt-card-description-text"> 此提示词指导SEO专家制定分步指南,通过优化特色片段提升产品服务的搜索可见性,包含关键词研究、内容优化、结构化数据等全面策略。 </p> </div> </a> <a class="prompt-card-category-tag-positioned" href="/search?biz_cat_slug=seo"> SEO </a> <div class="prompt-card-content-section"> <div class="prompt-card-header"> <a href="https://prompts.explinks.com/optimize_snippets_strategy?title" class="prompt-card-title prompt-card-title-link" target="_blank"> 优化特色片段策略 </a> </div> <div class="prompt-card-meta"> <div class="prompt-card-user-info"> <img src="https://static.explinks.com/prompt/static/images/common/explinks_logo.jpg" alt="幂简官方" class="prompt-card-user-avatar"> <span class="prompt-card-user-name">幂简官方</span> </div> <div class="prompt-card-stats"> <span class="prompt-card-stat-item"> <svg class="prompt-card-stat-icon" viewBox="0 0 24 24" width="14" height="14"><use href="#icon-stat-view"/></svg> 480 </span> <span class="prompt-card-stat-item"> <svg class="prompt-card-stat-icon" fill="currentColor" viewBox="0 0 20 20" width="14" height="14"><use href="#icon-stat-trial"/></svg> 45 </span> </div> </div> <div class="prompt-card-params"> <div class="prompt-card-param-scroll-container"> <button class="prompt-card-param-scroll-btn prompt-card-param-scroll-left" onclick="scrollParams(this, 'left')"> <svg viewBox="0 0 24 24" width="12" height="12"><use href="#icon-arrow-left"/></svg> </button> <div class="prompt-card-param-list"> <span class="prompt-card-param-tag"> { 产品/服务 } </span> </div> <button class="prompt-card-param-scroll-btn prompt-card-param-scroll-right" onclick="scrollParams(this, 'right')"> <svg viewBox="0 0 24 24" width="12" height="12"><use href="#icon-arrow-right"/></svg> </button> </div> </div> <div class="prompt-card-actions"> <div class="prompt-card-price-section"> <a href="https://prompts.explinks.com/optimize_snippets_strategy?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-price-value prompt-card-price-vip">会员专享</span> </a> </div> </div> </div> </div><div class="prompt-card" data-prompt-slug="seo_content_gap_analysis"> <a class="prompt-card-header-section" style="background-color: #FFF3E0;" href="https://prompts.explinks.com/seo_content_gap_analysis?desc" target="_blank"> <div class="prompt-card-logo-container"> <svg class="icon" viewBox="0 0 1024 1024" width="32" height="32"><use href="#icon-model-text-to-text"/></svg> </div> <div class="prompt-card-description"> <p class="prompt-card-description-text"> 本提示词用于指导进行系统性的关键词研究与竞争分析,精准识别特定主题下的内容缺口与优化机会。通过分析用户提供的网站主题、受众及竞争信息,生成包含战略计划的分析报告,旨在优化内容策略,提升搜索引擎排名与自然流量。适用于SEO专员、内容策略师及营销人员。 </p> </div> </a> <a class="prompt-card-category-tag-positioned" href="/search?biz_cat_slug=seo"> SEO </a> <div class="prompt-card-content-section"> <div class="prompt-card-header"> <a href="https://prompts.explinks.com/seo_content_gap_analysis?title" class="prompt-card-title prompt-card-title-link" target="_blank"> SEO内容缺口与策略分析 </a> </div> <div class="prompt-card-meta"> <div class="prompt-card-user-info"> <img src="https://static.explinks.com/prompt/static/images/common/explinks_logo.jpg" alt="幂简官方" class="prompt-card-user-avatar"> <span class="prompt-card-user-name">幂简官方</span> </div> <div class="prompt-card-stats"> <span class="prompt-card-stat-item"> <svg class="prompt-card-stat-icon" viewBox="0 0 24 24" width="14" height="14"><use href="#icon-stat-view"/></svg> 561 </span> <span class="prompt-card-stat-item"> <svg class="prompt-card-stat-icon" fill="currentColor" viewBox="0 0 20 20" width="14" height="14"><use href="#icon-stat-trial"/></svg> 52 </span> </div> </div> <div class="prompt-card-params"> <div class="prompt-card-param-scroll-container"> <button class="prompt-card-param-scroll-btn prompt-card-param-scroll-left" onclick="scrollParams(this, 'left')"> <svg viewBox="0 0 24 24" width="12" height="12"><use href="#icon-arrow-left"/></svg> </button> <div class="prompt-card-param-list"> <span class="prompt-card-param-tag"> { 网站核心主题 } </span> <span class="prompt-card-param-tag"> { 目标竞争对手信息 } </span> <span class="prompt-card-param-tag"> { 现有内容资产概况 } </span> <span class="prompt-card-param-tag"> { 业务目标 } </span> </div> <button class="prompt-card-param-scroll-btn prompt-card-param-scroll-right" onclick="scrollParams(this, 'right')"> <svg viewBox="0 0 24 24" width="12" height="12"><use href="#icon-arrow-right"/></svg> </button> </div> </div> <div class="prompt-card-actions"> <div class="prompt-card-price-section"> <a href="https://prompts.explinks.com/seo_content_gap_analysis?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-price-value prompt-card-price-vip">会员专享</span> </a> </div> </div> </div> </div> </div> </div> </section> <script src="https://static.explinks.com/prompt/static/js/home/zone-section.js?v=1775816724940"></script> <div id="footer"> <div class="footer-container"> <div class="footer-content"> <div class="footer-section"> <h5 class="footer-section-title"> 热门提示词</h5> <ul class="footer-section-links"> <li> <a href="https://prompts.explinks.com/quick_keyword_generator" target="_blank">快速关键词生成助手</a> </li> <li> <a href="https://prompts.explinks.com/content_strategy_guide" target="_blank">内容营销策略制定</a> </li> <li> <a href="https://prompts.explinks.com/rapid_test_scenario" target="_blank">快速测试场景生成器</a> </li> <li> <a href="https://prompts.explinks.com/novel_writing_guide" target="_blank">小说创作策略指南</a> </li> <li> <a href="https://prompts.explinks.com/seo_keyword_generator" target="_blank">SEO优化关键词生成助手</a> </li> <li> <a href="https://prompts.explinks.com/article_title_generator" target="_blank">文章标题生成器</a> </li> </ul> </div> <div class="footer-section"> <h5 class="footer-section-title"> 热门角色</h5> <ul class="footer-section-links"> <li> <a href="https://prompts.explinks.com/category/content_creator" target="_blank">内容创作者</a> </li> <li> <a href="https://prompts.explinks.com/category/developer" target="_blank">开发者</a> </li> <li> <a href="https://prompts.explinks.com/category/product_manager" target="_blank">产品经理</a> </li> <li> <a href="https://prompts.explinks.com/category/business_consultant" target="_blank">商业顾问</a> </li> <li> <a href="https://prompts.explinks.com/category/marketing_personnel" target="_blank">市场营销</a> </li> <li> <a href="https://prompts.explinks.com/category/business_owner" target="_blank">企业管理者</a> </li> <li> <a href="https://prompts.explinks.com/category/seo_expert" target="_blank">SEO专家</a> </li> <li> <a href="https://prompts.explinks.com/category/data_analyst" target="_blank">数据分析师</a> </li> </ul> </div> <div class="footer-section"> <h5 class="footer-section-title"> 热门业务</h5> <ul class="footer-section-links"> <li> <a href="https://prompts.explinks.com/category/developer?biz_cat_slug=code" target="_blank">代码</a> </li> <li> <a href="https://prompts.explinks.com/category/content_creator?biz_cat_slug=content_creation" target="_blank">内容创作</a> </li> <li> <a href="https://prompts.explinks.com/category/human_resources_personnel?biz_cat_slug=human_resources" target="_blank">人力资源</a> </li> <li> <a href="https://prompts.explinks.com/category/data_analyst?biz_cat_slug=data_analysis" target="_blank">数据分析</a> </li> <li> <a href="https://prompts.explinks.com/category/writer?biz_cat_slug=creative_writing" target="_blank">创意写作</a> </li> <li> <a href="https://prompts.explinks.com/category/illustrator?biz_cat_slug=art" target="_blank">艺术插画</a> </li> </ul> </div> <div class="footer-section"> <h5 class="footer-section-title"> 大模型API</h5> <ul class="footer-section-links"> <li> <a href="https://www.explinks.com/api/ai_deepseek_brand" target="_blank">DeepSeek</a> </li> <li> <a href="https://www.explinks.com/api/ai_openai_brand" target="_blank">OpenAI</a> </li> <li> <a href="https://www.explinks.com/api/ai_anthropic_brand" target="_blank">Claude</a> </li> <li> <a href="https://www.explinks.com/api/ai_gemini_brand" target="_blank">Gemini</a> </li> <li> <a href="https://www.explinks.com/api/ai_grok_brand" target="_blank">Grok</a> </li> <li> <a href="https://www.explinks.com/api/ai_tongyi_brand" target="_blank">Qwen</a> </li> </ul> </div> <div class="footer-section"> <h5 class="footer-section-title"> 使用我们的提示词工具</h5> <ul class="footer-section-links"> <li> <a target="_blank">提示词API化工具(敬请期待)</a> </li> <li> <a href="https://tools.explinks.com/prompt-generator" target="_blank">提示词应用工具</a> </li> <li> <a href="https://console.explinks.com/myHome/prompts" target="_blank">我的提示词库</a> </li> <li> <a href="https://prompts.explinks.com/packs/partners" target="_blank">加入分销计划,零成本获得收益</a> </li> </ul> </div> </div> <div class="footer-bottom"> <div class="footer-brand"> <div class="footer-brand-logo"> <a href="https://www.explinks.com/" target="_blank"> <figure class="footer-logo-wrapper"> <img decoding="async" src="https://cdn.explinks.com/wp-content/uploads/2023/12/image-e1703756327221.png" alt="幂简集成ICON" class="footer-logo-img"/> </figure> </a> </div> </div> <div class="footer-bottom-left"> <div class="footer-copyright"> <p>Copyright © 2024 All Rights Reserved <a href="https://www.explinks.com/company/about" target="_blank">北京蜜堂有信科技有限公司</a></p> </div> <div class="footer-address"> <p>公司地址: 北京市朝阳区光华路和乔大厦C座1508</p> </div> </div> <div class="footer-bottom-right"> <div class="footer-license-info"> <div class="footer-license-item"> <p>增值电信业务经营许可证:京B2-20191889</p> </div> <div class="footer-license-icon"> <img decoding="async" src="https://cdn.explinks.com/wp-content/uploads/2023/12/police.png" alt="icon" class="footer-police-icon"/> </div> <div class="footer-license-item"> <p><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备18034931号-7</a></p> </div> </div> <div class="footer-feedback"> <p>意见反馈:010-53324933,mtyy@miitang.com</p> </div> </div> </div> </div> </div> <div class="sidebar-components-container"> <div class="sidebar"> <button class="sidebar-button" title="反馈问题" id="feedbackButton"> <svg xmlns="http://www.w3.org/2000/svg" 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"/> <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/> <line x1="12" y1="17" x2="12" y2="17"/> </svg> </button> <button class="sidebar-button up-button" title="返回顶部"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M12 19V5"/> <path d="M5 12l7-7 7 7"/> </svg> </button> </div> <div class="toast" id="comingSoonToast"> <div class="toast-content"> <span>敬请期待...</span> <button class="toast-close">×</button> </div> </div> <div class="modal" id="feedbackModal"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title">反馈问题</h3> <button class="modal-close">×</button> </div> <form id="feedbackForm"> <div class="form-group"> <label class="form-label" for="description">描述 <span class="required">*</span></label> <textarea class="form-control" id="description" maxlength="200" required placeholder="请在此描述您要反馈的问题(200字以内)"></textarea> </div> <div class="form-group"> <label class="form-label">截图</label> <div class="image-upload" id="imageUpload"> <input type="file" id="imageInput" multiple accept="image/*" style="display: none;"> <p>点击或拖拽图片到此处上传(最多5张)</p> </div> <div class="image-preview" id="imagePreview"></div> </div> <div class="form-group"> <label class="form-label" for="contact">联系方式</label> <input type="text" class="form-control" id="contact" placeholder="QQ/邮箱/任选其一"> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" id="cancelButton">取消</button> <button type="submit" class="btn btn-primary">确定</button> </div> </form> </div> </div> <script> document.addEventListener('DOMContentLoaded', () => { const upButton = document.querySelector('.up-button'); const toast = document.getElementById('comingSoonToast'); const toastClose = document.querySelector('.toast-close'); const feedbackButton = document.getElementById('feedbackButton'); const feedbackModal = document.getElementById('feedbackModal'); const modalClose = feedbackModal.querySelector('.modal-close'); const cancelButton = document.getElementById('cancelButton'); const feedbackForm = document.getElementById('feedbackForm'); const imageUpload = document.getElementById('imageUpload'); const imageInput = document.getElementById('imageInput'); const imagePreview = document.getElementById('imagePreview'); let toastTimeout; // 返回顶部按钮逻辑 window.addEventListener('scroll', () => { if (window.scrollY > 300) { upButton.classList.add('show'); } else { upButton.classList.remove('show'); } }); upButton.addEventListener('click', () => { window.scrollTo({ top: 0, behavior: 'smooth' }); }); // 显示提示框函数 function showToast() { clearTimeout(toastTimeout); toast.classList.add('show'); toastTimeout = setTimeout(() => { toast.classList.remove('show'); }, 3000); } // 关闭提示框 toastClose.addEventListener('click', () => { toast.classList.remove('show'); clearTimeout(toastTimeout); }); // // 为三个按钮添加点击事件 // const comingSoonButtons = [ // document.querySelector('button[title="AI助理"]'), // document.querySelector('button[title="最近浏览"]'), // document.querySelector('button[title="对比列表"]') // ]; // // comingSoonButtons.forEach(button => { // button.addEventListener('click', showToast); // }); // 反馈模态框相关逻辑 function openModal() { feedbackModal.classList.add('show'); document.body.style.overflow = 'hidden'; } function closeModal() { feedbackModal.classList.remove('show'); document.body.style.overflow = ''; feedbackForm.reset(); imagePreview.innerHTML = ''; } feedbackButton.addEventListener('click', openModal); modalClose.addEventListener('click', closeModal); cancelButton.addEventListener('click', closeModal); // 点击模态框外部关闭 feedbackModal.addEventListener('click', (e) => { if (e.target === feedbackModal) { closeModal(); } }); // 图片上传相关逻辑 imageUpload.addEventListener('click', () => { imageInput.click(); }); imageInput.addEventListener('change', handleImageUpload); function handleImageUpload() { const files = Array.from(imageInput.files); const existingImages = imagePreview.querySelectorAll('.image-container'); const totalImages = existingImages.length + files.length; if (totalImages > 5) { alert('最多只能上传5张图片'); return; } files.forEach(file => { if (!file.type.startsWith('image/')) { return; } const reader = new FileReader(); reader.onload = (e) => { const container = document.createElement('div'); container.className = 'image-container'; const img = document.createElement('img'); img.src = e.target.result; container.appendChild(img); const deleteBtn = document.createElement('button'); deleteBtn.className = 'image-delete'; deleteBtn.innerHTML = '×'; deleteBtn.title = '删除图片'; deleteBtn.onclick = function () { if (confirm('确定要删除这张图片吗?')) { container.remove(); } }; container.appendChild(deleteBtn); imagePreview.appendChild(container); }; reader.readAsDataURL(file); }); } // 拖拽上传 imageUpload.addEventListener('dragover', (e) => { e.preventDefault(); imageUpload.style.borderColor = '#4a90e2'; }); imageUpload.addEventListener('dragleave', () => { imageUpload.style.borderColor = '#ddd'; }); imageUpload.addEventListener('drop', (e) => { e.preventDefault(); imageUpload.style.borderColor = '#ddd'; const files = Array.from(e.dataTransfer.files); if (files.length > 5) { alert('最多只能上传5张图片'); return; } imageInput.files = e.dataTransfer.files; handleImageUpload(); }); // 表单提交 feedbackForm.addEventListener('submit', async (e) => { e.preventDefault(); const description = document.getElementById('description').value.trim(); const contact = document.getElementById('contact').value.trim(); // if (!description || !contact) { if (!description) { alert('请填写反馈内容!'); return; } // 收集图片数据 const images = []; const imageElements = imagePreview.querySelectorAll('img'); imageElements.forEach(img => { images.push(img.src); }); // 准备要提交的数据 const formData = { description, contact, images }; try { // 从 cookie 中获取用户 Token const tokenMatch = document.cookie.match(/(?:^|; )Admin-Token=([^;]+)/); const token = tokenMatch ? decodeURIComponent(tokenMatch[1]) : ''; const headers = { 'Content-Type': 'application/json' }; if (token) { headers['Authorization'] = 'Bearer ' + token; } const response = await fetch('https://api.explinks.com/feedback/submit', { method: 'POST', headers: headers, body: JSON.stringify(formData) }); if (response.ok) { alert('反馈提交成功!'); closeModal(); } else { throw new Error('提交失败'); } } catch (error) { alert('提交失败,请稍后重试!'); console.error('提交表单时出错:', error); } }); }); </script> </div> <script src="https://static.explinks.com/prompt/static/js/statistics/index.js?v=1775816724940"></script> <script src="https://static.explinks.com/hub/static/script/baidu-analytics.js?v=1775816724940"></script> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id: "3NS00J5GfuD7Tvg6", ck: "3NS00J5GfuD7Tvg6"})</script> <script> (function(){ var h = window.location.hostname; var d = ''; try { var p = h.split('.'); if (p.length >= 2) { d = '.' + p.slice(-2).join('.'); } } catch (e) {} var isIp = /^\d{1,3}(?:\.\d{1,3}){3}$/.test(h); var domainAttr = (!isIp && h !== 'localhost' && d) ? ('; domain=' + d) : ''; function getCookie(name){ var cs = document.cookie ? document.cookie.split('; ') : []; for (var i=0;i<cs.length;i++){ var parts = cs[i].split('='); var key = parts.shift(); var value = parts.join('='); if (key === name){ return decodeURIComponent(value || ''); } } return null; } function delCookie(name){ document.cookie = name + '=; path=/; Max-Age=0; SameSite=Lax' + domainAttr; } window.clearPromotionCookie = function(){ delCookie('promotion-code'); delCookie('promotion-code-set'); }; var setTs = getCookie('promotion-code-set'); var setNum = Number(setTs); if (getCookie('promotion-code') && setTs) { var ttl = 7200; document.cookie = 'promotion-code-set=' + encodeURIComponent(setTs) + '; path=/; Max-Age=' + ttl + '; SameSite=Lax' + domainAttr; } if (setTs && String(setNum) === setTs) { fetch('https://prompts-api.explinks.com/api/user/should-clear-promotion-code', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ setTimeMillis: setTs, referer: document.referrer || '' }) }) .then(function(r){ return r ? r.json() : null; }) .then(function(res){ if (res && (res.success === true || res.code === 200) && (res.data === true || res.data === 'true')) { window.clearPromotionCookie(); } }) .catch(function(){}); } var u = new URL(window.location.href); var v = (u.searchParams.get('ref') || u.searchParams.get('REF') || '').split('?')[0].trim(); if (v) { (function(){ var api = 'https://prompts-api.explinks.com/api/user/validate-promotion-code'; var payload = { promotionCode: v, referer: document.referrer || '' }; fetch(api, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload) }) .then(function(r){ return r ? r.json() : null; }) .then(function(res){ if (res && (res.success === true || res.code === 200) && (res.data === true || res.data === 'true')) { var ttl = 7200; var setTime = Date.now(); document.cookie = 'promotion-code=' + encodeURIComponent(v) + '; path=/; Max-Age=' + ttl + '; SameSite=Lax' + domainAttr; document.cookie = 'promotion-code-set=' + encodeURIComponent(String(setTime)) + '; path=/; Max-Age=' + ttl + '; SameSite=Lax' + domainAttr; } }) .catch(function(){}); })(); } })(); </script> <script src="https://static.explinks.com/prompt/static/js/statistics/view-count.js?v=1775816724940"></script> <script> // 页面加载完成后自动记录浏览量 ViewCountStatistics.autoRecordViewCount('seo_audit_strategy'); </script> <script src="https://static.explinks.com/prompt/static/js/prompt-detail-v5/countdown.js?v=1775816724940"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script> <script> // 初始化代码高亮 document.addEventListener('DOMContentLoaded', function () { hljs.highlightAll(); }); </script> <script> window.__promptName = "SEO审计全流程"; window.__promptSlug = "seo_audit_strategy"; window.__promptApiBaseUrl = "https://prompts-api.explinks.com"; </script> <link rel="stylesheet" href="https://static.explinks.com/prompt/static/css/common/fill-copy-modal/fill-copy-modal.css?v=1775816724940"> <div id="fcmOverlay" class="fcm-overlay"> <div class="fcm-modal"> <div class="fcm-header"> <div class="fcm-title-row"> <div class="fcm-title-left"> <span class="fcm-title-icon">📋</span> <div class="fcm-title-text">提示词复制</div> </div> <button class="fcm-close-btn" onclick="closeFillCopyModal()" type="button">×</button> </div> <div class="fcm-prompt-name" id="fcmPromptName"></div> <div class="fcm-tabs"> <button class="fcm-tab fcm-tab-active" id="fcmTabRaw" onclick="setFillCopyMode('raw')" type="button">复制原文</button> <button class="fcm-tab" id="fcmTabFilled" onclick="setFillCopyMode('filled')" type="button">填空后复制</button> </div> </div> <div class="fcm-body"> <div class="fcm-raw-preview" id="fcmRawPreview"></div> <div class="fcm-fill-section" id="fcmFillSection"> <div class="fcm-fill-hint">在当前页面填写参数后直接复制:</div> <div class="fcm-form-grid" id="fcmFormGrid"></div> <div class="fcm-validation-hint" id="fcmValidationHint" style="display: none;"></div> <div class="fcm-progress" id="fcmProgress" style="display: none;"> <div class="fcm-progress-track"> <div class="fcm-progress-bar" id="fcmProgressBar"></div> </div> <span class="fcm-progress-text" id="fcmProgressText">已填 0/0 个参数</span> </div> </div> </div> <div class="fcm-footer"> <button class="fcm-btn-clear" onclick="clearFillCopyForm()" type="button">清空</button> <button class="fcm-btn-copy" id="fcmCopyBtn" onclick="performFillCopy()" type="button">复制原文</button> </div> </div> </div> <script src="https://static.explinks.com/prompt/static/js/common/fill-copy-modal/fill-copy-modal.js?v=1775816724940"></script> <script src="https://static.explinks.com/prompt/static/js/common/qrcode.min.js"></script> <link rel="stylesheet" href="https://static.explinks.com/prompt/static/css/common/vip-purchase/vip-purchase.css?v=1775816724940"> <div id="vpPayModal" class="vp-pay-modal" role="dialog" aria-modal="true" aria-labelledby="vpPayTitle"> <div class="vp-pay-modal-content"> <span class="vp-close-modal" id="vpClosePayModal" aria-label="关闭">×</span> <div id="vpPayContent"> <h3 id="vpPayTitle" class="vp-pay-title"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="vertical-align: middle; margin-right: 6px;"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg> 开通终身会员 </h3> <a href="/user/vip" target="_blank" class="vp-privilege-guide"> 点击了解永久会员特权及简介 > </a> <div class="vp-price-panel" aria-label="价格"> <div class="vp-price-left"> <span class="vp-label">支付金额</span> <div class="vp-price-detail"> <span class="vp-price-value" id="vpModalPrice">¥0</span> <span class="vp-price-original" id="vpModalOriginalPrice">原价¥0</span> </div> </div> <div class="vp-price-badge" id="vpModalSaved">省0元</div> </div> <div class="vp-guarantee-box"> <div class="vp-guarantee-header"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2.5"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="M9 12l2 2 4-4"/></svg> <span class="vp-guarantee-title-text">7天无理由退款保障</span> </div> <div class="vp-guarantee-points"> <div class="vp-guarantee-point">✓ 不满意随时退款,无需任何理由</div> <div class="vp-guarantee-point">✓ 一键申请,24小时内原路退回</div> </div> </div> <div class="vp-qrcode-panel"> <div class="vp-qrcode-wrapper"> <div id="vpQrCode" class="vp-qrcode-img"></div> <div class="vp-qrcode-status"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#64748b" stroke-width="2"><path d="M12 2v20M2 12h20"/></svg> </div> </div> <p class="vp-qrcode-tip" id="vpQrTip">请使用支付宝/微信扫码支付</p> <p id="vpQrPayee" class="vp-payee-text">(收款方:幂简提示词宝典)</p> <div class="vp-qrcode-countdown"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> <span>二维码有效期:<span id="vpQrCountdown">5:00</span></span> </div> </div> <div class="vp-security-tips"> <div class="vp-security-item"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> <span>SSL加密传输</span> </div> <div class="vp-security-item"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> <span>官方支付通道</span> </div> <div class="vp-security-item"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> <span>资金安全保障</span> </div> </div> <div class="vp-pay-footer-note"> 支付即表示同意<a href="#" class="vp-link-text">《用户协议》</a>和<a href="#" class="vp-link-text">《隐私政策》</a> </div> <button class="vp-action-btn vp-btn-outline" id="vpCancelPayBtn" style="display:none;">取消</button> <button class="vp-action-btn vp-btn-primary" id="vpConfirmPayBtn" style="display:none;">确认付款</button> </div> <div id="vpSuccessView" class="vp-success-view"> <div class="vp-success-icon">✓</div> <h3 class="vp-success-title">支付成功</h3> <p class="vp-success-desc">恭喜您,已成功升级为终身会员!全站提示词资源已为您解锁。</p> <button class="vp-btn-full vp-btn-primary" id="vpSuccessUseBtn">立即开始使用</button> </div> </div> </div> <div id="vpPayResultModal" class="vp-pay-result-modal" role="dialog" aria-modal="true"> <div class="vp-pay-result-content"> <div class="vp-pay-result-icon"> <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="#f59e0b" stroke-width="2"> <circle cx="12" cy="12" r="10"/> <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/> <line x1="12" y1="17" x2="12.01" y2="17"/> </svg> </div> <h3 class="vp-pay-result-title">请确认支付结果</h3> <p class="vp-pay-result-desc">请确认您是否已完成支付</p> <div class="vp-pay-result-buttons"> <div class="vp-pay-result-btn-wrapper"> <button class="vp-pay-result-btn vp-pay-result-success" id="vpPaySuccessBtn"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> <span>我已支付成功</span> </button> <p class="vp-pay-result-btn-note vp-pay-result-highlight">点击后会员资格秒到账</p> <p class="vp-pay-result-btn-note vp-pay-result-warning">未支付请勿点击</p> </div> <div class="vp-pay-result-btn-wrapper"> <button class="vp-pay-result-btn vp-pay-result-cancel" id="vpPayResultCancelBtn"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg> <span>未支付 / 遇到问题</span> </button> <p class="vp-pay-result-btn-note">如有疑问,请联系客服处理</p> </div> </div> </div> </div> <div id="vpRefundModal" class="vp-refund-overlay" aria-modal="true" role="dialog"> <div class="vp-refund-modal"> <div class="vp-modal-header"> <h2>申请退款</h2> </div> <div class="vp-order-line"> <div class="vp-order-row"> <span class="vp-product" id="vpRefundProductName">提示词宝典 · 终身会员</span> <span class="vp-price" id="vpRefundPrice">¥0</span> </div> <div class="vp-order-id" id="vpRefundOrderNo">订单号:-</div> <div class="vp-order-id" id="vpRefundPurchaseTime">购买时间:-</div> </div> <div class="vp-info-simple"> <div class="vp-info-line"> <span class="vp-info-icon">🛡️</span> <div class="vp-info-text"> <div class="vp-first-line"> <span class="vp-info-strong">7天无理由</span> <span>会员试用权益,不满意直接退</span> <span class="vp-tooltip-icon">? <span class="vp-tooltip-text">每位用户仅享一次试用权益</span> </span> </div> </div> </div> <div class="vp-info-line"> <span class="vp-info-icon">⏰</span> <span class="vp-info-text"> <span class="vp-info-strong">确认收货后不可退</span> <span id="vpRefundAutoConfirm">- 自动收货</span> <span class="vp-deadline-tag">之后关闭通道</span> </span> </div> </div> <div class="vp-amount-bar"> <span class="vp-amount-left">退款金额</span> <span class="vp-amount-right" id="vpRefundAmount">¥0.00</span> </div> <div class="vp-action-row"> <button class="vp-btn vp-btn-outline" id="vpRefundCancelBtn">再想想</button> <button class="vp-btn vp-btn-blue" id="vpRefundConfirmBtn">确定</button> </div> </div> </div> <script src="https://static.explinks.com/prompt/static/js/common/vip-purchase/vip-purchase.js?v=1775816724940"></script> </body> </html>