How to optimise for SEO
Make your Shareables pages discoverable by search engines.
Embedding Methods and SEO
How you embed your Shareable affects its SEO potential:
Script Tags (Best for SEO)
When you embed using script tags, your content renders directly in the page DOM:
- Search engines can crawl the embedded content
- Content becomes part of your main page
- Recommended when SEO matters for your embedded widget
iframes
When using iframe embeds:
- Modern search engines (like Google) can crawl iframe content
- Content lives in a separate document context
- Works for SEO, but script tags are preferred
Hosted Web Pages (Full SEO Control)
When using Shareables as a complete website (at yourname.shareables.ai or a custom domain):
- Full control over all SEO settings
- Configure favicon, meta description, OG image, and custom code
- Best option when your Shareable is the primary destination
SEO Settings for Hosted Pages
Configure these settings in Settings → Meta Data within the creator:
| Setting | Description |
|---|---|
| Site Name | Used as the page title in browser tabs and search results |
| Meta Description | Description shown in search results (keep under 160 characters) |
| Favicon | Browser tab icon (upload an image) |
| Open Graph Image | Image shown when shared on social media (1200x630px recommended) |
| Sitemap Generation | Generates a /sitemap.xml for your site with all your pages |
| Custom Head Code | Add verification codes, additional meta tags, or analytics scripts |
These SEO settings only apply to hosted pages, not embedded widgets.
Social Sharing (Open Graph)
When your hosted page is shared on social media, the preview uses:
- Title — Uses your Site Name
- Description — Uses your Meta Description
- Image — Uses your Open Graph Image (1200x630px recommended)
Upload a compelling OG image to make your shares stand out in social feeds.
Custom Meta Tags
Use the Custom Head Code field to add any additional meta tags:
<!-- Google Search Console verification -->
<meta name="google-site-verification" content="your-verification-code" />
<!-- Additional meta tags -->
<meta name="author" content="Your Name" />This is also where you’d add analytics scripts or other tracking codes.
Sitemap
Enable sitemap generation in Settings → Meta Data to generate a /sitemap.xml for your hosted site. Your sitemap includes:
- Your site’s root page
- All detail pages (if you have a details page enabled)
The sitemap works with both yourname.shareables.ai subdomains and custom domains, and updates automatically as your data changes.
You can submit your sitemap URL (e.g. https://yourdomain.com/sitemap.xml) directly to Google Search Console to help Google discover all your pages faster.
Structured Data
Published hosted pages automatically include structured data (JSON-LD schema) that helps search engines understand your site. This uses your Site Name, URL, and Meta Description — no configuration needed.
Detail pages also include per-item WebPage structured data using the listing’s meta title and description (or fallbacks). Structured data can improve how your site appears in search results and helps search engines better categorise your content.
Detail Page SEO
If you have a details page enabled, each item gets its own unique URL that search engines can index individually:
- URL slugs — Choose which data column to use as the URL slug in your details page settings. For example, a product name column creates URLs like
yoursite.com/blue-running-shoes. - Per-listing meta title and description — Set which data columns to use for each listing’s meta title and description. Configure this in Settings → Meta Data → Detail Page Meta Data. If a listing doesn’t have a value in the selected column, it falls back to the item title (for meta title) and the global site description (for meta description).
- Canonical URLs — Each detail page automatically gets a canonical URL to prevent duplicate content issues.
- Sitemap inclusion — Detail pages are included in your sitemap when sitemap generation is enabled.
- Structured data — Each detail page automatically includes WebPage structured data (JSON-LD) using the per-listing meta title and description.
Clean, descriptive URLs and unique meta data per listing help both search engines and visitors understand what each page is about.
Heading Hierarchy
When adding heading fields to your layout, you can set the heading tag (h1–h6) for each one. Proper heading hierarchy helps search engines understand your content structure:
- Use h1 for your main page title (one per page)
- Use h2 for major sections
- Use h3–h6 for subsections
You can configure the heading tag for each heading field in the field settings.
Indexing
By default, hosted pages are indexable by search engines.
Google Search Console
Verify your custom domain in Google Search Console to:
- Monitor search performance
- Submit your sitemap (
https://yourdomain.com/sitemap.xml) - Fix indexing issues
Add your verification code using the Custom Head Code field in Settings.
Best Practices
- Write a compelling Site Name — This becomes your page title in search results
- Craft a unique Meta Description — Summarise what visitors will find and include a call to action
- Upload an OG Image — Makes social shares more engaging (1200x630px)
- Use a custom domain — Builds brand recognition and trust
- Enable sitemap generation — Helps search engines discover all your pages
- Configure a slug column — Clean, descriptive URLs for your detail pages
- Set per-listing meta data — Add unique meta titles and descriptions for each detail page
- Use proper heading tags — Maintain a logical heading hierarchy for better crawlability
- Choose script tags for embedded SEO — When you need embedded content to be crawlable