Schema Markup Generator
Fill in a form to generate valid JSON-LD structured data for organizations, products, articles, events, recipes, FAQs, and more.
Runs 100% in your browser
Shortcuts
- Copy the output
- Alt + Shift + C
Your input is saved in this browser only. Reset clears it.
URL to your organization's logo (minimum 112x112px, .jpg, .png, or .gif format)
Add URLs to your social media profiles (Facebook, Twitter, LinkedIn, etc.)
How to use the Schema Generator
-
Choose a schema type such as Organization, Product, or FAQ.
-
Fill in the fields for your page.
-
Generate the JSON-LD, then copy or download it and add it to your page.
Example: Organization markup for a homepage
Type: Organization Name: DevBottle URL: https://www.devbottle.com Logo: https://www.devbottle.com/images/logo.png Profiles: X, GitHub, LinkedIn
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "DevBottle",
"url": "https://www.devbottle.com",
"logo": "https://www.devbottle.com/images/logo.png",
"description": "DevBottle provides essential tools for web developers to streamline their workflow and improve productivity.",
"sameAs": [
"https://twitter.com/devbottle",
"https://github.com/devbottle",
"https://www.linkedin.com/company/devbottle"
]
}
</script> Paste the whole script tag into your page's HTML, then confirm it with Google's Rich Results Test.
Frequently Asked Questions
What is schema markup?
Schema markup is structured data that describes a page in a vocabulary search engines understand (schema.org), usually written as JSON-LD in a script tag. It doesn't change what visitors see; it tells search engines that this page is a product, a recipe, an event, or an organization.
Where do I put the JSON-LD code?
Inside a <script type="application/ld+json"> tag in the page's HTML. The <head> is conventional, but the body works too. What matters is that it's in the server-rendered HTML rather than added later by client-side JavaScript.
Will schema markup improve my rankings?
Not directly. It makes pages eligible for rich results such as product ratings, event dates, and breadcrumbs, which can raise click-through rates. Google decides case by case whether to show them, and markup that doesn't match the visible content can disqualify a page.
How do I check that my markup is valid?
Run the page or snippet through Google's Rich Results Test to see which rich result types it qualifies for, and the Schema Markup Validator for full schema.org validation. After the page is indexed, Search Console's Enhancements reports show errors across the whole site.
About the Schema Generator
The Schema Generator helps you create structured data markup in JSON-LD format for your website. This markup helps search engines better understand your content, potentially improving your search visibility and enabling rich results in search engine results pages (SERPs).
How to Add Schema Markup to Your Website walks through choosing types, adding the code, and validating it. For @id, @graph, and generating JSON-LD from data, see the JSON-LD guide for developers.
What is Schema Markup?
Schema markup (also called structured data) is a standardized format for providing information about a page and classifying its content. It's based on Schema.org vocabulary, which was created by Google, Microsoft, Yahoo, and Yandex to establish common standards for structured data markup on the internet.
JSON-LD Format
JSON-LD (JavaScript Object Notation for Linked Data) is the recommended format for schema markup. It's embedded in a <script> tag in the <head> section of your HTML and doesn't affect your page's appearance.
Rich Results
When search engines understand your content through schema markup, they can display it in enhanced ways called "rich results" or "rich snippets." These can include star ratings, images, additional links, and other information directly in search results.
Benefits of Using Schema Markup
Enhanced Search Visibility
Rich results stand out in search results, potentially increasing your click-through rate. They take up more space on the results page and provide more information to users before they click.
Better Content Understanding
Schema markup removes ambiguity about your content. For example, it can clarify whether "Apple" on your page refers to the fruit or the technology company, helping search engines deliver more relevant results.
Voice Search Optimization
As voice search becomes more prevalent, structured data helps digital assistants like Google Assistant, Siri, and Alexa find and present information from your website more effectively.
Future-Proofing
As search engines evolve, they're increasingly relying on structured data to understand content. Implementing schema markup now helps ensure your site remains optimized for future search technologies.
Common Schema Types
Local Business
For businesses with physical locations. Includes information like address, phone number, business hours, and reviews. Can help your business appear in local search results and Google Maps.
Article
For news articles, blog posts, and other written content. Includes information like headline, author, published date, and featured image. Can help your content appear in Google News and other news aggregators.
Product
For e-commerce product pages. Includes information like price, availability, reviews, and product features. Can enable rich product results in search, including price and availability information.
FAQ
For pages with frequently asked questions. Includes questions and their answers. Can enable FAQ rich results that show the questions and answers directly in search results, taking up more space and potentially increasing click-through rates.
How to Use the Schema Generator
- Select the type of schema you want to create (Article, Product, Local Business, etc.)
- Fill in the required fields for your selected schema type
- Add any optional fields that are relevant to your content
- Preview the generated JSON-LD code
- Copy the code and paste it into the
<head>section of your HTML - Test your markup using Google's Rich Results Test or Schema Markup Validator
Pro Tip
After implementing schema markup, use Google's Rich Results Test to verify that your markup is valid and eligible for rich results. Also, monitor your performance in Google Search Console, which provides reports on how your structured data is performing in search results.