Search Engine Optimization

Search engine optimization (SEO) is the process of modifying an item so that search engines such as Google can easily find and list it in search results. While individual search engines have their own methods for finding and listing items on the internet, they all generally look for specific tags within the <head> element.

<title> and <meta> Tags

SEO text often appears in the <title> and <meta> tags.

1
2
3
4
5
 <head>
     <title>Deadly Gamma Ray Burst Headed for Manny's Pizzeria</title>
     <meta name="description" content="Deadly Gamma Ray Burst Headed for Manny's Pizzeria" />
     <meta name="keywords" content="Gamma Ray Burst Manny's Pizzeria" />
 </head>

In the previous snippet—

  • Line 2 shows SEO text in the <title> tag.
  • Line 3 shows SEO text in the <meta description> tag.
  • Line 4 shows SEO text in the <meta keywords> tag.

Open Graph Properties

SEO text often appears in OpenGraph Tag properties.

1
2
3
4
5
6
7
 <head>
     <meta property="og:title" content="Deadly Gamma Ray Burst Headed for Manny's Pizzeria" />
     <meta property="og:type" content="article:tag" />
     <meta property="article:tag" content="Deadly Gamma Ray Burst Headed for Manny's Pizzeria" />
     <meta property="og:image" content="http://path/to/image.jpg" />
     <meta property="og:url" content="http://permalink" />
 </head>

In the previous snippet—

  • Line 2 shows OpenGraph text in the og:title property.
  • Line 3 shows OpenGraph text in the og:type property. The full list of OpenGraph types is available at Object Types.
  • Line 4 shows the tag line associated with the article:tag property.
  • Line 5 specifies the image to display in og:image property. The social network renders this image in its associated preview.
  • Line 6 specifies the URL in og:url property. Visitors clicking on the preview in the social network jump to this URL.

Note that the default SEO tab in the Content Edit Form does not include fields for entering Open Graph properties. However, the UI can be updated to accommodate Open Graph properties. See Adding Open Graph Fields.

How Brightspot Populates SEO Text

Depending on the item you create, Brightspot automatically populates the SEO fields. For example, text you type in a headline field automatically appears in the Title field under the SEO tab.

../../../_images/seo-title.svg

You can add or modify an item’s SEO entries.

  1. Search for and open the item in the Content Edit Page.
  2. In the Content Edit Form, under the SEO tab, fill out the fields as required.
  3. In the Publish widget, click Save Draft or Save.

Brightspot includes the SEO text in the published version of the item.