SEO Content Component: Overview and Setup

B. In the ARI-CMS, go to Components and enable an instance of the SEO Content component

• If the component is not in the account library, go to Marketplace and add it 

C. Click the component gear icon, and add a descriptive label so that it will be easy to find this component later. Example: Search Page Banners & Footers

D. Under SEO Controls, click the blue + button. A collapsed menu item will display with a label of “No title”. Click on the title (or arrow icon) to open the admin panel

E. Under Parameters Controls, click the blue + button. A field labeled Parameter will appear.

F. Paste a relative URL path for the intended page (or pages) into the Parameter field. This must be only portion of the URL path that follows the page folder name, WITHOUT the forward slash that precedes it.

• Example: For the URL of https://powersports.aridemo.com/search/inventory/type/Snowmobile, we would input a relative path of type/Snowmobile (with no forward slash at the start)

G. Directly beneath the Parameter field is a radio menu selection labeled Exact|Contains. This toggle defaults to Exact, and this should be the choice for most purposes.

1. “Exact” means that the URL parameter entered is the only place where the content should display.
   1. Example: Set to Exact, the content for the parameter of type/Snowmobile displays only on the page https://powersports.aridemo.com/search/inventory/type/Snowmobile
2. “Contains” means that the content will display on any page URL that includes the relative path entered
   1. Example: Set to Exact, the content for the parameter of type/Snowmobile displays on any search page that includes that path. # possible examples are shown below:
      1. https://powersports.aridemo.com/search/inventory/type/Snowmobile
      2. https://powersports.aridemo.com/search/inventory/type/Snowmobile/usage/New
      3. https://powersports.aridemo.com/search/inventory/type/Snowmobile/type/ATV

H. Directly beneath the Exact/Contains toggle is a blue + button. Clicking this will open another parameter control. This can be used to explicitly add the same content to multiple URLs. This can be particularly helpful on search results pages, where a single search result set can be navigated to through many different search filter combinations.

1. Example:
   1. Parameter 1: type/Snowmobile/usage/New
   2. Parameter 2: usage/New/type/Snowmobile

I. In the right column of the configuration screen, there is a radio menu labeled Banner|Footer.

1. “Banner” is a content block that displays above the page asset or the primary component for the page.
2. “Footer” is a content block that will display only on Search pages. When it does display, it is located on the page directly beneath the search results.

The available options for Banner|Footer are as follows:

1. Banner: Select this if you’re only adding a Banner
2. Footer: Don’t use this option. It is being removed.
3. Both (Soon to be labeled “Banner w\ Footer (Search Page Only)”): When chosen, additional fields display for the entry of Footer content.
   
   

J. Under Banner Data, enter a page title in the field labeled H1. This will be used as the page title on the storefront page, and it also is used as the name of the content block within component settings.

K. In the Description (HTML) field, enter the content that should display beneath the page title. The admin includes a WYSIWYG editor with an option to work directly in the HTML source.

• Please note that the editor does not include the option to inject an image into the content. The primary image for the content will generally be uploaded at the next step. Users who wish to include an image in the editor must do so by working directly in the HTML source.

L. Under Banner Image, select the Image Picker Proceed to upload and select the appropriate image file from your computer.

M. Enter descriptive text for the image in the field labeled Image Alt Tag

N. If you want to add CTAs that will display beneath the Banner content, click the blue + button under Add Button.

1. Enter the Button Link Path
   1. Example: https://powersports.aridemo.com/search/inventory/usage/New
2. Enter the Button Label
   1. Example: All New Inventory
3. Repeat steps a. and b. for each button that you wish to add
4. Once you’ve added more than one button, you may change the sequence of how they display in the admin. The buttons will also display in that same sequence on the website.

O. Adding Footer Data

1. Enter a value for H2 This will be the title of the footer content block on the search page.
2. Enter the first content block under Description (HTML).
3. If there are multiple sections of footer content, you can add them individually by clicking on the blue + button beneath the Add Footer Section.
   1. Footer Image: This is optional. You can upload a single image to each Footer Section.
   2. Footer Text (HTML): You can add text content to each Footer Section