My site has a tab-link section that directs users to specific pages when they click.
However, when you hover over the link, you can see that the HREF is a javascript ID, this is bad for SEO because Search Engines don’t like redirects.
How can I change this link to be something like href=“/features/crm” instead of: #w-tabs-0-data-w-pane-1
See Screenshot:
Read Only Link: Webflow - Tekmetric 2025
Published Site: https://www.tekmetric.com/
Hey Koleman-
You’ll need to share your published site link to this page and your readonly designer link if you want the community to be able to help you.
It’s really not clear if you’re trying to link across pages or what setup you have, but Webflow tabs are an on-page element, so there is no SEO linking there for those panes.
I have added the two requested links.
Ooook, so it looks like you’re using a tabs element, but hacking its normal behavior so that tabs switch on hover, and tab click navigates to another URL.
A few thoughts;
You might be able to “fix” your url issue directly using the script as well. If you change the href, does Webflow’s tabs element still function? Depends on how webflow.js is setup so you’ll need to test this. Googlebot runs JS so you should pick that up.
Another approach is to just build this properly using interactions. A panel of buttons, a content pane, hover interactions and standard links that navigate.
