---
updatedAt: 2025-05-14T08:05:24.000Z
agentTools:
  projectIndex: https://learn.vtex.com/llms.txt
---

# Improving Navigation

<HTMLBlock>{`
<style>
      section#hub-content header h1, section#hub-content header h2 {
        color: #f71963
      }
    
      p {
        line-height: 1.5rem;
      }
    </style>
`}</HTMLBlock>

# Enhancing Navigation

## Introduction

`Navigation.json` has a series of features that can improve the relevance and navigation of your application, in this step we will learn how to define a title message and create keywords.

## Activity

1. In the previous step we used `titleId`: ʻadmin-example.navigation.label\`. To assign a textual value to this key, we need to write the corresponding value in the messages folder, in the three language files:

/messages/pt.json

```
{
  "admin-example.navigation.label": "Treinamento de IO"
}
```

/messages/en.json

```
{
  "admin-example.navigation.label": "IO Training"
}
```

/messages/es.json

```
{
  "admin-example.navigation.label": "Entrenamiento de IO"
}
```

That done, we can now see a translatable message for the menu we created:

![image](https://user-images.githubusercontent.com/18701182/92776306-85d0d380-f375-11ea-84b1-da5321b89538.png)

2. Add keywords to make your application search easier:

/admin/navigation.json

```diff
{
  ...
+ "searchKeyWordsHelpers": "admin-example.navigation.search.kws"
}
```

3. Similarly, create the messages for the keywords, separated by commas:

/messages/pt.json

```diff
{
  "admin-example.navigation.label": "Treinamento de IO",
+ "admin-example.navigation.search.kws": "mock, test, treinamento, io"
}
```

/messages/en.json

```diff
{
  "admin-example.navigation.label": "IO Training",
+ "admin-example.navigation.search.kws": "mock, test, training, io"
}
```

/messages/es.json

```diff
{
  "admin-example.navigation.label": "Entrenamiento de IO",
+ "admin-example.navigation.search.kws": "mock, test, entrenamiento, io"
}
```

![image](https://user-images.githubusercontent.com/18701182/92777236-65eddf80-f376-11ea-9c07-fac14f5d5172.png)

### Any questions?

See the [answersheet for this step](https://learn.vtex.com/docs/course-admin-step03-enhancing-navigation-answersheet-lang-en) or check our \[office hours] on the VTEX Developers channel(<https://www.youtube.com/c/VTEXDevelopers>)

<hr/>
<div id="contribute-container">
  <p id="contribute-title"> 
    Help us make this content better!
  </p>
  <p id="contribute-description">
    VTEX IO courses are open source. If you see something wrong, you can open a pull request!
  </p>

  <a id="contribute-button" href="https://github.com/vtex/vtex-courses/edit/master/courses/admin/steps/03-enhancing-navigation/en.md">
    Make a contribution
  </a>

  <p id="contribute-issue">
    or <a href="https://github.com/vtex/vtex-courses/issues/new/choose">open an issue</a>
  </p>

</div>