Schema Markup
Add schema to key pages like products, articles, and events to enable rich results (stars, prices, dates) in search. Use schema.org as a reference and validate with Google’s Rich Results Test.
What does AI SEO Copilot Analyze?
Analyzes JavaScript and CSS resource minification
Checks inline scripts and styles for optimization
Identifies non-minified resources for performance improvement
What does AI SEO Copilot Recommend?
The % of the code minified and the goal to reach in minified code.
How to do it on Webflow?
Use the Graphit app:
How to install manually the schema:
Steps to Implement manually on Webflow:
Identify the Schema type: Determine the appropriate schema type for your content. The most common ones are:
Video: Enhances search results with video previews.
Sitelinks Search Box: Allows users to search within a site directly from the search results.
Review Snippet: Displays star ratings and review summaries.
Profile Page: Highlights personal profiles.
Product: Shows product information, including pricing and availability.
Organization: Displays organizational details.
Local Business: Displays local business info.
FAQ: Lists questions and answers.
Event: Displays event details.
Breadcrumb: Shows page hierarchy.
Article: Enhances headlines and images.
For the complete list and detailed descriptions, visit the Google Search Structured Data Gallery.
2. Generate JSON-LD Code: Based on your need, ask chatGPT to generate the JSON Schema or use the Schema Markup generator from Merkle
3. Add Structured Data to Webflow:
For static pages, go to the specific page settings in Webflow and add the JSON-LD code in the “Custom Code” section under the <head> tag.
For CMS items, go to the CMS Collection Template page settings and add the JSON-LD code similarly. You can use Webflow’s dynamic fields to populate the schema data with content from your CMS.
4. Validate the structure with https://validator.schema.org/
Last updated
Was this helpful?