Skip to content
A1 Shining Light - Docs and Guides

Feature Product Pages

Feature Products

There are a few ways to classify a featured product. Due to our particular flavour of product we have a large count of identical ‘products’ with different sku’s or configs. A good example is the Pioneer Platform from Rhino-Rack. It can be considered a ‘product’ in the broad sense, however, what we sell is the platform for a specific vehicle fitment.

It isn’t productive to create a page about a specific vehicle fitment, so we have a ‘Featured Product’ page that is used to showcase the broader product. it’s implied that derived products are a subset of the broader product and have the same features, benefits etc.

When to use Product Group Landing pages

The most prominent use case for a Product Group Landing page is to showcase a subset or superset of a category.

An example of this is ‘Swing Away Bike Carriers’. We have several brands available that offer this type of product, but from a category perspective they fall under the ‘Rear Bike Carriers’ category.

Product group Landing pages that are linked to a Collection should have a reciprocal relationship.

Creating a Product Group Landing Page

  1. Follow the steps to create a Landing Page.

  2. Follow the Steps to create a Collection.

  3. Add the Collection to the Product Group Landing Page in the related content section.

  4. Copy the EXAMPLE page source for premade styled components. These have been parsed and are ready to be used.

  5. Add your content to the relevant fields.

  6. Open the page and check for any errors. It’s particuarly important that you ensure that the page is responsive for mobile devices.

Important Fields for Product Group Landing Pages

Name

The title is the first thing on the page so make sure that it’s relevant. Unless otherwise set this is also our SEO title, so consider that when creating the title - remember keywords and targeting will count here.

Description

This field can contain html, images, videos and other assets. Makes up the body of content.

Videos can be injected here, however, will require the review of the Web Master, to ensure correct markup.

Images may be used liberally, however, require manual markup in the Source Code tab for good SEO practices. This can’t be done using Neto’s internal WYSIWYG editor image tool. An image needs:

  • SRC - this is the URL that the image is stored at. You can upload directly into the wysisyg first if required.
  • ALT - this text is that appears in the case that the image doesn’t load. It is also what screen readers and other assistive technologies use to understand the images contents - be descriptive.
  • Width - this is the intrinsic width of the image, not the size you want it to appear as. It’s used to calculate aspect ratios and is required to ensure good page layout during load. Written in px units (e.g. 600px).
  • Height - this is the intrinsic height of the image, not the size you want it to appear as. It’s used to calculate aspect ratios and is required to ensure good page layout during load. Written in px units (e.g. 600px).

There are additional attributes that are optional such as class and style, however, these will only be required for more complex layouts and should involve the Web Master before applying.

Subtitle

First short description field that paints under the title. This is rendered in italics and is narrower than the main content. It’s also a content zone that is provided as the SEO meta description unless otherwise set.

Short Description

Second Short description field. Rendered identically to the subtitle. As a following sentence. Used when the subtitle requires extra text. Not used for Meta description.

SEO Page Title

A title tag is the main text that describes an online document. It is the second most important on-page SEO element (the most important being overall content), and appears in three key places: browsers, search engine results pages, and external websites.

A maximum amount of 70 characters will display in search results. Engines will show an ellipsis, ”…” to indicate that a title tag has been cut off.

Meta Description

Meta description tags, while not important to search engine rankings, are extremely important in gaining user click-through from SERPs. Meta descriptions can be any length, but search engines generally truncate snippets longer than 160 characters.

It is best to keep meta descriptions between 150 and 160 characters. If this field is NOT set the description is a combination of ‘Page Title’ + ‘Content Type’ + ‘Page Heading’ + ‘Subtitle’. It is always best to set this for collections as it’s often hard to include a subtitle that makes contextual sense in a search engine and on the page.

SEO Page Heading

Overwrites the H1 tag name field.

SEO Canonical URL

This field communicates to search engines that the content is information that has very similar or derived information from another internal page. We can use this to redirect engines to a broader page that includes this topic.

Related Categories

This field is used to show related categories to the current page. It will generate a product list and short description for the category linked. This should be a reciprocal relationship.