Skip to content

fix(seo): resolve crawlable links and aria-labels #933

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Daniel-1600 wants to merge 3 commits into
base: master
Choose a base branch
from
+25 −16
Open

fix(seo): resolve crawlable links and aria-labels #933

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5ea4d48
fix(seo): resolve crawlable links and aria-labels
Daniel-1600 Apr 1, 2026
8aa8ac9
fix: add aria-labels to navbar icon links and fix crawlable anchor
Daniel-1600 Apr 1, 2026
8e5637a
Merge branch 'master' into fix-seo-issues
CodexRaunak Apr 3, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 9 additions & 9 deletions hugo.toml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -187,57 +187,57 @@ enable = false
url = "https://layer5.io/subscribe"
icon = "icons/envelope.svg"
desc = "Discussion and help from your fellow users"
alt = "Envelope Icon"
alt = "Subscribe to the Layer5 newsletter"
[[params.links.footer.icons]]
name = "Twitter"
url = "https://twitter.com/layer5"
icon = "icons/twitter.svg"
desc = "Follow us on Twitter to get the latest news!"
class= "social-icon"
alt = "Twitter Icon"
alt = "Follow Layer5 on Twitter"
[[params.links.footer.icons]]
name = "Discussion Forum"
url = "https://discuss.layer5.io"
icon = "icons/discuss.svg"
desc = "Practical questions and curated answers"
alt = "Discussion Forum Icon"
alt = "Join the Layer5 discussion forum"
[[params.links.footer.icons]]
name = "GitHub"
url = "https://github.com/layer5io"
icon = "icons/github.svg"
desc = "Development takes place here"
class= "social-icon"
alt = "GitHub Icon"
alt = "Visit Layer5 on GitHub"
[[params.links.footer.icons]]
name = "Slack"
url = "https://slack.layer5.io"
icon = "icons/slack.svg"
desc = "Chat with other project developers"
alt = "Slack Icon"
alt = "Join the Layer5 Slack community"
[[params.links.footer.icons]]
name = "LinkedIn"
url = "https://www.linkedin.com/company/layer5"
icon = "icons/linkedin.svg"
desc = "Discuss development issues around the project"
alt = "LinkedIn Icon"
alt = "Follow Layer5 on LinkedIn"
[[params.links.footer.icons]]
name = "YouTube"
url = "https://www.youtube.com/channel/UCFL1af7_wdnhHXL1InzaMvA?sub_confirmation=1"
icon = "icons/youtube.svg"
desc = "Discuss development issues around the project"
alt = "YouTube Icon"
alt = "Watch Layer5 on YouTube"
[[params.links.footer.icons]]
name = "Bluesky"
url = "https://bsky.app/profile/layer5.bsky.social"
icon = "icons/bluesky.svg"
desc = "Follow us on Bluesky for updates"
alt = "Bluesky Icon"
alt = "Follow Layer5 on Bluesky"
[[params.links.footer.icons]]
name = "Docker"
url = "https://hub.docker.com/u/layer5/"
icon = "icons/docker.svg"
desc = "Discuss development issues around the project"
alt = "Docker Icon"
alt = "Explore Layer5 images on Docker Hub"

[[params.links.footer.resources.items]]
name = "Learning Paths"
Expand Down
4 changes: 2 additions & 2 deletions layouts/partials/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,14 +4,14 @@
<!----------------->
<div class="row footer-top">
<div class="col-lg-6">
<a href="/">
<a href="/" aria-label="Home">
{{ $svg := resources.Get "icons/logo.svg" }}
<img class="footer-logo" src="{{ $svg.Permalink }}" alt="Footer Logo Layer5" data-modal="false">
</a>
</div>
<div class="col-lg-6 footer-info footer-icons">
{{ range .Site.Params.links.footer.icons }}
<a href="{{ .url }}" class="{{ .class }}" target="_blank" rel="noreferrer">
<a href="{{ .url }}" class="{{ .class }}" target="_blank" rel="noreferrer" aria-label="{{ .alt }}">
{{ $svg1 := resources.Get .icon }}
<img height="30px" src="{{ $svg1.Permalink }}" alt="{{ .alt }}" data-modal="false">
</a>
Expand Down
2 changes: 1 addition & 1 deletion layouts/partials/head.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
{{ end -}}

