📋 Schema Markup Generator

How JSON-LD Schema Markup Works

JSON-LD (JavaScript Object Notation for Linked Data) is a method of embedding structured data in a web page using the schema.org vocabulary. It is the format recommended by Google for structured data because:

**Syntax**: JSON-LD is placed in a `<script type="application/ld+json">` tag, either in the page `<head>` or near the end of `<body>`. The content is valid JSON that follows the schema.org type definition.

**Example - Article schema**: ```html <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "headline": "How to bake bread", "image": "/images/bread.jpg", "author": {"@type": "Person", "name": "John Doe"}, "datePublished": "2024-01-15", "dateModified": "2024-01-20", "description": "Step-by-step guide to baking artisan bread at home." } </script> ```

**Why JSON-LD matters for SEO**: - Rich snippets: Search results can display extra information (ratings, prices, dates, images) - Knowledge graph: Information may appear in the Google Knowledge Panel - Voice search: Assistants use structured data to answer questions - Eligibility for special search features: Recipe cards, how-to steps, FAQ expandos, product price boxes

**Google's recommended format**: JSON-LD is preferred over microdata (HTML attributes) or RDFa because it is separate from the HTML content, easier to maintain, and less error-prone.

**Common schema types for calculator/sites**: - `Article`: Blog posts, news, guides (this calculator site uses this for guides) - `Organization`: Site-wide org info, appears in Knowledge Graph - `WebSite`: Site search action declaration - `FAQPage`: FAQ sections (like on every tool page) - `HowTo`: Step-by-step guides (some tool pages include this) - `BreadcrumbList`: Navigation breadcrumb trail (already on every page via partials) - `WebApplication`: Already emitted on every tool page (SoftwareApplication subtype)

**Validation**: Always validate generated schema with Google's Structured Data Testing Tool or Rich Results Test to ensure no errors before adding to your live site.

• Generates valid, testable JSON-LD
• Multiple schema types (Article, Organization, Product, FAQPage, WebSite)
• Required and optional properties pre-filled for each type
• Copy-ready for direct <head> insertion

Schema Type Quick Guide

- **Article**: News, blog posts, guides. Use headline, image, author, datePublished/Modified, description. - **Organization**: Site identity. Name, description, URL, logo, sameAs (social profiles). - **Product**: Name, image, description, price, availability, brand, SKU. - **FAQPage**: MainEntity (Question/Answer pairs). Good for tool pages with FAQ sections. - **WebSite**: Name, URL, potential Action (site-search). - **LocalBusiness**: Name, address, phone, geo, opening hours (for local businesses, not directory sites). - **WebApplication**: Software tool (already emitted on every CalculatorPlus tool page).

**Recommended for CalculatorPlus site**: 1. Organization schema on home page (site identity) 2. Article schema on blog/guide pages 3. FAQPage schema on tool pages that have FAQ sections 4. WebApplication schema on every tool page (already included) 5. BreadcrumbList schema on every page (already included via partials) 6. WebSite schema with SearchAction (consider adding)