🎯SEO Settings

Webstudio provides comprehensive SEO features.

✅ SEO Features

• Meta title

• Meta description

• Open graph

• Semantic tags

• Image alt text

• All meta fields

• Sitemap

• Custom sitemap

• No index

• Default canonical with the ability to customize it

• Customizable head (global and per page)

• Auto exclude no index from sitemap

• Robots.txt

• SSL

• 301 redirects

• 302 redirects

• Site

• WebSite structured data

• Href lang tag

• Auto image conversion (performance)

• Auto image compression (performance)

• Auto set image width and height (CLS)

• Image lazy & eager loading options (performance and LCP)

• Aria labels

• Link rel

• Favicon

• All attributes

🌐 Global Site Settings

In 'Project Settings' under the Webstudio menu, you'll find essential settings for your entire project:

• Site Name: Used to output WebSite structured data to clearly define your website's identity.

• Favicon: Output your logo in search engines, browser tabs, and more.

• Custom Header Code: Global field to output scripts in the head. For modifying the head on a per-page basis, see Head Slot.

These settings ensure uniformity and brand coherence across all pages of your website.

🔍 Individual Page SEO Settings

Fine-tune SEO settings for each page through the 'Pages' tab:

• Title & Description: Craft unique titles and descriptions for each page, enhancing search engine visibility.

• SEO Previews: Visualize how your pages will display in search results and on social media.

• Exclude from Search Results: Opt to hide (no index) specific pages from search engines. No indexing the content will also remove it from the sitemap.

• Social Sharing: Set engaging images for social media sharing, complete with previews.

The social image you add to your homepage will be used as the cover image for the project on the dashboard.

• Custom Meta Tags: Add additional Meta Tags your page for further search and social customization.

• Custom Head: Visually customize the head on a per-page basis with Head Slot.

🐦 Twitter Card Customization

To customize how your content appears when shared on Twitter/X:

1. Go to Page Settings → Custom Meta Tags

2. Add a meta tag with:

   • Property: twitter:card

   • Content: summary_large_image (for large image cards)

🔧 Debugging Social Sharing

Social platforms cache sharing previews. To clear caches and test your changes:

• Facebook: Sharing Debugger

• Twitter/X: Card Validator

When you publish to a custom domain, staging and webstudio domains are automatically de-indexed from search engines.

Related

• Project Settings – Configure site name, favicon, and global settings

• Head Slot – Add custom meta tags and scripts per page

• Publishing & Custom Domains – Deploy your site with custom domains

• CMS – Create dynamic pages with SEO-optimized content