docs

WebApplication Schema

Add WebApplication structured data to your Sanity documents to help search engines identify web-based tools and SaaS products.

About WebApplication Schema

WebApplication schema identifies web-based tools and SaaS products for search engines. It helps Google and other search engines understand that your page represents an interactive application rather than a static website, improving visibility in relevant search results.

Fields

Field	Type	Required	Description
name	string	Required	The name of the web application.
url	string	Required	The URL where the web application can be accessed.
applicationCategory	string	Optional	The category of the application (e.g. BusinessApplication, GameApplication).
operatingSystem	string	Optional	The operating system(s) required (e.g. Any, Windows, macOS).

Plugin Registration

sanity.config.ts

import { defineConfig } from "sanity";
import { seoFields } from "sanity-plugin-seofields";
import { schemaOrgWebApplicationPlugin } from "sanity-plugin-seofields/schema";

export default defineConfig({
  // ...your sanity config
  plugins: [
    seoFields(),
    schemaOrgWebApplicationPlugin(),
  ],
});

Schema Usage

Add theschemaOrgWebApplication field to any document schema:

schemas/page.ts

import { defineField, defineType } from 'sanity'

export default defineType({
  name: 'page',
  title: 'Page',
  type: 'document',
  fields: [
    // ... your other fields
    defineField({
      name: 'schemaOrgWebApplication',
      title: 'Web Application',
      type: 'schemaOrgWebApplication',
    }),
  ],
})

GROQ Query

GROQ

*[_type == "yourDocumentType"][0]{
  ...,
  schemaOrgWebApplication
}

Next.js Component

app/page.tsx

import { WebApplicationSchema } from "sanity-plugin-seofields/schema-org/next";

export default function Page({ data }) {
  return (
    <>
      <WebApplicationSchema data={data.schemaOrgWebApplication} />
      {/* Your page content */}
    </>
  );
}

JSON-LD Output

JSON-LD

{
  "@context": "https://schema.org",
  "@type": "WebApplication",
  "name": "My Web App",
  "url": "https://app.example.com",
  "applicationCategory": "BusinessApplication",
  "operatingSystem": "Any"
}

19 / 24

←

SoftwareApplication

Event

→

{schema.org}

Was this page helpful?