Made in Builder

Made in Builder.io

Live Demo ๐Ÿ‘‰ All Demo, No Pitch: Content & Commerce / Builder.io & Elastic Path on 12/13

ร—

Developers

Product

Use Cases

Pricing

Developers

Resources

Company

Get StartedLogin

โ˜ฐ

Product

Features

Integrations

Talk to an Expert

Pricing

Blog

Home

Resources

Blog

Forum

Github

Login

Signup

ร—

Visual CMS

Drag-and-drop visual editor and headless CMS for any tech stack

Theme Studio for Shopify

Build and optimize your Shopify-hosted storefront, no coding required

Resources

Blog

Get StartedLogin

โ˜ฐ

Search Engine Optimization

By default, Builder pages offer a graphical UI for Search Engine Optimization (SEO). To take the best possible advantage of SEO with Builder.io content, make sure you provide metadata for search engines. This page describes the following:

Setting page metadata

Page metadata is the data about your page that search engines use to display information in search results. For any page you publish, make sure that you include, at the very least, a title and description for your page.

The built-in Page model in Builder includes title and description fields by default. To specify a title and description on a page content entry made using the default Builder Page model:

  1. Go to Content.
  2. Click on the page to open it in the Visual Editor.
  3. In the Options tab, expand the section titled Docs Content Fields.
  4. Enter the title and description for your page.

The following video demonstrates filling out the title and description metadata in a page created with the default page model in Builder:

To add additional fields to your page model, see the Adding custom fields to a model section of Custom Fields.

Rendering custom fields into your pages

After you've created custom fields, you can render these fields into your pages as needed. Consider the examples below for implementations of a title field:

Referencing dynamic values

To reference dynamic values in your SEO tags, you can use custom fields on the content. As an example, consider dynamically referencing product prices.

By referencing your external product through custom fields instead of hardcoding product prices, price updates propagate throughout your Builder content without the need for manually bulk editing content.

For more information, see the Write API documentation and Intro to Plugins.

Tip: Other possibilities for custom fields for SEO include making file fields for meta tags such as og:image or boolean fields for flagging which pages should be crawled or not crawled using the meta robots tag.

What's next

For more details, see Custom Fields.


Looking to hire a 3rd party to help with your project?

Submit a project request and our partnerships team will reach out to connect you with an Expert from our partner ecosystem.

Connect with us

Was this article helpful?