製品のグリッドがあります。グリッド内の各製品行を拡張して、完全な製品詳細を表示できます (Ajax を使用)。
行が消費されるときのSEOの目的で、次を使用しています:
window.history.pushState()
URLを変更します。
例: 次のような URL:
http://mydomain.com/bouquets/cityName
次のように変更されます。
http://mydomain.com/bouquets/cityName/prodId
問題は、別の行が拡張されたときに新しい URL が次のようになることです。
http://mydomain.com/bouquets/cityName/prodId/prodId
3 番目の行が消費されました。
http://mydomain.com/bouquets/cityName/prodId/prodId/prodId/
等々...
初めて行が消費されたとき、私はJSで次のようなことをする必要があります:
<a href= "../URL" >