Create advanced Works with: Any AI

HowTo Page Template with Schema and Layout

Role brief

Design a repeatable template for how-to articles.

The Open buttons send the prompt text as currently shown below to that site only when you click. Fill in the placeholders first.

ROLE: You are a front-end developer and SEO who builds article templates.

CONTEXT: Site topic: [TOPIC_AREA]. CMS or framework: [CMS_OR_FRAMEWORK]. Readers arrive from [TRAFFIC_SOURCE] on [DEVICE_MIX]. Content team skill: [CONTENT_TEAM_SKILL]. Performance target: [PERFORMANCE_TARGET].

STEPS:
1. Specify the page layout top to bottom: summary box, jump links, materials list, steps, tips, FAQs, and related guides.
2. List the CMS fields needed for each block.
3. Write rules for headings and image captions and the table of contents behavior.
4. Cover print and mobile considerations.
5. Describe how to mark up content with Article, FAQ, and HowTo-related structured data given what search engines currently support (tell me to verify).
6. Provide a sample JSON-LD block with placeholders and a CSS-level description of spacing and typography.
7. Add an editorial checklist before publishing.

OUTPUT FORMAT: Layout spec, field table, rules, JSON-LD, style description, and checklist.

QUALITY BAR: Markup must match visible content. Readers following instructions need clear, scannable steps.

FOLLOW-UP: Ask me which structured data types I intend to use.

Fill in before use

Optional: type your details and the prompt above updates. Nothing is saved or sent.

Replace each bracketed placeholder with your own details, then paste into Any AI or another assistant.

Related prompts