Utilizar o voltar, next do navegador, após uma atualização via Ajax. Igual ao GMail

Estou desenvolvendo uma loja virtual em JSF.
Tenho uma lista de categorias em um side bar, que atualiza uma div “corpo” onde fica a lista de produtos.
Sempre que eu clico em um link nessa lista de categorias, o “corpo” é recarregado. Porém, quando eu clico no botão de voltar
do navegador, ele não volta para a categoria anterior.

No gMail, quando você clica na entrada, aparece todos os emails inbox com esse link https://mail.google.com/mail/#inbox
Quando você quer exibir as mensagens importantes, o gmail atualiza via ajax as mensagens, e mostra esse link https://mail.google.com/mail/#imp

Queria fazer a mesma coisa no meu projeto. Quando eu escolho uma categoria, aparece /index/#categoriaAzul
Quando eu escolho outra categoria, ele muda para /index/#categoriaVerde

:?: