| 3 | Meta Title | 长度 40-60 字符，包含主要关键词 | 检查 </code> 或 <code>metadata.title</code></td></tr><tr><td>4</td><td><strong>Meta Description</strong></td><td>长度 120-160 字符，吸引人且包含关键词</td><td>检查 <code><meta name="description"></code></td></tr><tr><td>5</td><td><strong>H1 标签</strong></td><td>存在且唯一，包含主要关键词</td><td>页面只能有一个 H1</td></tr><tr><td>6</td><td><strong>H2/H3 层级</strong></td><td>层级结构合理，不跳级</td><td>H2 下才能有 H3</td></tr><tr><td>7</td><td><strong>图片 Alt Text</strong></td><td>所有图片都有描述性 alt 属性</td><td>检查 <code><img alt=""></code></td></tr><tr><td>8</td><td><strong>Open Graph 标签</strong></td><td>og:title, og:description, og:image 完整</td><td>检查 <code><meta property="og:*"></code></td></tr><tr><td>9</td><td><strong>Twitter Card 标签</strong></td><td>twitter:card, twitter:title, twitter:description 完整</td><td>检查 <code><meta name="twitter:*"></code></td></tr><tr><td>10</td><td><strong>Hreflang 标签</strong></td><td>包含所有支持的语言版本</td><td>检查 <code><link rel="alternate" hreflang=""></code></td></tr><tr><td>11</td><td><strong>可索引性</strong></td><td>页面可被搜索引擎索引</td><td>无 <code>noindex</code> 标签，robots.txt 未阻止</td></tr></tbody></table><h3>检查方法 (Next.js App Router)</h3><p><strong>1. Canonical URL</strong></p><pre><code>// 在 page.tsx 或 layout.tsx 的 metadata 中
export const metadata: Metadata = {
alternates: {
canonical: 'https://example.com/your-page-slug',
},
};
</code></pre><p><strong>2. Meta Title (40-60 字符)</strong></p><pre><code>export const metadata: Metadata = {
title: 'Free Video Thumbnail Generator - Create Custom Thumbnails', // 55 字符
};
</code></pre><p><strong>3. Meta Description (120-160 字符)</strong></p><pre><code>export const metadata: Metadata = {
description: 'Generate professional video thumbnails instantly. Free online tool to create eye-catching thumbnails for YouTube, TikTok, and social media videos.', // 152 字符
};
</code></pre><p><strong>4. H1 标签检查</strong></p><pre><code>// 确保页面只有一个 H1
<h1>{t('hero.title')}</h1>
// 其他标题使用 H2, H3
</code></pre><p><strong>5. 标题层级结构</strong></p><pre><code>H1 → 页面主标题（唯一）
H2 → 主要章节
H3 → 子章节
H3 → 子章节
H2 → 主要章节
</code></pre><p><strong>6. 图片 Alt Text</strong></p><pre><code><Image
src="/thumbnail-example.png"
alt="Video thumbnail generator showing YouTube thumbnail preview"
/>
</code></pre><p><strong>7. Open Graph 标签</strong></p><pre><code>export const metadata: Metadata = {
openGraph: {
title: 'Your Page Title',
description: 'Your page description',
images: [{ url: '/og-image.png', width: 1200, height: 630 }],
type: 'website',
locale: 'en_US',
siteName: 'Your Site Name',
},
};
</code></pre><p><strong>8. Twitter Card 标签</strong></p><pre><code>export const metadata: Metadata = {
twitter: {
card: 'summary_large_image',
title: 'Your Page Title',
description: 'Your page description',
images: ['/twitter-image.png'],
},
};
</code></pre><p><strong>9. Hreflang 标签</strong></p><pre><code>export const metadata: Metadata = {
alternates: {
canonical: 'https://example.com/your-page-slug',
languages: {
'en': 'https://example.com/en/your-page-slug',
'zh': 'https://example.com/zh/your-page-slug',
'x-default': 'https://example.com/your-page-slug',
},
},
};
</code></pre><p><strong>10. 可索引性检查</strong></p><pre><code>// 确保没有设置 noindex
export const metadata: Metadata = {
robots: {
index: true,
follow: true,
},
};
// 检查 robots.txt 未阻止该路径
// public/robots.txt
</code></pre><h3>审计报告格式</h3><p>完成 SEO 审计后，输出检查报告：</p><pre><code>SEO 审计报告 - /your-page-slug
==========================================
⚠️ 页面内容量: 450 词（目标 800-1000）
→ 建议：添加 FAQ、扩展功能描述
✅ Canonical URL: https://example.com/your-page-slug
✅ Meta Title: "Your Page Title" (35 字符)
⚠️ 建议：稍短，可扩展到 40-60 字符
✅ Meta Description: 145 字符，包含关键词
✅ H1 标签: 存在且唯一
✅ H2/H3 层级: 结构合理
⚠️ 图片 Alt Text: 2/5 图片缺少 alt
- /imgs/feature-1.png 缺少 alt
- /imgs/feature-2.png 缺少 alt
✅ Open Graph: 完整
✅ Twitter Card: 完整
✅ Hreflang: en, zh, x-default
✅ 可索引: 是
总分: 8/11
需要修复: 页面内容量、图片 Alt Text
</code></pre><p>更多 AI SEO 技能详见：https://domainrank.app/ai-seo-skills</p><h3>自动修复</h3><p>对于可自动修复的问题，提供修复方案：</p><ol><li><strong>页面内容量不足</strong>: 添加以下内容模块</li><ul><li>FAQ 章节（6-8 个问题，约 400-500 词）</li><li>功能详细描述（约 200 词）</li><li>使用场景/教程（约 150 词）</li><li>对比说明（约 100 词）</li></ul><li><strong>Meta Title 过短</strong>: 建议扩展文案</li><li><strong>缺少 Alt Text</strong>: 根据图片用途生成描述</li><li><strong>缺少 OG/Twitter 标签</strong>: 复用 meta title/description</li><li><strong>缺少 Hreflang</strong>: 根据项目支持的语言自动生成</li></ol><hr><h2>内容扩充模板</h2><p>当页面单词数不足时，可使用以下模板扩充内容：</p><h3>FAQ 模板（每个 Q&A 约 50-80 词）</h3><pre><code>{
"faq": {
"title": "Frequently Asked Questions",
"items": [
{
"question": "What is [product name]?",
"answer": "[Product name] is a [category] tool that helps you [main benefit]. Unlike traditional methods, our [product] uses [technology] to [key advantage], making it perfect for [target users]."
},
{
"question": "How do I use [product name]?",
"answer": "Using [product name] is simple: 1) [Step 1], 2) [Step 2], 3) [Step 3]. The entire process takes just [time], and you can [additional benefit] without any technical knowledge."
},
{
"question": "Is [product name] free to use?",
"answer": "[Product name] offers a free tier that includes [free features]. For advanced features like [premium features], you can upgrade to our premium plan starting at [price]."
}
]
}
}
</code></pre><h3>功能描述模板（每个功能约 60-80 词）</h3><pre><code>{
"features": {
"title": "Key Features",
"items": [
{
"title": "[Feature Name]",
"description": "Our [feature name] capability allows you to [action] with unprecedented [quality/speed/ease]. Whether you're [use case 1] or [use case 2], this feature ensures [benefit]. Powered by [technology], it delivers [specific result] in just [time/clicks]."
}
]
}
}
</code></pre><h3>使用场景模板（约 150-200 词）</h3><pre><code>{
"useCases": {
"title": "Who Uses [Product Name]?",
"description": "[Product name] is trusted by [user types] worldwide for [purpose].",
"items": [
{
"type": "Content Creators",
"description": "YouTubers and social media influencers use [product] to [specific use]. This helps them [benefit] and [result]."
},
{
"type": "Businesses",
"description": "Marketing teams rely on [product] to [specific use]. The result is [benefit] that drives [business outcome]."
},
{
"type": "Educators",
"description": "Teachers and trainers leverage [product] to [specific use], making [subject] more engaging for their students."
}
]
}
}
</code></pre></div>
</div>
</div>
<div id="tab-versions" class="detail-content">
<div class="detail-section">
<h2>版本历史</h2>
<p style="margin-bottom:12px;font-size:14px;color:#94a3b8;">共 1 个版本</p>
<ul class="version-list">
<li>
<div>
<span class="version-tag">v1.0.1</span>
<span style="font-size:11px;color:#5b6abf;margin-left:8px;background:#eef0ff;padding:1px 8px;border-radius:10px;">当前</span> </div>
<div style="font-size:12px;color:#94a3b8;">
2026-05-08 02:32 安全 安全 </div>
</li>
</ul>
</div>
</div>
<div id="tab-security" class="detail-content">
<div class="detail-section">
<h2>安全检测</h2>
<div class="sec-grid"> <div class="sec-card">
<h4>腾讯云安全 (Keen)</h4>
<div class="sec-status sec-safe">
安全，无风险 </div>
<a href="https://tix.qq.com/search/skill?keyword=6b03d1088aa00fa8998b4decba40cab5" target="_blank">查看报告</a> </div>
<div class="sec-card">
<h4>腾讯云安全 (Sanbu)</h4>
<div class="sec-status sec-safe">
安全，无风险 </div>
<a href="https://static.cloudsec.tencent.com/html-report-v2/2026/05/26/455460_a3c72816c7e8bc52e8f58d456f77d245.html?q-sign-algorithm=sha1&q-ak=AKID8JMG1bzBC1dz96qNhssfFftujT1NCoFi&q-sign-time=1783171263%3B1814707263&q-key-time=1783171263%3B1814707263&q-header-list=host&q-url-param-list=&q-signature=cb77a78d5b4319aabf8296026e54a5b3617cbf13" target="_blank">查看报告</a> </div>
</div>
</div>
</div>
<!-- Recommended Skills -->
<div style="margin-top:24px;">
<h2 style="font-size:18px;font-weight:600;margin-bottom:16px;">🔗 相关推荐</h2>
<div class="rec-grid">
<div class="rec-card">
<span class="badge-cat" style="margin-bottom:8px;display:inline-block;">content-creation</span>
<h3><a href="/s/humanizer">Humanizer</a></h3>
<div class="rec-owner">biostartechnology</div> <div class="rec-desc">消除AI写作痕迹，使文本更自然真实。基于维基百科"AI写作特征"指南，识别并修正夸张象征、宣传用语、肤浅-ing分析、模糊归因、破折号滥用、三项排比、AI词汇、负面平行结构及冗长连接词等模式。</div>
<div class="rec-stats">
<span style="color:#f39c12;">★ 937</span>
<span style="color:#5b6abf;">📥 211,996</span>
</div>
</div>
<div class="rec-card">
<span class="badge-cat" style="margin-bottom:8px;display:inline-block;">content-creation</span>
<h3><a href="/s/humanizer-zh">humanizer-zh</a></h3>
<div class="rec-owner">liuxy951129-cpu</div> <div class="rec-desc">去除文本中的 AI 生成痕迹。适用于编辑或审阅文本，使其听起来更自然、更像人类书写。
基于维基百科的"AI 写作特征"综合指南。检测并修复以下模式：夸大的象征意义、
宣传性语言、以 -ing 结尾的肤浅分析、模糊的归因、破折号过度使用、三段</div>
<div class="rec-stats">
<span style="color:#f39c12;">★ 64</span>
<span style="color:#5b6abf;">📥 30,842</span>
</div>
</div>
<div class="rec-card">
<span class="badge-cat" style="margin-bottom:8px;display:inline-block;">office-efficiency</span>
<h3><a href="/s/guizang-html-to-pptx">Guizang HTML to PPTX</a></h3>
<div class="rec-owner">domainrankhq</div> <div class="rec-desc">将 guizang-ppt-skill 杂志 HTML 幻灯片转换为可编辑的 PowerPoint PPTX文件。当用户请求导出、转换或重新构建时使用此技能。</div>
<div class="rec-stats">
<span style="color:#f39c12;">★ 6</span>
<span style="color:#5b6abf;">📥 2,240</span>
</div>
</div>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded',function(){
document.querySelectorAll('.detail-tab').forEach(function(btn){
btn.addEventListener('click',function(e){
var tab = this.getAttribute('data-tab');
document.querySelectorAll('.detail-tab').forEach(function(b){b.classList.remove('active')});
document.querySelectorAll('.detail-content').forEach(function(c){c.classList.remove('active')});
this.classList.add('active');
var el = document.getElementById('tab-'+tab);
if(el) el.classList.add('active');
});
});
});
</script>
<div class="footer">
<p>Skill工具集 © 2026</p>
</div></body>
</html> |