SEO内容评分报告
总体评分
说明：内容覆盖核心卖点与参数，适配电商详情页场景，基础信息完整度高；但目标长尾词“智能手表 电池续航”“双频GPS手表”的匹配度与锚点结构仍有明显提升空间，FAQ与结构化数据需要完善，移动端首屏性能需落实到具体执行项。
关键词分析
- 关键词密度（总体目标关键词平均）：约2.1%（建议区间：1.5%–2.5%）
- 分布合理性评估：
- 标题含“智能手表”，卖点摘要含“双频GPS”“防水”，正文多处提到续航与健康，但缺少对两组长尾词的精确短语匹配与H2/H3级别的强调。
- 关键词主要集中在开头卖点与规格区域，中部“使用场景/健康数据说明/App亮点”段落的匹配较弱，FAQ可用于补强长尾词但尚未覆盖“电池续航”“双频GPS手表”短语。
- 关键词位置分布（建议与现状对比）：
- Title：已含“智能手表”，建议加入“电池续航”“双频GPS手表”组合。
- H1：建议为产品名+主卖点（含两组长尾词）。
- H2：分别为“电池续航实测”“双频GPS锁星与精度”“防水能力”“心率监测与健康功能”“运动手表模式覆盖”“售后与保障”，每节首段自然出现目标关键词。
- 正文首屏：建议在首屏卡片内增加“7天电池续航”“双频GPS手表”直出文案。
- ALT/图注：为续航图、GPS轨迹图、泳池训练示意图添加含关键词的自然描述。
主要关键词密度与出现位置（估算）：
- 智能手表：约0.9%（标题/摘要/开头段落）→可维持
- 运动手表：<0.3%（几乎未出现）→需新增于“运动模式/户外场景”段落与对比表头
- 心率监测：约0.6%（心率、HRV、区间图）→建议明确“心率监测”短语
- 防水智能手表：约0.4%（5ATM、游泳可用）→建议在防水段落首句直出短语
- 智能手表 电池续航：未精准出现→需在标题、H2与FAQ新增精准短语
- 双频GPS手表：未精准出现（仅“双频GPS”）→需在标题、H2与场景段添加“手表”后缀
内容质量评估
- 可读性评分：8.5/10
- 优点：信息分块清晰，术语合理，场景化描述到位。
- 改进：加入对比表与测试结果可增强说服力；适度增加引导性小结，降低技术参数的密集感。
- 内容结构评价：7.8/10
- 优点：卖点摘要、核心功能、规格参数与FAQ框架完整。
- 改进：缺少锚点目录、参数对比表、用户评价/实测数据区块；H2/H3层级尚未针对长尾关键词建立主题段。
- 信息价值分析：8.2/10
- 优点：续航、防水、GPS、健康与售后信息完整；App生态与同步亮点加分。
- 改进：增加“电池续航实测曲线（轻度/重度使用）”“双频GPS轨迹对比（林荫/高楼/开阔场）”“泳池识别准确率”“心率监测误差区间”能匹配用户的对比与真实场景诉求，并与参考竞品信息形成优势。
优化建议
- 首要改进项
- 标题与首屏文案优化（面向百度/谷歌/必应）：
- Title建议：S1 智能手表：7天电池续航、双频GPS手表、50米防水与24小时心率监测
- Meta Description建议：S1 智能手表支持7天电池续航、双频GPS手表精准定位、5ATM防水、24小时心率监测与血氧、120种运动模式，通勤与跑步皆适配，支持NFC公交门禁与离线音乐。
- H1建议：全天候健康监测智能手表 S1｜7天电池续航与双频GPS手表
- 长尾关键词落地到H2/H3：
- H2：电池续航实测与使用建议（含“智能手表 电池续航”）
- H2：双频GPS手表定位精度与锁星速度（含“双频GPS手表”）
- H2：防水智能手表的游泳与训练适配
- 新增锚点目录与参数对比表：
- 目录锚点：#电池续航实测 #双频GPS精度 #防水能力 #心率监测 #运动模式 #售后保障 #FAQ
- 参数对比表：S1 vs S1 Lite vs 竞品（续航/重量/GPS/防水/传感器/价格）
- FAQ增强（并加入结构化数据）：
- Q：智能手表 电池续航真实使用能达到几天？不同场景有什么差异？
- Q：双频GPS手表在林荫/高楼环境的轨迹偏差如何？
- 保留现有支付与表带问题，补充防水与泳池识别、心率监测准确性常见问答。
- 次要优化点
- 关键词自然融入：
- 在“使用场景”段落首句加入“运动手表适配户外跑步/徒步导航”；
- 在健康段落明确“心率监测数据不用于医疗”，保持合规用语。
- 图片与图注：
- 增加“电池续航曲线图”“GPS轨迹对比图”“泳池识别示意图”，ALT与图注自然包含目标长尾词。
- 增强E-E-A-T：
- 增加测试方法说明（采样频率、对比设备、场景），简短引用工程/算法团队介绍与售后质保流程图。
- 内链策略：
- 在“双频GPS精度”段落内链到站内文章：跑步训练配速建议、GPS轨迹优化指南、心率区间训练。
- 长期优化策略
- 内容分层：发布“S1 续航周报”“GPS精度月度评测”“泳池识别专项测试”更新页，聚合到产品详情页的“测试与评测”模块，持续积累长尾搜索入口。
- 用户评价与UGC：引入已购用户针对续航与GPS的实测评论（含图片/轨迹图），提升可信度和在搜索引擎中的内容新鲜度。
- 多媒体SEO：短视频/动图展示锁星速度对比与续航体验，配合视频结构化数据（VideoObject）与站内嵌入。
技术要素检查与建议
- 标题标签（）：参考上述Title，控制在约28–35个汉字，避免堆砌。</li>
<li>元描述（<meta name="description">）：120–160汉字，包含“智能手表 电池续航”“双频GPS手表”，自然语句。</li>
<li>URL与面包屑：
<ul>
<li>URL示例：/smartwatch/s1-7days-battery-dual-band-gps</li>
<li>使用BreadcrumbList结构化数据，便于搜索引擎理解层级。</li>
</ul>
</li>
<li>结构化数据（JSON-LD示例，需根据真实数据替换占位）：
<ul>
<li>Product
{
"@context": "<a href="https://schema.org">https://schema.org</a>",
"@type": "Product",
"name": "全天候健康监测智能手表 S1",
"brand": { "@type": "Brand", "name": "S1" },
"description": "S1 智能手表，7天电池续航，双频GPS手表，5ATM防水，24小时心率与血氧监测，120种运动模式。",
"sku": "S1-42-Black",
"model": "S1",
"image": ["<a href="https://example.com/images/s1-front.jpg">https://example.com/images/s1-front.jpg</a>","<a href="https://example.com/images/s1-run.jpg">https://example.com/images/s1-run.jpg</a>"],
"offers": {
"@type": "Offer",
"priceCurrency": "CNY",
"price": "999",
"availability": "<a href="https://schema.org/InStock">https://schema.org/InStock</a>",
"url": "<a href="https://example.com/product/s1">https://example.com/product/s1</a>"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.7",
"reviewCount": "128"
}
}</li>
<li>FAQPage
{
"@context": "<a href="https://schema.org">https://schema.org</a>",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "是否支持支付？",
"acceptedAnswer": { "@type": "Answer", "text": "NFC支持多城公交与门禁，后续通过固件更新覆盖更多城市。" }
},
{
"@type": "Question",
"name": "能否更换表带？",
"acceptedAnswer": { "@type": "Answer", "text": "支持20mm快拆标准接口。" }
},
{
"@type": "Question",
"name": "智能手表 电池续航在重度使用能维持多久？",
"acceptedAnswer": { "@type": "Answer", "text": "重度使用约3天；轻度使用约7天。建议关闭不必要的常亮屏与高频GPS记录以延长续航。" }
},
{
"@type": "Question",
"name": "双频GPS手表在复杂环境的定位表现如何？",
"acceptedAnswer": { "@type": "Answer", "text": "在林荫与高楼间可快速锁星，轨迹更直，干扰环境下仍保持较好的定位精度。" }
}
]
}</li>
</ul>
</li>
<li>Open Graph与Twitter Card（示例）：
<ul>
<li>OG
<meta property="og:type" content="product">
<meta property="og:title" content="S1 智能手表：7天电池续航与双频GPS手表">
<meta property="og:description" content="7天续航、双频GPS、5ATM防水、24小时心率监测，适配跑步与通勤场景。">
<meta property="og:image" content="https://example.com/images/s1-cover.jpg">
<meta property="og:url" content="https://example.com/product/s1"></li>
<li>Twitter Card
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="S1 智能手表：7天电池续航与双频GPS手表">
<meta name="twitter:description" content="7天续航、双频GPS、5ATM防水、24小时心率监测。">
<meta name="twitter:image" content="https://example.com/images/s1-cover.jpg"></li>
</ul>
</li>
<li>移动端首屏加载优化（目标<3秒，符合Core Web Vitals）：
<ul>
<li>LCP：首屏主图<120KB（WebP/AVIF）、预加载关键字体、内联关键CSS（<10KB），采用服务端渲染或静态化。</li>
<li>CLS：预设图像与卡片尺寸、避免首屏异步内容插入导致抖动。</li>
<li>INP：延迟加载非关键JS、使用IntersectionObserver懒加载图像与对比表、减小第三方脚本。</li>
<li>资源优化：HTTP/2或HTTP/3、开启Gzip/Brotli、CDN边缘缓存、preconnect到主域与图像域。</li>
</ul>
</li>
<li>图片与Alt：
<ul>
<li>主图：alt="S1 智能手表 7天电池续航与双频GPS手表"</li>
<li>续航图：alt="智能手表 电池续航 轻度与重度使用曲线"</li>
<li>GPS轨迹图：alt="双频GPS手表 林荫与高楼轨迹对比"</li>
</ul>
</li>
<li>内部链接策略：
<ul>
<li>跑步训练相关文章（示例）：/blog/run-pace-ai, /blog/hr-zones-guide, /blog/gps-accuracy-tips</li>
<li>在“AI配速建议”“心率区间图”处自然植入。</li>
</ul>
</li>
</ul>
<h3 id="竞争对手内容对比分析">竞争对手内容对比分析</h3>
<ul>
<li>参考1优势：有心率漂移测试数据与表带舒适度对比 → S1详情页建议新增“长跑心率漂移测试（对比胸带）”与表带材质耐汗实测。</li>
<li>参考2优势：运动模式覆盖表与泳池识别准确性评测 → 建议新增“运动模式清单表（120种分类）”与“泳池识别命中率/翻墙识别率数据”，在规格区或独立H2中呈现。</li>
<li>差距总结：S1内容在卖点完整性优，但在可验证的测试数据与对比化呈现上弱于参考内容；补足数据后可提升转化与搜索可见性。</li>
</ul>
<h3 id="预期效果">预期效果</h3>
<ul>
<li>预计排名提升空间：
<ul>
<li>目标词“智能手表 电池续航”“双频GPS手表”：通过标题、H2、FAQ与图片ALT落地，预计2–4周可获得长尾词Top10至Top5的提升（取决于域名权重与外链/内链体系）。</li>
</ul>
</li>
<li>优化时间预估：
<ul>
<li>文案与结构改造：2–3天</li>
<li>结构化数据与技术项落地：1–2天</li>
<li>测试数据与图表制作：3–7天（视素材）</li>
</ul>
</li>
<li>投入产出比分析：
<ul>
<li>低成本（文案+结构化+图像优化）带来的长尾流量增量可观，预计详情页自然流量提升20%–35%；结合站内内链，整体转化率提升5%–12%。</li>
</ul>
</li>
</ul>
<p>附加执行清单（便于落地）</p>
<ul>
<li>文案：
<ul>
<li>在标题、H1、H2与首屏卡片加入“智能手表 电池续航”“双频GPS手表”精确短语。</li>
<li>新增“电池续航实测”“双频GPS精度”“泳池识别准确率”三段，并配数据图。</li>
</ul>
</li>
<li>结构：
<ul>
<li>添加锚点目录与参数对比表，表头包含“运动手表”“心率监测”“防水智能手表”等词。</li>
<li>扩充FAQ并生成FAQPage结构化数据。</li>
</ul>
</li>
<li>技术：
<ul>
<li>实施图片压缩与懒加载、关键CSS内联、JS延迟；部署Product与Breadcrumb、OG/Twitter标签。</li>
</ul>
</li>
<li>追踪：
<ul>
<li>在分析工具中为“电池续航实测”“双频GPS精度”锚点添加事件追踪，评估用户停留与滚动深度；按周复盘关键词排名与点击率。</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="prompt-examples-v4-tab-content "
id="example-1">
<div class="prompt-examples-v4-output">
<button class="prompt-examples-v4-popup-btn"
onclick="showExamplePopup(1, 'PPT教程评估', this)"
title="在弹窗中查看完整内容">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/>
</svg>
</button>
<div class="html-content-display prompt-examples-v4-output-text">
<h2 id="seo内容评分报告">SEO内容评分报告</h2>
<h3 id="总体评分">总体评分</h3>
<ul>
<li>综合得分：76/100分</li>
<li>优化等级：一般</li>
<li>评语：内容覆盖完整、步骤清晰，适合争取“步骤型精选摘要”。但目标关键词的精确匹配度不足，标题与H标签未显式承载核心词，缺少HowTo结构化数据与页内目录锚点，移动端可用性与下载清单落地形式尚待完善。</li>
</ul>
<h3 id="关键词分析">关键词分析</h3>
<ul>
<li>目标关键词：PPT制作教程, PPT设计技巧, PPT配色方案, 新手PPT排版, 演示文稿可读性</li>
<li>当前关键词密度（估算）
<ul>
<li>核心词“PPT制作教程”：0%（未出现）</li>
<li>次要词“PPT设计技巧”：0%（未出现）</li>
<li>次要词“PPT配色方案”：≈0.1%（仅出现“配色方案”非完整长尾）</li>
<li>次要词“新手PPT排版”：0%（相关词“版式/排版/网格”出现，但未与“PPT/新手”组合）</li>
<li>次要词“演示文稿可读性”：≈0.1%（“可读性”“演示”分散出现）</li>
<li>总体关键词密度：≈0.4%（低于建议）</li>
</ul>
</li>
<li>分布合理性评估
<ul>
<li>标题/开头100字：未包含任何精确长尾；不利于获得摘要与相关性判定</li>
<li>小标题（步骤标题）：未嵌入长尾关键词，缺少“PPT配色方案”等指向性词</li>
<li>正文：同义词丰富（网格、对比度、母版、动效、留白等），但与目标长尾的共现不足</li>
</ul>
</li>
<li>关键词位置分布建议目标
<ul>
<li>标题（Title/H1）：包含“PPT制作教程”+“PPT设计技巧”</li>
<li>H2：至少3个H2包含长尾（含“PPT配色方案”“新手PPT排版”“演示文稿可读性”）</li>
<li>首段摘要：出现1-2个长尾（自然态）</li>
<li>图片Alt：分散覆盖“PPT配色方案/排版/设计技巧”</li>
<li>URL/面包屑：短语化包含核心词（如 /ppt-beginner-tutorial）</li>
</ul>
</li>
</ul>
<p>建议密度（面向中文内容，避免堆砌）</p>
<ul>
<li>主关键词“PPT制作教程”：0.6–0.8%</li>
<li>次关键词各：0.2–0.4%</li>
<li>同义词与实体（幻灯片、版式、对比度、母版、模板、无衬线、可访问性、色盲模拟等）自然分布</li>
</ul>
<h3 id="内容质量评估">内容质量评估</h3>
<ul>
<li>可读性评分：8.4/10
<ul>
<li>优点：10步法明确、术语准确、附常见错误与案例；适合碎片化阅读</li>
<li>改进：增加“前置步骤摘要（1屏内）”“每步操作清单+所需工具”，为移动端提升快速理解</li>
</ul>
</li>
<li>内容结构评价：8.2/10
<ul>
<li>优点：总分总、步骤化、覆盖从结构到导出全流程</li>
<li>改进：添加“目录锚点”“H2层级清晰化”“图例/对照表（字号、行距、对比度）”，并在H2前加入可跳转目录</li>
</ul>
</li>
<li>信息价值分析：8.0/10
<ul>
<li>优点：覆盖网格、配色、图表、母版、导出与色盲检核</li>
<li>补强：提供工具与资源列表（对比度测试、色盲模拟、可下载模板）、示例下载包、字体与字号对照表、移动端排版注意事项</li>
</ul>
</li>
</ul>
<h3 id="优化建议">优化建议</h3>
<ol>
<li>首要改进项（直接影响排名与摘要）</li>
</ol>
<ul>
<li>标题/元信息
<ul>
<li>Meta Title（28–34字）：PPT制作教程：新手PPT排版与PPT设计技巧全流程指南（含PPT配色方案）</li>
<li>Meta Description（70–120字）：零基础PPT制作教程，含新手PPT排版、PPT配色方案、字号与网格、图表与动效规范，附下载清单与模板，助你一周做出高可读性演示文稿。</li>
<li>URL：/ppt-beginner-tutorial-design-color-layout</li>
</ul>
</li>
<li>H结构与目录锚点（在H2前添加目录锚点）
<ul>
<li>添加“页内目录”：
<ul>
<li>目录：#受众与目标 #结构与目录 #新手PPT排版（网格与层级） #字体与字号 #PPT配色方案 #图片与图标 #数据图表 #动效控制 #模板与母版 #导出与检核 #常见错误 #案例演练 #下载检查清单</li>
</ul>
</li>
<li>示例锚点与H2（含长尾）：
<ul>
<li>
<h2 id="grid">新手PPT排版：网格与层级</h2>
</li>
<li>
<h2 id="color">PPT配色方案：主色、强调色与对比度</h2>
</li>
<li>
<h2 id="readability">演示文稿可读性：字号、行距与留白</h2>
</li>
</ul>
</li>
</ul>
</li>
<li>前置步骤型摘要（争取精选摘要）
<ul>
<li>在开场下方加入“10步快速清单（每步10–18字）”的有序列表，紧接正文</li>
</ul>
</li>
<li>HowTo结构化数据（JSON-LD，嵌入<head>或文章底部）
<ul>
<li>包含name、totalTime、step（HowToStep，10步）、supply/tool（可选）、estimatedCost（可选），每步短文本与锚点URL</li>
</ul>
</li>
<li>关键词融入策略（首屏与小标题）
<ul>
<li>在首段与H2中自然出现：“PPT制作教程”“PPT设计技巧”“PPT配色方案”“新手PPT排版”“演示文稿可读性”</li>
<li>控制总密度至1.6–2.2%，避免连续重复与堆砌</li>
</ul>
</li>
</ul>
<ol start="2">
<li>次要优化点（增强体验与相关性）</li>
</ol>
<ul>
<li>可下载检查清单（CSV/Markdown，提供直链或按钮下载）
<ul>
<li>清单应与10步逐项对应，列含：步骤、检查项、工具/资源、是否完成</li>
</ul>
</li>
<li>资源与工具外链（权威且与主题强相关）
<ul>
<li>对比度检测工具（WCAG对比度计算器）、色盲模拟器、字体下载（合法渠道）、图标库（统一风格）</li>
</ul>
</li>
<li>图片与示例
<ul>
<li>添加“网格vs无网格”“留白对比”“动效前后”3–5张示例图；图片alt分散覆盖目标长尾与同义词</li>
</ul>
</li>
<li>内部链接策略
<ul>
<li>相关页：PPT模板下载、字体/字号对照表、图表类型选择指南、演讲技巧</li>
<li>锚文本示例：“PPT模板下载”“字体字号对照表”“图表选择指南”</li>
</ul>
</li>
<li>移动端优化
<ul>
<li>段落≤3行、行距≥1.6、列表优先；图片懒加载；目录吸顶；按钮尺寸≥44px；避免表格横向滚动</li>
</ul>
</li>
<li>E-E-A-T与可信度
<ul>
<li>增加作者署名、资历简介、示例作品；更新时间与版本号（如v1.2）；列出参考标准（WCAG对比度）</li>
</ul>
</li>
</ul>
<ol start="3">
<li>长期优化策略（主题权重与外链）</li>
</ol>
<ul>
<li>构建主题集群：配色心理学、图表讲故事、PPT模板系统化、演讲呈现与控时</li>
<li>获取行业站点/教育平台引用与自然外链（发布示例模板、教程合集）</li>
<li>内容A/B迭代：观察搜索词点击与停留，优化H2与摘要；每3–6个月更新案例与工具</li>
</ul>
<h3 id="技术要素示例落地片段">技术要素（示例落地片段）</h3>
<ul>
<li>
<p>页内目录（H2前添加锚点）</p>
<ul>
<li>
<nav id="toc">
- <a href="#audience">受众与目标</a> | <a href="#structure">结构与目录</a> | <a href="#grid">新手PPT排版</a> | <a href="#color">PPT配色方案</a> | <a href="#readability">演示文稿可读性</a> | <a href="#assets">图片与图标</a> | <a href="#charts">数据图表</a> | <a href="#motion">动效控制</a> | <a href="#master">模板与母版</a> | <a href="#export">导出与检核</a> | <a href="#mistakes">常见错误</a> | <a href="#case">案例演练</a> | <a href="#checklist">下载检查清单</a>
</li>
<li>确保对应H2含上述id</li>
</ul>
</li>
<li>
<p>HowTo结构化数据（精简示例，按需补充图片/费用）</p>
<ul>
<li>{
"@context": "<a href="https://schema.org">https://schema.org</a>",
"@type": "HowTo",
"name": "PPT制作教程：从结构到配色的新手PPT排版与设计技巧",
"description": "零基础一周完成高可读性演示文稿的10步教程，涵盖PPT配色方案、网格排版、图表与动效控制。",
"totalTime": "P7D",
"step": [
{"@type": "HowToStep","name": "明确受众与场景","url": "<a href="https://example.com/ppt-beginner-tutorial#audience">https://example.com/ppt-beginner-tutorial#audience</a>","text": "确定听众背景、时长、要点，归纳一句话信息主轴。"},
{"@type": "HowToStep","name": "设计结构与目录","url": "<a href="https://example.com/ppt-beginner-tutorial#structure">https://example.com/ppt-beginner-tutorial#structure</a>","text": "采用总分总：问题现状-解决方案-证据案例-行动建议。"},
{"@type": "HowToStep","name": "新手PPT排版（网格与层级）","url": "<a href="https://example.com/ppt-beginner-tutorial#grid">https://example.com/ppt-beginner-tutorial#grid</a>","text": "设置12列网格与8pt基准行距，3级标题层次与留白。"},
{"@type": "HowToStep","name": "字体与字号","url": "<a href="https://example.com/ppt-beginner-tutorial#font">https://example.com/ppt-beginner-tutorial#font</a>","text": "标题32–44pt，正文18–24pt，中英文无衬线，最多两种字体。"},
{"@type": "HowToStep","name": "PPT配色方案","url": "<a href="https://example.com/ppt-beginner-tutorial#color">https://example.com/ppt-beginner-tutorial#color</a>","text": "1主色1强调色+3档灰，60/30/10，深背景对比度≥4.5。"},
{"@type": "HowToStep","name": "图片与图标","url": "<a href="https://example.com/ppt-beginner-tutorial#assets">https://example.com/ppt-beginner-tutorial#assets</a>","text": "风格统一，人物朝向内容，图标线宽一致，避免线框与填充混用。"},
{"@type": "HowToStep","name": "数据图表","url": "<a href="https://example.com/ppt-beginner-tutorial#charts">https://example.com/ppt-beginner-tutorial#charts</a>","text": "柱状对比、折线趋势、饼图≤5项，弱化轴线与网格。"},
{"@type": "HowToStep","name": "动效节制","url": "<a href="https://example.com/ppt-beginner-tutorial#motion">https://example.com/ppt-beginner-tutorial#motion</a>","text": "入场淡化+关键强调，单页≤3个动效。"},
{"@type": "HowToStep","name": "模板与母版","url": "<a href="https://example.com/ppt-beginner-tutorial#master">https://example.com/ppt-beginner-tutorial#master</a>","text": "母版统一页眉页脚、页码与配色，减少手工调整。"},
{"@type": "HowToStep","name": "导出与检核","url": "<a href="https://example.com/ppt-beginner-tutorial#export">https://example.com/ppt-beginner-tutorial#export</a>","text": "演示模式逐页检查，色盲模拟，准备讲者笔记与Q&A。"}
]
}</li>
</ul>
</li>
<li>
<p>推荐H1与首屏摘要（示例）</p>
<ul>
<li>H1：PPT制作教程：新手PPT排版与PPT设计技巧全流程（含PPT配色方案）</li>
<li>首屏摘要：10步搞定零基础PPT制作教程：从受众与结构到网格排版、PPT配色方案、图表与动效控制，附下载清单与模板，提升演示文稿可读性。</li>
</ul>
</li>
<li>
<p>图片Alt示例</p>
<ul>
<li>“PPT配色方案对比度示例”“新手PPT排版12列网格”“演示文稿可读性-字号行距对照”</li>
</ul>
</li>
</ul>
<h3 id="可下载检查清单可转csv表格">可下载检查清单（可转CSV/表格）</h3>
<ul>
<li>字段：步骤, 检查项, 工具/资源, 通过(✓/✗)</li>
<li>清单内容：
<ul>
<li>受众与目标, 已写出一句话信息主轴, 需求文档/便签,</li>
<li>结构与目录, 使用总分总并列出6页关键页型, 大纲/思维导图,</li>
<li>新手PPT排版, 设置12列网格与8pt基准行距, PPT/Keynote/Figma,</li>
<li>字体与字号, 标题32–44pt正文18–24pt且中英无衬线, 字体清单/对照表,</li>
<li>PPT配色方案, 1主色1强调色3灰且对比度≥4.5, 对比度工具/色盲模拟,</li>
<li>图片与图标, 风格统一且人物朝向内容, 图库/图标库,</li>
<li>数据图表, 类型与目的匹配且不超载, 图表模板,</li>
<li>动效控制, 单页动效≤3且有节奏, 预设动画库,</li>
<li>模板与母版, 页眉页脚页码统一并应用全局, 母版面板,</li>
<li>导出与检核, 演示模式过稿+色盲模拟+讲者笔记, 预演工具/清单</li>
</ul>
</li>
</ul>
<p>提示：提供“下载清单（CSV）”按钮，或在页面底部生成.csv文件直链，便于移动端保存。</p>
<h3 id="预期效果">预期效果</h3>
<ul>
<li>预计排名提升空间
<ul>
<li>长尾词“PPT配色方案 新手”“新手PPT排版 网格”有望进入Top10</li>
<li>主词“PPT制作教程”竞争较高，预计进入Top20后逐步爬升</li>
</ul>
</li>
<li>优化时间预估
<ul>
<li>收录与初始排名：1–2周</li>
<li>长尾稳定上升：3–6周</li>
<li>主词突破：6–12周（取决于外链、内容深度与更新频率）</li>
</ul>
</li>
<li>投入产出比分析
<ul>
<li>一次性结构化改造（标题/H2/HowTo/目录锚点/清单）：低成本，高收益（对点击率与摘要获取影响显著）</li>
<li>持续内容维护（案例扩充、工具更新、模板下载）：中成本，中高收益（提升停留与外链概率）</li>
</ul>
</li>
</ul>
<p>——</p>
<p>附：与竞品差异化补强</p>
<ul>
<li>参考1强调“目录锚点与字号对照表”：建议新增一页可复制“字体字号对照表”</li>
<li>参考2强调“网格与留白对比展示、动效≤3步”：建议补充“动效前后对比GIF/视频”与“网格开关对比图”</li>
</ul>
<p>注意</p>
<ul>
<li>避免关键词堆砌、隐藏文本、诱导点击等黑帽手段</li>
<li>确保图片版权合规与工具外链可信</li>
<li>面向移动端优先设计，关注Core Web Vitals与可访问性（对比度/可读文本）</li>
</ul>
</div>
</div>
</div>
<div class="prompt-examples-v4-tab-content "
id="example-2">
<div class="prompt-examples-v4-output">
<button class="prompt-examples-v4-popup-btn"
onclick="showExamplePopup(2, '云笔记落地页', this)"
title="在弹窗中查看完整内容">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/>
</svg>
</button>
<div class="html-content-display prompt-examples-v4-output-text">
<h2 id="seo内容评分报告">SEO内容评分报告</h2>
<h3 id="总体评分">总体评分</h3>
<ul>
<li>综合得分：84/100分</li>
<li>优化等级：良好</li>
</ul>
<p>说明：信息完整、卖点清晰、覆盖“功能-场景-价格-FAQ-CTA”全链路，但核心关键词匹配度与结构化标注、核心网页指标细节仍有提升空间。</p>
<h3 id="关键词分析">关键词分析</h3>
<ul>
<li>关键词密度：主关键词总体约0.4%—0.8%（估算）
<ul>
<li>在线笔记工具：缺失（0次）</li>
<li>团队协作笔记：缺失（0次）</li>
<li>笔记应用云端同步：缺失（0次，已有“多端同步/云端笔记”同义语）</li>
<li>知识库搭建：1次（标题含义等价）</li>
<li>Markdown笔记：缺失（FAQ仅提到“Markdown”）</li>
</ul>
</li>
<li>分布合理性评估：当前高频词集中在“同步/协作/搜索/模板/安全”，与目标词相关但缺少精确匹配词形；关键词主要出现在首屏价值主张和FAQ处，未在H2、CTA、图片alt、元信息中系统布局。</li>
<li>关键词位置分布（建议对齐）
<ul>
<li>H1：应涵盖“在线笔记工具”“团队知识库”（双核心）</li>
<li>H2：分配“团队协作笔记”“Markdown笔记”“知识库搭建”“云端同步/搜索”等</li>
<li>首屏首段/价值主张首句：加入“在线笔记工具”近义短语</li>
<li>CTA文案与按钮title属性：加入“免费试用 在线笔记工具”</li>
<li>图片alt：包含“团队协作笔记/知识库搭建”语义</li>
<li>元标题/描述：覆盖主词与免费试用、模板库等转化词</li>
</ul>
</li>
</ul>
<h3 id="内容质量评估">内容质量评估</h3>
<ul>
<li>可读性评分：8.5/10
<ul>
<li>优点：短句+要点式列举，清晰强调功能场景与安全合规，降低理解成本</li>
<li>可改：增加真实数字与对比信息（性能指标、迁移成本、学习成本数据）</li>
</ul>
</li>
<li>内容结构评价：8/10
<ul>
<li>优点：包含主副标题、价值主张、场景、FAQ与CTA</li>
<li>可改：缺少系统化H2/H3层级、对比表模块、迁移与集成专区、信任背书（认证/客户Logo/案例）</li>
</ul>
</li>
<li>信息价值分析：7.5/10
<ul>
<li>优点：功能覆盖全面，涵盖安全、价格与试用</li>
<li>可改：补充
<ul>
<li>性能与可靠性：如“检索耗时P95”“可用性SLA”</li>
<li>标准与合规：ISO27001、SOC 2、GDPR/本地合规说明</li>
<li>集成生态：Slack/飞书/钉钉/Jira/Google Drive/Web Clipper等</li>
<li>迁移细节：从Notion/Evernote/Confluence一键迁移路径与映射规则</li>
<li>使用门槛：学习曲线、上手时长、模板覆盖率</li>
<li>对比内容：与竞品的功能/价格/权限粒度/私有化能力对比表</li>
</ul>
</li>
</ul>
</li>
</ul>
<h3 id="优化建议">优化建议</h3>
<ol>
<li>首要改进项
<ul>
<li>关键词精准布局与标题体系
<ul>
<li>H1建议：在线笔记工具与团队知识库搭建——多端云端同步与实时协作</li>
<li>H2建议：
<ul>
<li>团队协作笔记：评论、任务分派与权限到段落级</li>
<li>Markdown笔记：常用语法支持与导入导出</li>
<li>云端同步与搜索：多端秒级同步与布尔检索</li>
<li>知识库搭建：页面树、双向链接与模板库</li>
</ul>
</li>
<li>在首屏首段与CTA处加入“在线笔记工具/团队知识库”精确词形</li>
</ul>
</li>
<li>元信息优化
<ul>
<li>标题Tag（建议≤60字符）：在线笔记工具与团队知识库 | 多端云端同步·实时协作·免费试用</li>
<li>元描述（建议120–155字）：为分布式团队打造的在线笔记工具与团队知识库，提供多端云端同步、实时协作、强力搜索与模板库。支持Markdown与私有化部署，基础版免费，团队版14天试用。</li>
<li>URL建议：/online-notes-team-knowledge-base</li>
</ul>
</li>
<li>结构化数据添加（JSON-LD）
<ul>
<li>Product：名称、描述、品牌、offers（免费/团队版试用），若无真实评价数据，暂不添加aggregateRating</li>
<li>FAQPage：将现有问答标注</li>
<li>Breadcrumb：主页 > 产品 > 在线笔记工具/团队知识库</li>
</ul>
</li>
<li>核心网页指标（CWV）
<ul>
<li>LCP<2.5s：首屏Hero图≤120KB，使用AVIF/WebP；预加载关键字体并使用font-display:swap；内联关键CSS，延迟加载非关键脚本；启用HTTP/3与CDN边缘缓存</li>
<li>CLS<0.1：为图片与广告位保留尺寸；避免动态注入字体引起回流；按钮与表单加载前占位</li>
</ul>
</li>
</ul>
</li>
<li>次要优化点
<ul>
<li>内容模块增强
<ul>
<li>新增“对比表模块（与Notion/飞书文档/Confluence）”、“迁移工具详解”、“集成生态”、“安全与合规认证”、“客户案例与Logo墙”</li>
<li>用数据强化卖点：如“搜索P95<200ms”“99.95%可用性”“模板覆盖20+场景”</li>
</ul>
</li>
<li>内部链接策略
<ul>
<li>从落地页链接至：模板库中心、价格页、迁移指南、安全与合规页、集成目录、博客对比文（如“在线笔记工具对比”“团队知识库最佳实践”）</li>
<li>面包屑与分页优化，确保爬虫可达性和主题聚合</li>
</ul>
</li>
<li>多语言与hreflang
<ul>
<li>配置 zh-CN / en-US 对应URL与x-default；语言切换不改变路径结构（/zh-cn/ /en/）</li>
</ul>
</li>
<li>富媒体与可读性
<ul>
<li>每个H2配功能示意图/短动图；图片alt包含目标关键词；在首屏放简短对比表或关键数字徽章</li>
</ul>
</li>
</ul>
</li>
<li>长期优化策略
<ul>
<li>内容集群与专题页
<ul>
<li>围绕“在线笔记工具”和“团队知识库”建设专题，覆盖长尾：私有化知识库、教育场景、OKR模板合集、Markdown教程、Notion替代方案</li>
</ul>
</li>
<li>博客/资源库
<ul>
<li>发布对比评测、迁移手册、性能与可靠性实践、行业报告，获取外链与长尾流量</li>
</ul>
</li>
<li>着陆页A/B测试与转化优化（见下）</li>
</ul>
</li>
</ol>
<h3 id="预期效果">预期效果</h3>
<ul>
<li>预计排名提升空间：主词进入Top 5–10（3–6个月，取决于域名权重与外链）</li>
<li>优化时间预估：技术落地与结构化数据1–2周；内容扩展与对比页2–4周；权威积累与外链3–6个月</li>
<li>投入产出比分析：以SaaS试用转化为目标，完成关键词与结构化+CWV优化后，预计自然流量提升30%–60%，试用转化率提升10%–25%（以对比表与CTA优化驱动）</li>
</ul>
<p>—— 以下为可直接落地的技术与文案方案 ——</p>
<p>结构化数据（示例，需替换站点真实字段）</p>
<pre><code class="language-json">{
"@context": "https://schema.org",
"@type": "Product",
"name": "XX在线笔记工具与团队知识库",
"description": "面向分布式团队的在线笔记与知识库，支持多端云端同步、实时协作、强力搜索与Markdown。",
"brand": { "@type": "Brand", "name": "YourBrand" },
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "CNY",
"availability": "https://schema.org/InStock",
"url": "https://example.com/online-notes-team-knowledge-base"
}
}
</code></pre>
<pre><code class="language-json">{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "是否支持Markdown？",
"acceptedAnswer": {
"@type": "Answer",
"text": "支持常用语法与快捷格式，导入导出兼容主流标记。"
}
},
{
"@type": "Question",
"name": "是否可私有化部署？",
"acceptedAnswer": {
"@type": "Answer",
"text": "企业版支持私有化或专属实例，提供迁移工具与技术支持。"
}
}
]
}
</code></pre>
<pre><code class="language-json">{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{ "@type": "ListItem", "position": 1, "name": "首页", "item": "https://example.com/" },
{ "@type": "ListItem", "position": 2, "name": "产品", "item": "https://example.com/products/" },
{ "@type": "ListItem", "position": 3, "name": "在线笔记工具与团队知识库", "item": "https://example.com/online-notes-team-knowledge-base" }
]
}
</code></pre>
<p>hreflang标记（示例，放<head>）</p>
<pre><code class="language-html"><link rel="alternate" href="https://example.com/online-notes-team-knowledge-base" hreflang="x-default" />
<link rel="alternate" href="https://example.com/zh-cn/online-notes-team-knowledge-base" hreflang="zh-CN" />
<link rel="alternate" href="https://example.com/en/online-notes-team-knowledge-base" hreflang="en-US" />
</code></pre>
<p>推荐H标签与文案框架（片段示例）</p>
<ul>
<li>H1：在线笔记工具与团队知识库搭建——多端云端同步与实时协作</li>
<li>首屏副文：基础版免费，团队版14天试用，3步迁移现有文档与模板库一键复用。</li>
<li>H2：团队协作笔记——评论、任务分派与权限到段落级</li>
<li>H2：Markdown笔记——常用语法支持与导入导出</li>
<li>H2：云端同步与强力搜索——多端秒级同步、布尔查询与过滤器</li>
<li>H2：知识库搭建——页面树、双向链接与看板视图</li>
<li>H2：安全与合规——加密、双重验证与区域化存储</li>
</ul>
<p>元信息与开放图</p>
<ul>
<li>Open Graph：og:title 同步标题；og:description与meta描述一致；og:image使用≤120KB的WebP/AVIF；og:locale zh_CN</li>
<li>Twitter Card：summary_large_image</li>
</ul>
<p>图片与资源优化（达成LCP/CLS目标）</p>
<ul>
<li>将首屏主图转为AVIF/WebP（≤120KB），加上明确width/height与sizes</li>
<li>只预加载一个可变字体子集或使用系统字体；font-display: swap</li>
<li>关键CSS≤10KB内联；其他CSS与JS延迟加载（defer）</li>
<li>预连接与预获取：<link rel="preconnect" href="https://cdn.example.com"></li>
<li>服务端：CDN缓存、HTTP/3、GZIP/Brotli、服务端渲染/边缘渲染优先首屏</li>
<li>组件：为动态模块保留占位，避免布局抖动；避免在首屏加载第三方小部件</li>
</ul>
<p>内部链接与信息架构</p>
<ul>
<li>从落地页链接到：
<ul>
<li>/templates/（会议纪要、OKR、PRD、研究报告）</li>
<li>/pricing/（清晰展示年付折扣）</li>
<li>/security/（加密、审计日志、合规证书）</li>
<li>/migrate/（从Notion/Evernote/Confluence迁移工具）</li>
<li>/integrations/（Slack/飞书/钉钉/Google Drive）</li>
<li>/blog/（对比评测/最佳实践）</li>
</ul>
</li>
<li>面包屑、HTML站点地图与XML站点地图同步；为Bing/Yandex提交站点地图与站点验证（yandex-verification）</li>
</ul>
<p>A/B测试方案（CTA与对比表位置）</p>
<ul>
<li>目标：提高首屏转化率与试用注册</li>
<li>测试1：CTA文案（首屏按钮）
<ul>
<li>版本A（现状强化）：免费创建团队空间</li>
<li>版本B（价值+主词）：免费试用在线笔记工具（14天）</li>
<li>版本C（痛点导向）：3步迁移，立即开始团队协作</li>
<li>指标：CTR、注册转化率、首屏停留时间</li>
</ul>
</li>
<li>测试2：对比表位置
<ul>
<li>版本A：首屏下方第1屏（强调与竞品差异）</li>
<li>版本B：功能H2之后（先建立价值再对比）</li>
<li>指标：注册转化率、滚动深度、时间到注册</li>
</ul>
</li>
<li>设计要点：对比维度（同步速度/权限粒度/私有化/价格/模板数量/搜索能力）；使用固定表头与清晰打勾标</li>
<li>实验设置：95%置信度；功效0.8；按当前流量估算样本量，预期持续2–4周；避免重叠实验；基于用户级随机</li>
</ul>
<p>内容安全与真实度</p>
<ul>
<li>评价与评分仅在有真实用户评论与可验证数据时标注；避免夸大“秒级/稳定”等词汇，建议提供监控数据与方法（如合规第三方监控截图）</li>
</ul>
<p>附：关键词落地清单（便于执行）</p>
<ul>
<li>页面元素
<ul>
<li>H1：在线笔记工具、团队知识库</li>
<li>至少3个H2覆盖：团队协作笔记、Markdown笔记、知识库搭建、云端同步/搜索</li>
<li>首屏副文与CTA包含“免费试用/免费创建”</li>
<li>图片alt包含：在线笔记工具、团队协作笔记、知识库搭建</li>
<li>元标题/描述覆盖主词+试用/模板库</li>
</ul>
</li>
<li>文案扩展
<ul>
<li>新增“迁移工具”H2，包含Notion/Evernote/Confluence关键词</li>
<li>新增“对比竞品”H2，覆盖“对比/替代/替换”相关长尾</li>
<li>新增“模板库”H2，罗列场景模板数量</li>
</ul>
</li>
</ul>
<p>整体判断：完成上述关键词体系、结构化数据与CWV优化后，可显著提升主词相关性与抓取理解度，结合A/B测试和对比表增强，预计3–6个月内获得稳定的自然流量增长与试用转化提升。</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>
<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>
<!-- Chat用户 -->
<div class="usage-content active" id="chat-content">
<div class="usage-card">
<div class="usage-card-title">
<span>⚡</span>
模式 1：即插即用（手动档）
</div>
<div class="usage-card-desc">
直接复制参数化模版。手动修改 {{变量}} 即可快速发起对话，适合对结果有精准预期的单次任务。
</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>
模式 2：沉浸式引导（交互档）
</div>
<div class="usage-card-desc">
一键转化为交互式脚本。AI 将化身专业面试官或顾问，主动询问并引导您提供关键信息，最终合成高度定制化的专业结果。
</div>
<a href="https://tools.explinks.com/prompt-interactive?slug=seo_content_score_audit_pro" class="usage-card-action">
<span>转为交互式</span>
<span>→</span>
</a>
</div>
<div class="usage-card">
<div class="usage-card-title">
<span>🚀</span>
模式 3：原生指令自动化（智能档）
</div>
<div class="usage-card-desc">
无需切换，输入 / 唤醒 8000+ 专家级提示词。 插件将全站提示词库深度集成于 Chat 输入框。基于当前对话语境，系统智能推荐最契合的 Prompt 并自动完成参数化，让海量资源触手可及，从此彻底告别“手动搬运”。
</div>
<a href="javascript:void(0)" class="usage-card-action disabled">
<span>安装插件</span>
<span>→</span>
</a>
</div>
</div>
<!-- 开发者 -->
<div class="usage-content" id="developer-content">
<div class="usage-card">
<div class="usage-card-title">
<span>🔌</span>
发布为 API 接口
</div>
<div class="usage-card-desc">
将 Prompt 接入自动化工作流，核心利用平台批量评价反馈引擎，实现"采集-评价-自动优化"的闭环。通过 RESTful 接口动态注入变量，让程序在批量任务中自动迭代出更高质量的提示词方案，实现 Prompt 的自我进化。
</div>
<a href="https://tools.explinks.com/prompt-api?slug=seo_content_score_audit_pro" 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="tools-section">
<h2 class="section-title">🛠️ 提示词工具</h2>
<div class="tools-grid" id="tools-grid">
<a href="https://tools.explinks.com/prompt-translate?slug=seo_content_score_audit_pro" class="tool-card">
<div class="tool-card-icon">🌐</div>
<div class="tool-card-content">
<div class="tool-card-title">多语言翻译</div>
<div class="tool-card-desc">将提示词翻译为英文、日文等多种语言</div>
</div>
</a>
<a href="https://tools.explinks.com/prompt-interactive?slug=seo_content_score_audit_pro" class="tool-card">
<div class="tool-card-icon">💬</div>
<div class="tool-card-content">
<div class="tool-card-title">交互式转换</div>
<div class="tool-card-desc">转换为 Chat 交互式对话风格</div>
</div>
</a>
<a href="https://tools.explinks.com/prompt-formatter?slug=seo_content_score_audit_pro" class="tool-card">
<div class="tool-card-icon">📝</div>
<div class="tool-card-content">
<div class="tool-card-title">参数格式化</div>
<div class="tool-card-desc">可视化界面替换参数，快速生成</div>
</div>
</a>
<a href="https://tools.explinks.com/prompt-api?slug=seo_content_score_audit_pro" class="tool-card">
<div class="tool-card-icon">🔌</div>
<div class="tool-card-content">
<div class="tool-card-title">发布为 API</div>
<div class="tool-card-desc">转化为 API 接口，程序调用</div>
</div>
</a>
<a href="https://tools.explinks.com/prompt-optimizer?slug=seo_content_score_audit_pro" class="tool-card">
<div class="tool-card-icon">✨</div>
<div class="tool-card-content">
<div class="tool-card-title">提示词优化</div>
<div class="tool-card-desc">通过 AI 优化器改写提示词</div>
</div>
</a>
<a class="tool-card disabled">
<div class="tool-card-icon">🤖</div>
<div class="tool-card-content">
<div class="tool-card-title">发布为 Agent</div>
<div class="tool-card-desc">生成独立 Agent 应用</div>
</div>
</a>
</div>
</div>
<!-- 版本历史 -->
<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>
<!-- 暂时隐藏评价按钮，因为模块正在开发中 -->
<!--
<button class="feedback-btn" onclick="openFeedbackModal()">
<span>✍️</span>
<span>写评价 / 反馈</span>
</button>
-->
</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">
<!-- 免费试用按钮 (所有人可见) -->
<button class="trial-btn-clean" onclick="window.location.href = 'https://tools.explinks.com/prompt-trial?slug=seo_content_score_audit_pro'" style="margin-bottom: 8px;">
🎯 立即在线试用此提示词
</button>
<p class="trial-hint" style="margin-bottom: 24px;">试用后开通会员即可无限使用</p>
<!-- 动态会员卡片区域 -->
<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') {
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();
}
}
function renderVipPanel() {
var panel = document.getElementById('action-panel');
panel.innerHTML = '' +
'<div class="action-card" style="padding: 0; border: none; background: transparent; box-shadow: none;">' +
' <div class="member-status">' +
' <div style="font-size: 18px; font-weight: 800; margin-bottom: 8px;">✨ 终身会员</div>' +
' <div style="font-size: 15px; opacity: 0.95;">已解锁全部功能</div>' +
' </div>' +
' ' +
' <div class="action-card">' +
' <ul class="features-list">' +
' <li>无限次复制与查看</li>' +
' <li>使用全部提示词工具</li>' +
' <li>发布 API 和 Agent</li>' +
' <li>持续更新权益</li>' +
' </ul>' +
' </div>' +
'</div>';
}
function renderNonVipPanel() {
var panel = document.getElementById('action-panel');
// 从后端获取的价格和统计数据
var originalPrice = 298;
var currentPrice = 188;
var savedPrice = originalPrice - currentPrice;
var promptCount = '8200 +';
// Remove the extra 'action-card' wrapper since prompt-detail-v5-right already has a card style
panel.innerHTML = '' +
'<!-- 终身会员卡片 - 重新设计 -->' +
'<div class="member-card-redesign" style="margin-top: 0;">' +
' <div class="member-card-header">' +
' <span class="member-badge-new">🔥 限时立减 ¥' + savedPrice + '</span>' +
' <h3 class="member-card-title">终身会员</h3>' +
' <p class="member-card-subtitle">一次付费 · 终身免费复制</p>' +
' </div>' +
' ' +
' <div class="member-card-price">' +
' <span class="price-current">¥' + currentPrice + '</span>' +
' <span class="price-original">¥' + originalPrice + '</span>' +
' </div>' +
' ' +
' <div class="member-card-guarantee">' +
' 🛡️ 7天内不满意，全额退款' +
' </div>' +
' ' +
' <button class="member-card-cta" onclick="window.open(\'/user/vip\', \'_blank\')">' +
' ✨ 立即开通终身会员' +
' </button>' +
' ' +
' <ul class="member-card-features">' +
' <li>✓ 无限次复制全站 ' + promptCount + ' 提示词</li>' +
' <li>✓ 商业项目无限次使用</li>' +
' <li>✓ 持续更新，永久免费升级</li>' +
' </ul>' +
'</div>';
}
</script>
</div>
</div>
</div>
<!-- 相关推荐模块 -->
<script src="https://static.explinks.com/prompt/static/js/home/zone-section.js?v=1772795717885"></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 {
const response = await fetch('https://api.explinks.com/feedback/submit', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
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=1772795717885"></script>
<script src="https://static.explinks.com/hub/static/script/baidu-analytics.js?v=1772795717885"></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=1772795717885"></script>
<script>
// 页面加载完成后自动记录浏览量
ViewCountStatistics.autoRecordViewCount('seo_content_score_audit_pro');
</script>
<script src="https://static.explinks.com/prompt/static/js/prompt-detail-v5/countdown.js?v=1772795717885"></script>
<!-- Highlight.js JavaScript -->
<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>
</body>
</html>
