Template is not a problem, here are tips from Google:
Here are the most common reasons why these errors occur:
1. Links are not Crawlable
This error usually triggers when you use something other than a standard HTML anchor tag (<a>) for navigation.
The "Button" Trap: You are using a <button> or a <div> with a JavaScript onclick event to redirect users. While this works for humans, Googlebot does not consistently "click" elements to find new URLs.
Missing href attribute: An <a> tag without a valid href attribute (e.g., <a onclick="goToPage()">) is not considered a link by crawlers.
Invalid URL Formats: Using javascript:void(0) or just # in the href field prevents the crawler from knowing where the link actually leads.
The Fix: Always use standard HTML:
HTML
<a href="/target-page">Visit Page</a>
2. Links do not have Descriptive Text
This happens when the "anchor text" (the clickable part of the link) provides no context about the destination.
Generic Text: Using phrases like "click here," "read more," or "link." These tell Google nothing about the topic of the linked page.
Empty Links: Using an icon or an image as a link without providing aria-label or alt text.
Hidden Links: Links that contain text but are hidden via CSS (e.g., display: none), which Lighthouse may flag if the accessible name is empty.
The Fix: Make the text specific:
Bad: <a href="/shoes">Click here</a>
Good: <a href="/shoes">Browse our running shoes</a>
For Icons: <a href="/cart" aria-label="View your shopping cart"><i class="icon-cart"></i></a>