Page Data

Note: Studio is currently available as part of an Early Access Program and may not be accessible to all users. For more information or to request access, contact our support team.

The Page Data panel in Studio allows you to configure metadata, routing, and entry bindings for each composition. These settings define how a page is indexed, previewed, and rendered, ensuring it integrates seamlessly with both your design system and front-end logic.

Page Data includes the configuration attributes that define a page’s structure, identity, and runtime behavior. It typically covers:

• Page Details: SEO metadata such as title, description, and Open Graph settings.
• Preview Entries: The linked content entry used for preview in Canvas.
• Page Entries: Additional entries from Contentstack available for data binding.

Note: Page Data is configured per composition. Settings do not carry over between compositions.

This section lets you define SEO and sharing metadata for your composition:

• Page Title: Displayed in the browser tab and search engine results.
• Page Description: Shown in search listings; keep under 160 characters.
• Open Graph Image: Used in link previews for social sharing.
  • Select from the asset library.
  • Upload a new image.
  • Or provide a direct image URL.

Note: Recommended Open Graph image size is 1200 x 630 pixels for optimal preview rendering.

For Linked Compositions, Studio selects the first available entry from the connected Content Type by default. You can change this entry to preview different content variations in Canvas.

You can associate additional content entries from Contentstack to a composition. These entries become available in the Page Data panel for binding to component props.

This enables richer, modular content connections without editing the structure of your composition.

To maximize visibility and ranking:

• Use descriptive slugs that include keywords.
• Keep page titles short, unique, and relevant.
• Write meta descriptions under 160 characters.
• Avoid duplication of metadata across pages.

The Page Data panel helps you manage how each composition behaves and appears across your digital experience. Whether you’re linking to dynamic content, optimizing for SEO, or configuring global behavior, Page Data ensures that every page is ready for performance, discoverability, and scale.