Skip to main content

Offset CMS: Page Metadata and SEO Configuration

CMS, SEO, metadata, page title, page description, canonical URL, social graph, social share image, meta tags, search engine optimization, marketing pages, sign up metadata

Written by Bobby Gibson

Every marketing and content page in your Content Management System (CMS) has a metadata section that controls how that page shows up in search results, browser tabs, and link previews. Filling it out helps search engines like Google understand and correctly index your pages, and it controls the little preview card that appears when someone shares your link in Slack, a text, or on social media. Adding your SEO content is a quick, repeatable task, so the goal is just to make sure it gets done for each page on your Offset site. Creating and maintaining metadata is the responsibility of the site owner since page names, purposes, and content change over time, and you know your pages best.

Which pages need metadata?

You only need to fill this out for the marketing and content pages we build for you, and this includes your Sign Up page and homepage at minimum. Product, shop, cart, account, and offering pages already have metadata built in, so you can skip those. If you are on a subdomain, you really just need to complete the Sign Up page. For sites with additional content pages, rinse and repeat the same steps on each one.

Where do I find the Metadata fields?

To view the Metadata Fields, log into Offset Commerce and select the Content tab to open up the CMS in a separate tab:

Selecting the content tab in Offset Commerce

Select your desired page, choose Pages in the left-side navigation menu, and select the page, for example, Sign Up. You will find the Metadata section at the bottom of each page in the CMS, and it is usually collapsed until you open it.

Opening the Metadata section for editing in the Offset CMS


The Metadata Fields

Open the metadata section at the bottom of the page you are editing. You will see a handful of fields. Here is what each one does and what to put in it. The examples are centered around a Sign Up page.

IMPORTANT: Use plain text only in these fields. If you paste in HTML, it gets injected exactly as written and will likely break your page formatting. When copying from another source, paste as plain text.

NOTE: If a page has subpages (like individual blog articles), each subpage often needs its own metadata too. If your page is one long-running feed rather than separate articles, subpage metadata can be toggled off.


Page Title

This is the name of the page, and it should match what you call the page in your navigation menu. It updates the title shown in the browser tab, and it is one of the first things search engines read when they crawl your site. If you leave it blank, the page will fall through to the page's title tag as a backup, but we recommend filling it in.

Page Title Examples

Sign Up: Sign Up | Offset Winery

Homepage: Offset Winery | Estate Wines from the Santa Cruz Mountains

Blog: Blog | Offset Winery

NOTE: The Page Title has a fallback, so if you leave it blank the page uses the page's built-in title tag. The Page Description does not have a reliable fallback, so this is your chance to shine and it is worth writing.


Page Description

Think of this as the elevator pitch for the page, a short summary of what the content is about. Keep it concise since a long description will not fully make it through to search results. One or two sentences is plenty.

Page Description Examples

Sign Up: Join the Offset Winery mailing list for first access to our limited allocation releases, member pricing, and invitations to vineyard events.

Homepage: Family-owned estate producing small-lot Pinot Noir and Chardonnay. Explore our current releases and join the list.

Blog: Stories from the estate, harvest updates, winemaker notes, and news on upcoming releases.


Canonical URL

This is the URL you want everyone to use to reach this page, and it tells search crawlers the exact page to send visitors to. It needs to match the live URL for the page, using https at the front (for example, https://offsetwinery.com/blog). This should not differ from your live page URL.

Canonical URL Examples


Social Open Graph Image

This is an uploaded image that appears in the preview card when your link gets shared in Slack, a text, or on social media. It is optional, but we recommend adding one since images make links more clickable. Use something appropriate for the page, so a lifestyle or tasting room shot for your Sign Up page, an estate hero image or logo for your homepage, or a harvest photo for your blog.

Social Open Graph Image Examples

Sign Up: a warm lifestyle shot of the tasting room or a vineyard at golden hour, the kind of image that makes someone want to click

Homepage: the estate logo on a brand background, or a signature hero shot of the property

Blog: a candid harvest or cellar photo

FORMAT or REQUIREMENT:
Preferred aspect ratio: 1200 x 630 px. Recommended file types: jpg, jpeg, png (max 10 MB). Use a horizontal (landscape) image so it displays cleanly in link previews across Slack, social media, and messaging apps.

Did this answer your question?