Web 页面类型 / Article Page
Article
承载一篇完整内容的详情页面,组织标题、正文、辅助信息、相关内容和下一步行动。
Identity · 身份
- 子类型
- 页面类型
- 父级类目
- SaaS / Product、Content / Media、Portfolio / Agency、页面架构与信息结构、内容与 SEO、区块与页面构成
- 层级
- L2 · Web 页面类型
What · 是什么
- 定义
- 承载一篇完整内容的详情页面,组织标题、正文、辅助信息、相关内容和下一步行动。
- 分类
- 页面
Why · 为什么
- 核心问题
- 用户能否判断文章是否匹配自己的问题,并顺畅读完、验证和继续探索?
Where · 在哪里
- 适用场景
- 搜索意图、Web 界面设计
Lifecycle · 生命周期
- 状态
- 整理中
所属网站类型与页面区块
关系来自本地关系表,并包含反向关联。
- 搜索意图Search Intent应用于
- Asana 文章短名单行动Asana Article Shortlist CTA反向 · 应用于
Asana 的编辑型文章先给出项目管理评估标准,再把候选工具列表和产品行动入口放进正文阅读路径。
- Intercom Fin 文章试用入口Intercom Blog Fin Trial反向 · 应用于
Intercom 在 Fin 相关文章正文末提供试用入口,把产品理解连接到无信用卡体验。
- Mailchimp 比较文章行动Mailchimp Comparison Article CTA反向 · 应用于
Mailchimp 的比较文章解释邮件营销产品差异,并用订阅、模板或开始创建活动的入口承接评估兴趣。
- Shopify 文章平台行动Shopify Article Platform CTA反向 · 应用于
Shopify 在电商平台评估文章中按场景解释不同选项,并在段落或结尾提供进入平台体验的行动。
- Shopify 企业比较文章行动Shopify Enterprise Comparison Article反向 · 应用于
Shopify 企业比较文章把平台能力、复杂度和适用场景放在同一框架中,并用卡片式入口承接高意图读者。
- Shopify 迁移文章行动Shopify Migration Article CTA反向 · 应用于
Shopify 的迁移型比较文章围绕平台差异组织信息,并把替代方案、迁移内容和产品入口相互连接。
- TechRadar 工具短名单TechRadar Tool Shortlist反向 · 应用于
TechRadar 文章先用编辑标准和候选列表缩小选择范围,再以评分、评测摘要和产品链接承接读者决策。
- Webflow 文章内注册入口Webflow Blog Inline Signup反向 · 应用于
Webflow 在建站教程正文中放置与当前任务相邻的免费账户入口,让读者从学习直接进入实践。
- Zapier 文章工作流行动Zapier Article Workflow CTA反向 · 应用于
Zapier 在工作流文章中用步骤、工具和场景帮助读者形成方案,再把内容中的自动化任务连接到产品入口。
- Zapier 与 Make 比较行动Zapier Make Comparison CTA反向 · 应用于
Zapier 与 Make 的比较文章按功能、复杂度和适用人群解释差异,并在决策节点提供继续使用或试用入口。
- Zapier 与 n8n 比较行动Zapier n8n Comparison CTA反向 · 应用于
Zapier 与 n8n 的比较文章将自托管、自动化范围和使用门槛放在同一阅读框架中,支持读者形成短名单。
- Content / MediaContent / Media属于
以文章、视频、音频或其他内容消费与发现为核心的网站体验。
- Portfolio / AgencyPortfolio / Agency属于
以展示能力、作品、案例和服务,并促成咨询或合作为核心的网站体验。
- SaaS / ProductSaaS / Product属于
以持续使用、产品价值和用户任务为核心的网站或产品体验,通常承接认知、试用、注册和持续使用。
- Article BodyArticle Body反向 · 应用于
承载文章核心论证、说明或叙事的正文区块,包含标题层级、段落、媒体和辅助结构。
- Footer NavigationFooter Navigation反向 · 应用于
页面底部承载补充导航、法律信息、联系入口和站点范围说明的区块。
- Global NavigationGlobal Navigation反向 · 应用于
跨页面稳定存在的主要导航,帮助用户理解站点范围并进入核心区域。
- Hero / Page IntroHero & Page Introduction反向 · 应用于
页面开头用于确认页面主题、价值和主要行动的介绍区块。
- Related ContentRelated Content反向 · 应用于
根据当前页面主题、任务或用户下一步需求提供的相关内容区块。
- Article BodyArticle Body反向 · 应用于
承载文章或长内容的标题层级、正文、媒体、引用、代码和结构化信息。
- Author BioAuthor Bio反向 · 应用于
说明作者身份、专业背景、联系方式和相关文章,建立内容责任主体。
- Breadcrumb TrailBreadcrumb Trail反向 · 应用于
显示当前页面在信息架构中的位置,并提供返回上级的路径。
- Comments / DiscussionComments / Discussion反向 · 应用于
允许用户在内容对象下阅读、发表和回复讨论,并处理审核和空状态。
- Cookie / Privacy ConsentCookie / Privacy Consent反向 · 应用于
解释 Cookie、追踪和隐私选择,并让用户能接受、拒绝或细化设置。
- Footer NavigationFooter Navigation反向 · 应用于
在页面末端提供次级导航、法律信息、联系入口和补充行动。
- Page Header / IntroPage Header / Intro反向 · 应用于
在页面上下文中说明当前位置、标题、摘要和主要动作。
- Related ContentRelated Content反向 · 应用于
在当前内容之后提供语义相关、下一步阅读或相邻任务的入口。
- Save / ExportSave / Export反向 · 应用于
让用户保存、下载、复制、导出或分享当前结果与内容。
- Share / InviteShare / Invite反向 · 应用于
让用户把页面、结果、资源或邀请以适合目标渠道的方式分享出去。
- Social EmbedSocial Embed反向 · 应用于
嵌入来自社交平台的帖子、视频或讨论,同时控制隐私、性能和失败退化。
- Social ShareSocial Share反向 · 应用于
让用户把当前页面或内容分享到社交平台、复制链接或发送给他人。
- Timeline / MilestonesTimeline / Milestones反向 · 应用于
按时间或阶段表达项目、组织、产品或用户旅程的关键节点。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 内容与 SEOContent & Search Experience属于
把内容结构、搜索意图、内部链接和页面可读性纳入 UI 设计。
- 页面架构与信息结构Page Architecture & Information Structure属于
组织 Web 页面、内容层级和任务路径,让用户与搜索引擎都能理解页面关系。
- 区块与页面构成Sections & Page Composition属于
把页面拆成具有明确任务和信息职责的区块。