Back to Details

seo-on-page-metadata

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

SEO On-Page: Metadata

SEO 页面优化：元数据

Guides optimization of meta tags, title, description, hreflang, Open Graph, and Twitter Card.
指导优化meta tags、title tag、meta description、hreflang、Open Graph和Twitter Card。

Scope (On-Page SEO)

适用范围（页面SEO）

  • Title tag: ~55 chars; primary keyword near start; clear, compelling
  • Meta description: ~105 chars; CTA; unique value; target keyword
  • Hreflang: Language/region targeting for multilingual sites
  • Metadata completeness: All pages have title + meta description
  • Title tag：约55字符；核心关键词前置；清晰、有吸引力
  • Meta description：约105字符；包含行动号召（CTA）；突出独特价值；包含目标关键词
  • Hreflang：多语言网站的语言/地区定向设置
  • 元数据完整性：所有页面均需包含title和meta description

Initial Assessment

初始评估

Check for product marketing context first: If 
.claude/product-marketing-context.md
or 
.cursor/product-marketing-context.md
exists, read it for brand voice and target keywords.
Identify:
  1. Page type: Homepage, landing, blog, product, etc.
  2. Primary keyword: Target search query
  3. Multi-language: zh, en, x-default if applicable
首先检查产品营销背景：若存在
.claude/product-marketing-context.md
或
.cursor/product-marketing-context.md
文件，请读取其中的品牌调性和目标关键词。
确定：
  1. 页面类型：首页、落地页、博客、产品页等
  2. 核心关键词：目标搜索查询词
  3. 多语言设置：如适用，确认zh、en、x-default等语言版本

Best Practices

最佳实践

Title Tag

Title Tag

ItemGuideline
Length~55 characters (Google truncates beyond that)
KeywordInclude primary keyword near the start
UniqueOne unique title per page
BrandOptional: append brand at end
项目指南
长度约55字符（超出部分会被Google截断）
关键词核心关键词前置
唯一性每个页面使用唯一的title
品牌可选：在末尾添加品牌名称

Meta Description

Meta Description

ItemGuideline
Length~105 characters (truncates on mobile/desktop beyond that)
UniqueOne per page
CTAInclude clear call-to-action when relevant
KeywordNaturally include target keyword
项目指南
长度约105字符（移动端/桌面端超出部分会被截断）
唯一性每个页面使用唯一的描述
行动号召（CTA）相关情况下加入清晰的行动号召
关键词自然融入目标关键词

hreflang (Multi-language)

Hreflang（多语言设置）

  • Use 
    alternates.languages
    in Next.js metadata
  • Include 
    x-default
    for default language
  • Each language version should reference all others
  • References: Google hreflang
  • 在Next.js元数据中使用
    alternates.languages
  • 包含
    x-default
    作为默认语言
  • 每个语言版本需关联所有其他语言版本
  • 参考文档：Google hreflang

Output Format

输出格式

  • Recommended title (with character count)
  • Recommended meta description (with character count)
  • hreflang setup if multi-language
  • 推荐标题（附带字符数）
  • 推荐meta description（附带字符数）
  • hreflang设置（如为多语言网站）

Related Skills

相关技能

  • seo-technical-canonical: Canonical + hreflang for multi-language
  • seo-on-page-schema: Structured data complements metadata
  • seo-on-page-heading: H1 should align with title
  • seo-technical-canonical：多语言网站的规范标签+hreflang设置
  • seo-on-page-schema：结构化数据补充元数据
  • seo-on-page-heading：H1标题应与title tag保持一致