{{ $outputFormat := partial "outputformat.html" . -}}
{{ if and hugo.IsProduction (ne $outputFormat "print") -}}
{{ if and (or hugo.IsProduction hugo.IsServer) (ne $outputFormat "print") -}}
<meta name="robots" content="index, follow">
{{ else -}}
<meta name="robots" content="noindex, nofollow">
Expand Down
17 changes: 13 additions & 4 deletions layouts/partials/navbar.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
class="td-navbar navbar-dark js-navbar-scroll td-navbar-cover navbar-bg-onscroll--fade"
>
<div class="container-fluid flex-column flex-md-row">
<a class="navbar-brand" href="/">
<a class="navbar-brand" href="/" aria-label="Home">
<span class="navbar-brand__logo navbar-logo">
{{ $svg := resources.Get "icons/logo.svg" }}
<img class="footer-logo" src="/images/logo.svg" alt="logo" data-modal="false" />
Expand Down Expand Up @@ -41,6 +41,7 @@
class="dropdown-item dropdown-item--row"
href="https://cloud.layer5.io/academy"
target="_blank"
aria-label="Academy"
>
<div class="logo-container">
<img
Expand All @@ -54,6 +55,7 @@
<a
class="dropdown-item dropdown-item--row"
href="/videos"
aria-label="Videos"
>
<div class="logo-container">
<img
Expand Down Expand Up @@ -89,13 +91,14 @@
data-toggle="dropdown"
style="padding-top:6px"
>
<img width="28px" src="/images/grid-icon.svg" class="grid-icon" data-modal="false" />
<img width="28px" src="/images/grid-icon.svg" alt="Products" class="grid-icon" data-modal="false" />

</div>
<div class="dropdown-menu" aria-labelledby="productsDropdown" style="margin-left:-4.5rem;visibility:hidden;">
<a
class="dropdown-item"
href="https://docs.meshery.io/"
aria-label="Meshery Docs"
target="_blank"
>
<div class="logo-container">
Expand All @@ -110,6 +113,7 @@
<a
class="dropdown-item"
href="https://layer5.io/cloud-native-management/kanvas"
aria-label="Kanvas"
target="_blank"
>
<div class="logo-container">
Expand All @@ -126,6 +130,7 @@
<a
class="dropdown-item"
href="https://layer5.io/cloud-native-management/catalog"
aria-label="Catalog"
target="_blank"
>
<div class="logo-container">
Expand All @@ -141,6 +146,7 @@
<a
class="dropdown-item"
href="https://smp-spec.io/"
aria-label="SMP Spec"
target="_blank"
>
<div class="logo-container">
Expand All @@ -156,6 +162,7 @@
<a
class="dropdown-item"
href="https://getnighthawk.dev/"
aria-label="Nighthawk"
target="_blank"
>
<div class="logo-container">
Expand All @@ -173,6 +180,7 @@
class="dropdown-item"
href="https://cloud.layer5.io/academy"
target="_blank"
aria-label="Layer5 Academy"
>
<div class="logo-container">
<img
Expand All @@ -189,7 +197,7 @@
<a class="nav-link" href="https://cloud.layer5.io/login" target="_blank">Sign In</a>
</li>
<li class="nav-item dropdown" data-bs-theme="dark" id="userlist" style="display: none;">
<a href="" id="user-profile-url">
<a href="https://cloud.layer5.io" id="user-profile-url" aria-label="User Profile">
<div
class="nav-link avatar-container"
id="avatarDropdown"
Expand Down Expand Up @@ -257,7 +265,8 @@
cur = document.querySelector("#kanvas");
if (cur) {
cur.classList.add("current");
cur.href = "javascript: void(0)";
cur.style.pointerEvents = "none";
cur.style.cursor = "default";
}

let isUserAuthenticated = false;
Expand Down
Loading