SEO friendly urls

[ngeleedst]

What is the motivation for adding / enhancing this feature?

The urls that are being generated in the Vue Storefront are not SEO best practices, we would like to use product slugs without sku. Next to this issue it would be nice to have some kind of url rewrite possibility because now you have to allocate every module to a route like:

Category: /category-slug
Pages: /page/page-slug
Product: /product/123/product-url/123

I think we need to develop a general entry point for all types and from that point match if the slug is for a category, page or product.

What are the acceptance criteria

• Product urls from /123/product-slug/123 to /product-slug
• Advanced routing module for url rewrites

Can you complete this feature request by yourself?

No.

Additional information

None

[afirlejczyk]

• We should be able to use 'url_path' attribute from Magento as url for Product and Categories
  We have to remember about urls with extra slashes, e.g women/tops.html - this url also should work for category.

• there should be new option in config for this new feature

[jahvi]

Is it worth leveraging/porting the urlResolver GraphQL query introduced in 2.3? from the docs:

The urlResolver query returns the canonical URL for a specified product, category or CMS page

The query returns the type of entity (PRODUCT, CATEGORY, or CMS_PAGE) so the right component can be used depending on this.

Example Query

{
  urlResolver(url: "venia-tops.html") {
    id
    canonical_url
    type
  }
}

Result

{
  "data": {
    "urlResolver": {
      "id": 7,
      "canonical_url": "catalog/category/view/id/7",
      "type": "CATEGORY"
    }
  }
}

[pkarw]

@jahvi I’m not sure about it. The most challenging part of this feature to keep the offline cache working. As well resign from having the sku in url we must ensure that we store the cached products under url_key based keys in indexed db (please take a look at core/modules/catalog/store/product/actions.ts avtion single and how it’s caching the product)

[pkarw]

@madonzy we can probably store the sku/url_key mapping in kind of localStorage - populated in the product/list method

Please take a look at #2021 - where I've described exactly how offline cache works

[jahvi]

@pkarw I see this sounds more complicated than I thought then, perhaps it might be too hard to implement with the current indexedDB approach.

[pkarw]

@jahvi I think we need to start with a modest solution based on product.url_key and category.url_key - making it just more flexible / removing SKU dependency in URLs and keeping offline-cache in place. If we succeeded in that - then we can think of url_rewrites as a next step. How does it sound?

[jahvi]

I see, so you mean for example instead of having product keys in indexedDB as sku$$MP01 change it to something like url$$josie-yoga-jacket and select based on that?

[pkarw]

Correct. Either to map sku to url keys for lookup

[ngeleedst]

Any updates on this request?

[Cyclonecode]

I am also wondering about this and if there are any updates on this issue?

[jonathanselander]

What about the current inconsistency between vsf and the underlying platform managing URLs, redirects, and what admins assume?

[jahvi]

Sorry I haven't been able to start work on this one as I've been working on other parts of VS. Feel free to submit a PR if anyone wants to give it a go 😃

[pkarw]

Any feedback will be much appreciated: #2401

[ResuBaka]

I have test this with an magento 1 store and the urls in category are /sku/url_key/ and in search they are /url_path?sku and when i try to go to a product like example http://localhost:3000/Aufschnittmaschine-ASM-300?childSku i get the error "The product, category or CMS page is not available in Offline mode. Redirecting to Home.".

Is there anything i am missing? I am an the latest develop and have useUrlDispatcher and useShortCatalogUrls set to true.

[pkarw]

I belive You should have useShortCatalogUrls set to false

[ResuBaka]

When I disable useShortCatalogUrls then the product url does work. But I want to have both at the same time. Or is it not intended to work together?

[pkarw]

It's not. Please set the product.url_path or category.url_path to whatever value you need and it will be Your url :) as simple as that :) so it's much more powerfull than useShort...

[DaanKou]

@pkarw what do exactly mean with setting the ‘product.url_path’ and ‘category.url_path’ to any value? As these properties are now already filled by Mage2VueStorefront?

[pkarw]

Yes, these fields are set by mage2vuestorefornt and magento2-vsbridge-indexer and are used to map the urls