Verbose titles leading to crowded menus and breadcrumbs about edu

[nsmith5]

@ltagliaferri and @erikaheidi

[ltagliaferri]

@erikaheidi — do you think we can remove some of the breadcrumbs or collapse them?

[erikaheidi]

I'm looking at this now! I can truncate titles, will do some testing and share here screenshots soon.

[erikaheidi]

This is how it looks with titles truncated. For the breadcrumbs I think it works, but for the menu I am not quite sure, since it ends up looking the same as the other section.
@ltagliaferri

[erikaheidi]

Removing breadcrumbs and leaving menu untouched:

[erikaheidi]

One more: menu truncated at 25 chars; breadcrumbs enabled with truncate at 20 chars for the article title.

[ltagliaferri]

Following Dev Ed sync — we also would like to make the left menu items left-aligned

Possible to turn off the first two breadcrumbs? Home and Chainguard for example?

[nsmith5]

Am I right in thinking that the "title" that SEO cares about is the actual <title> tag of the page? If that is the case perhaps we can change our approach and just make that part of the Hugo page metadata like:

+ seoTitle: "Chainguard Enforce on Cloud Shell User Onboarding"
+ title: "Cloud Shell User Onboarding"
- title: "Chainguard Enforce on Cloud Shell User Onboarding"
type: "article"
lead: "Setup of Chainguard Enforce with Google Cloud Shell and Kind"
description: "Set up Chainguard Enforce with Google Cloud Shell and Kind"
date: 2022-15-07T15:22:20+01:00
lastmod: 2022-15-07T15:22:20+01:00
draft: false
images: []
menu:
  docs:
    parent: "enforce-kubernetes"
weight: 620
toc: true

Then we set the <title> tag using this seo title metadata we can have something seo optimized (context complete and full of keywords) and keep the titles on the page a little more light and simple. I think the location that this is set in our upstream hugo theme is right here:

https://github.com/h-enk/doks/blob/60768e606844d16d50c7b8c111a866792ee26435/layouts/partials/head/seo.html#L16

As an example it looks like the Hashicorp Vault docs took an approach like this. You can see the <title> tag is good for SEO from this seach:

But on the page the title is a little more simplified

I think their approach is basically just to append | Vault by Hashicorp to every article title it seems.

[ltagliaferri]

@erikaheidi is there any progress on the breadcrumbs?

[ltagliaferri]

@erikaheidi can you move this to truncated breadcrumbs?