Overview
Content modeling checklist

Establish hierarchies for navigation

Boris Pocatko, Tomas Nosek

4 minutes

0% complete

Whether your content is displayed to your visitors through a website, mobile app, or a different channel, it often comes with a hierarchical purpose: navigation. To establish the navigation structure, you need to create a relationship between each hierarchy level. Dive in to get the ropes on organizing your content to build optimal navigation for your visitors.

One of the reasons why modular content platforms, such as Kontent.ai, become popular is the fact that the content created is reusable among different channels, such as websites, mobile apps, smartwatch apps, or chatbots. Creating quality content isn’t trivial, so if you create it, you most likely want to present it effectively on different devices. However, what can work for websites doesn’t work for mobile apps and other devices. While websites often have SEO parameters and URL slugs, mobile apps divide content into screens. To get the flexibility in using the same content on different devices, create a content type for the actual content, then create a content type for navigation in each channel. In Web Spotlight

Home

and

Page

content types are already

created for your website navigation

So that your website or mobile app knows what content to display within a specific location, connect your navigation items to your content. Create a Linked items element in the navigation item’s content type. In its items, you’ll use the element to link the actual content.

You can connect it the other way around if it’s more comfortable for content creators in your case. However, the first approach proves to be better in most cases.

If you use Web Spotlight, use the Subpages element instead of the Linked items element.

If your project represents a website, this adjustment will most likely require more changes to the current state of your content model diagram. In the sample website, the flow of the relationship changed. Instead of the Articles and Landing pages linking to Navigation items (through the SEO metadata snippet), the Navigation item was renamed to Page, and it now leads to either an Article or a Landing page.

It expresses the idea behind the web structure. A website contains a page tree. The page tree contains pages. Pages can be articles, landing pages, or pages with another purpose. Also, Articles and Landing pages contain only the actual content this way.

Kontent.ai Learn

Separate content from navigation

Link content with navigation

Adjust the diagram for your navigation

You can zoom in and out of the diagram using your browser’s zoom options.

Separate content from navigation

Link content with navigation

Adjust the diagram for your navigation

Sign in with your Kontent.ai credentials or sign up for free to unlock the full lesson, track your progress, and access exclusive expert insights and tips!

Cheat sheets
Documentation
API reference
Product updates
Sign in

Try Kontent.ai
Plan
Set up
Model
Develop
Create

Web
Privacy policy
Cookies policy
Consent settings
Security
GDPR

Establish hierarchies for navigation | Kontent.ai Learn

Dive deeper into navigationCheck out our article focused on best practices for navigation to get more detailed instructions in this area.