When it comes to water safety, every second counts. You’ve trained your lifeguards to be vigilant, but you know even the best teams can use an extra layer of support. Drowning detection systems provide that critical backup, offering peace of mind for your staff and patrons. But getting this system in place means talking about the budget. Understanding the commercial drowning detection system cost is the first step in building a case for this life-saving investment. We’ll explore what goes into the pricing, from hardware to software, helping you see beyond the numbers to the long-term value of enhanced safety.
Key Takeaways
- Links are the foundation of your website: The href attribute creates the essential pathways that guide visitors and search engines, connecting your content into a cohesive and easy-to-explore structure.
- Write links for people first: Improve user experience by using descriptive anchor text that clearly explains a link's destination and by adding helpful attributes, like
target="_blank"for external resources, to make browsing intuitive. - Maintain your links to build trust: Regularly check your website for broken links to prevent user frustration. This simple audit keeps your site professional and signals to search engines that your content is reliable and well-maintained.
What is an Href Link?
If you’ve ever worked on a website, you’ve likely come across the term "href." So, what is it? Simply put, "href" stands for "Hypertext Reference." It's a crucial piece of HTML code that acts as the instruction for a hyperlink, telling the browser where to go when a user clicks on it. Think of it as the destination address you type into a GPS. Without the href attribute, a link is just underlined text with nowhere to go.
This attribute is part of the anchor tag (<a>), which is the HTML element used to create links. The href specifies the link's destination URL. This destination can be another page on your website (an internal link), a page on a completely different website (an external link), or even a specific section on the same page (an anchor link). For example, a link to an external site uses a full web address, known as an absolute URL. A link to another page on your own site can use a shorter path, or a relative URL, since the browser already knows your site's domain. Understanding the HTML <a> href attribute is fundamental to building a website that users and search engines can easily explore.
A Simple Href Link Example
You interact with href links constantly, but they can do more than just direct you to another webpage. For example, you can create a link that automatically opens a user’s default email program with your email address already filled in. This is done using the mailto: protocol inside the href attribute and is a great way to encourage visitors to contact you.
Another common use is creating page jumps, or anchor links. On a long page with multiple sections, you can use an href like href="#pricing" to create a link that instantly takes the user down to the pricing section. This makes your content much easier to get through. Beyond these basics, developers can also call JavaScript functions with href links to add interactive features, like opening a sign-up form or triggering an animation when a user clicks.
How Links Look and Behave by Default
By design, links have a consistent look and feel across the web to make them easy to spot. You’ve seen it a thousand times: unvisited links are typically blue and underlined, while links you’ve already clicked turn purple. This simple color change is a helpful visual cue that lets you know where you’ve been. When you’re actively clicking a link, it might flash red for a moment. This entire system is built into the browser's default settings for the anchor element, the HTML tag responsible for creating links. While you can change these colors and styles with CSS to match your brand, the default behavior is designed for maximum clarity, ensuring everyone can easily tell what’s clickable and what’s not.
Why Do Href Links Matter for SEO?
Think of href links as the road map for your website and the internet as a whole. They create pathways that guide both your visitors and search engine crawlers from one point to another. Without them, every page would be an isolated island, making it nearly impossible for people to discover your content or for search engines to understand how your information connects. A well-structured linking strategy is fundamental to a good user experience and a strong online presence, ensuring your message about aquatic safety reaches the right audience.
When a facility manager reads your blog post on lifeguard best practices, a simple link can guide them directly to your drowning detection products. This seamless transition keeps them engaged and helps them find solutions without having to search for them. For search engines like Google, these links provide crucial context. They map out the relationships between your pages, helping the search engine understand the structure of your website, identify your most important content, and determine how authoritative your site is on topics like drowning detection. Ultimately, using href links thoughtfully helps people find the information they need and helps search engines rank your site accurately, so you can focus on what matters: preventing drowning incidents.
Using Href for Internal Links
Internal links are the ones that connect pages within your own website. For example, a link from your homepage to your "About Us" page is an internal link. These are incredibly important because they help search engines understand the layout of your site, allowing them to crawl and index your pages more efficiently. Internal links also help spread SEO value across your site. If you have one page that gets a lot of traffic, linking from it to other relevant pages can pass some of that authority along, improving the performance of your other content. A strong internal linking structure makes your whole website stronger.
Using Href for External Links
External links point from your website to a page on a completely different website. While it might seem counterintuitive to send visitors away, linking to credible, high-quality sources can actually build trust with your audience. It shows that your content is well-researched and that you prioritize providing valuable information. For search engines, these outbound links are a signal of quality. Linking to reputable sources like government safety sites or industry leaders tells search engines that you are a trustworthy source of information, which can positively affect your site's ranking. It’s all about being a helpful resource for your community.
5 Tips for Writing Better Href Links
Creating a link might seem simple, but there’s a bit of an art to doing it well. A great link not only takes your visitor to the right place but also improves their experience on your site and helps search engines understand your content. Think of your links as signposts. Clear, helpful signposts make for a smooth journey, while confusing or broken ones can lead to frustration.
Getting your links right is a fundamental part of managing a strong online presence. Whether you’re linking to one of your own product pages, like our GUARDian System, or to an external resource, a few best practices can make a huge difference. These tips will help you create links that are effective, user-friendly, and supportive of your overall website health. Let’s walk through five simple ways to improve your href links.
1. Choose the Right Href Value
The href value is the destination of your link, and you have two main options: an absolute URL or a relative URL. An absolute URL is the full web address (e.g., https://wavedds.com/products), which is best for linking to external sites. A relative URL is a shorthand path that points to another page on your own site (e.g., /products). Choosing the right one is key to making sure your links work correctly. Using relative URLs for internal links can make your site easier to manage, but absolute URLs are necessary for pointing users to outside resources.
2. Add Helpful Anchor Attributes
You can add extra information to your links using attributes. One of the most helpful is the target attribute. By setting target="_blank", you tell the browser to open the link in a new tab. This is a great practice for external links because it keeps visitors on your website while they check out the other resource. It’s a small touch that significantly improves the user experience by preventing them from losing their place on your site. There are several other HTML attributes you can use to define how your links behave.
3. Get the Syntax Right
For a link to work, its code needs to be correct. The basic structure of a link is the <a> tag, which stands for "anchor," wrapped around your clickable text. The destination is specified inside the tag with the href attribute. For example: <a href="https://wavedds.com/contactus">Book a Meeting</a>. Ensuring your HTML syntax is clean and correct is essential. Properly formatted links are reliable for your users and are easily understood by search engine crawlers, which helps them index your site effectively.
4. Write Clear Anchor Text
The clickable text of a link is called anchor text, and it matters a lot. Avoid generic phrases like "click here" or "read more." Instead, use descriptive text that clearly tells users what they’ll find when they click. For example, "Learn about our Swimmer Alert wearables" is much more helpful than "Click here for more." Good anchor text improves user experience and gives search engines valuable context about the linked page, which is a key SEO best practice.
Let Users Know What to Expect
Think of every link as a promise to your visitor. The anchor text is your way of telling them exactly what they'll get when they click, eliminating any guesswork. For a busy facility manager searching for safety solutions, clarity is key. Vague phrases like "read more" create unnecessary friction and can lead to frustration. Instead, be direct and specific. For instance, if you want to guide them to a page explaining your technology, use anchor text like "see how the GUARDian system works." This simple change makes the journey through your site intuitive, building trust by demonstrating that you respect their time. Clear, descriptive links are a cornerstone of good web design, helping visitors find information efficiently and turning your website into a truly valuable resource.
5. Check Your Links Regularly
Links can break over time. Pages get moved, or websites go offline. A broken link leads to a frustrating "404 Not Found" error, which can damage your credibility and hurt your site's performance. Make it a habit to regularly check your links to ensure they still lead to the right place. You can use a broken link checker to automate this process. Maintaining functional links shows visitors that your website is well-kept and reliable, encouraging them to trust your content and your brand.
What Can You Put in an Href Attribute?
The href attribute is more versatile than you might think. It’s the core of what makes a link work, telling the browser exactly where to go. But that destination isn't always another webpage. It can be a different spot on the same page, a prompt to open an email draft, or even a command to dial a phone number. Choosing the right value is key to creating a link that does exactly what you want it to. Think of it as giving the browser a specific set of directions. A wrong turn could lead your visitors to a broken page or a frustrating experience, while the right one gets them exactly where they need to be, quickly and easily. Understanding these different values helps you build a more intuitive and user-friendly website for your community. Whether you're guiding parents to your facility's schedule or providing a direct link to safety resources, the right href value makes all the difference. Let's walk through the most common values you'll use so you can link with confidence and create a seamless experience for your website visitors.
Linking Within Your Site: Relative URLs
Think of a relative URL as a shortcut for linking to other pages within your own website. Instead of writing out the full web address every time, you just provide the path from your current location. For example, if you’re on your homepage and want to link to your "About Us" page, the href value might just be /about. This method is clean, simple, and efficient for building out your site’s internal structure. It’s the perfect choice when you’re connecting pages on your own domain, like linking from your main products page to a specific page detailing your Swimmer Alert wearables. This keeps your code tidy and makes site-wide updates much easier to manage.
Linking to Other Sites: Absolute URLs
When you need to link to a completely different website, you’ll use an absolute URL. This is the full web address that includes everything from https:// to the end of the domain name, like https://www.redcross.org. You must use an absolute URL for any external link because the browser needs the complete address to find a page outside of your own site. This is essential when you want to cite a source, point visitors to a partner organization, or share a helpful resource from a national safety organization. Using the full web address ensures your visitors land exactly where you intend them to, building trust and providing valuable context.
Jumping to a Section: Anchor Links
Have you ever clicked a link that zipped you down to a specific section of a long webpage? That’s an anchor link. This type of link is incredibly useful for improving the user experience on pages with a lot of content, like an FAQ or a detailed guide. By assigning an ID to a section heading, you can create a link that jumps directly to it, such as href="#faq-section-3". This saves visitors from endless scrolling and helps them find the exact information they need right away. For a facility manager, this could mean linking from the top of a "Rules" page directly to the section on pool hours. Using anchor links makes your content more accessible and easier to use.
Using the ID Attribute vs. the Deprecated Name Attribute
In the early days of the web, the name attribute was used inside an <a> tag to create a destination for an anchor link. You might still see this in older code, but it's no longer the recommended approach. The modern standard is to use the global id attribute instead. The big advantage is that you can apply an id to almost any HTML element, like a heading (<h2>), which is much more semantic and flexible. For example, you can create a target by writing <h3 id="pool-rules">Pool Rules</h3> and then link directly to it from anywhere on the page with <a href="#pool-rules">Jump to Pool Rules</a>. Using the id attribute is the correct method according to current web standards and ensures your page jumps work reliably for all your visitors.
Opening an Email Client: Mailto Links
A mailto link is a simple and effective way to let people contact you. When a user clicks on one, it automatically opens their default email client and starts a new draft addressed to you. The href value looks like this: href="mailto:info@wavedds.com". This is a must-have for your contact page or footer, as it removes the friction of someone having to copy and paste your email address. It’s a small touch that makes it much easier for potential customers or community members to get in touch with questions about your services, book a demo, or inquire about facility hours. This direct line of communication can be invaluable for building relationships with your patrons.
Starting a Phone Call: Tel Links
Similar to mailto links, tel links create a clickable action. In this case, clicking the link initiates a phone call on a mobile device. The format is straightforward: href="tel:+1-555-123-4567". This is incredibly convenient for users browsing your site on their smartphones. Instead of memorizing or writing down your number, they can just tap to call your front desk, book a meeting, or ask about safety protocols. Including a tel link is a great way to improve the mobile experience and encourage direct communication from your visitors, especially in urgent situations or for quick questions that are better handled over the phone.
More Anchor Tag Attributes You Should Know
While the href attribute tells a link where to go, several other attributes can fine-tune how that link behaves. Think of them as extra instructions that give you more control over the user experience and even your site’s SEO. Using these attributes correctly helps you create links that are more intuitive, helpful, and effective. For instance, you can decide if a link should open in a new browser tab, prompt a file download, or signal a specific relationship to search engines.
Understanding these supporting attributes is a simple way to make your website more professional and user-friendly. You don’t need to be a web developer to use them; you just need to know what they do and when to apply them. We’ll walk through four of the most common and useful anchor tag attributes: download, rel, target, and title. Each one serves a distinct purpose, from making downloadable resources easily accessible to providing extra context for your visitors.
Forcing a Download (`download`)
Have you ever wanted to offer a file, like a PDF of your pool's safety rules or an event schedule, directly from your website? The download attribute is perfect for this. When you add it to an anchor tag, it tells the browser to download the linked file instead of trying to open it. You can even suggest a new filename for the download, which keeps things organized for your visitors. For example, you could have a link that says "Download our Aquatic Safety Checklist," and the HTML download attribute ensures the user gets the file right away. This is a much smoother experience than having them right-click and search for a "save link as" option.
Understanding Same-Origin Limitations
You might not see it, but a critical security rule called the Same-Origin Policy is always working in the background of your browser. Its main job is to act as a digital barrier, preventing scripts on one website from accessing data on a completely different site. This is essential for protecting your visitors from data theft and other malicious attacks. While this policy is a cornerstone of web security, it can sometimes block legitimate requests, like pulling in data from a trusted partner's API. To manage these situations, developers use a system called Cross-Origin Resource Sharing (CORS), which allows servers to safely grant permission for these types of interactions.
Defining Relationships (`rel`)
The rel attribute, short for "relationship," explains the connection between your page and the page you're linking to. While it has several uses, one of the most common is for SEO. By setting rel="nofollow", you can tell search engines not to pass any authority from your site to the linked site. This is useful when linking to external websites you don't fully endorse or for sponsored content. The HTML rel attribute helps you manage your site's link profile and maintain control over how search engines interpret your outbound links. It’s a small piece of code that plays a big role in your site’s technical health.
Enhancing Security with rel="noopener"
The rel attribute also plays a key role in website security. When you link to an external site using target="_blank" to open it in a new tab, you should also include rel="noopener". This simple addition prevents the new page from gaining any control over your original page through the browser. Without it, the linked page could potentially redirect your page to a malicious website, an attack sometimes called reverse tabnabbing. By adding rel="noopener", you sever that connection, ensuring the linked page cannot manipulate your original page. It’s a small but crucial step in protecting your website and maintaining a secure browsing experience for your visitors.
Protecting Privacy with rel="noreferrer"
Another important value for the rel attribute is noreferrer. This attribute stops the website you link to from seeing where the visitor came from. Normally, when someone clicks a link, the destination site receives "referrer" data, telling them the traffic came from your page. By adding rel="noreferrer", you block this information from being passed along. This is particularly useful for protecting user privacy, especially if the original page contains sensitive information. It’s a simple way to maintain confidentiality and prevent tracking. It's also helpful to know that using noreferrer provides the same protection as noopener, so you get both security and privacy benefits with this one attribute.
Opening in a New Tab (`target`)
By default, when a user clicks a link, the new page loads in the same browser tab. The target attribute lets you change this behavior. The most popular value is target="_blank", which opens the link in a new tab or window. This is incredibly useful when you're linking to an external resource, like a news article or a partner's website. Using the target attribute this way keeps visitors on your site, so they can easily return after they’ve finished viewing the other page. It prevents them from getting sidetracked and leaving your website entirely, which helps keep your bounce rate low and your audience engaged.
Other Target Values: _self, _parent, and _top
While opening links in a new tab with _blank is a common choice, it’s not your only option. The default behavior for any link is _self, which simply opens the page in the current tab. You don’t even need to write it in the code; the browser assumes it unless you specify otherwise. The other two values, _parent and _top, are a bit more technical and come into play in specific situations, like when your webpage content is displayed inside a frame on another site. Using _parent will open the link in the frame that contains your content, while _top breaks out of all frames completely, loading the link in the full browser window. For most day-to-day website management, you’ll likely stick with _blank or the default _self, but it’s good to know what these other target values do.
The Modern Security of target="_blank"
You may have heard that using target="_blank" can create a security vulnerability. In the past, it was possible for the newly opened tab to access and change the content of the original page, a risk known as a "window.opener" attack. Thankfully, this is no longer a major concern. Modern web browsers have gotten much smarter and now automatically apply security measures to prevent this from happening. When you use target="_blank", most browsers now include the same protection as adding rel="noopener" to your link, which severs the connection between the two tabs. This means you can confidently open external links in a new tab to provide a great user experience without worrying about compromising your site’s security.
Adding Extra Info (`title`)
The title attribute is a simple way to add extra information to a link. When a user hovers their mouse over a link with a title attribute, a small tooltip appears with the text you’ve provided. This can improve both user experience and accessibility. For example, you could add a title that says, "Learn more about our GUARDian Drowning Detection System" to a link pointing to a product page. This gives users more context before they click, clarifying where the link will take them. It’s a small detail that makes your website feel more thoughtful and easier to use for everyone, including those who use screen readers.
Controlling Referrer Data (`referrerpolicy`)
When a visitor clicks a link on your website, the destination site can typically see where that traffic came from. This information, called referrer data, can be useful, but it also raises privacy considerations. The referrerpolicy attribute gives you control over this, acting like a privacy setting for your outbound links. By using it, you can decide exactly how much information is shared when someone leaves your site. This is a small but meaningful way to show your audience that you respect their privacy, which helps build the same kind of trust online that you foster at your facility every day.
There are several options you can use. For maximum privacy, you can set the value to no-referrer, which ensures no information is sent at all. A more common and balanced approach is strict-origin-when-cross-origin. This setting shares your main domain name (e.g., `wavedds.com`) but not the specific page the user was on, which is a great way to protect user privacy while still letting the other site know you sent them a visitor. There are several different policy values available, allowing you to choose the level of data sharing that feels right for your organization.
Technical Best Practices for Links
Beyond just knowing what to put in your href attribute, there are a few technical details that can make a big difference in how your website functions. Getting these fundamentals right ensures that your site is not only easy for visitors to use but also built on a solid, professional foundation. It’s about choosing the right tool for the right job. Sometimes a link is exactly what you need, but other times, a button is the better choice. Understanding the distinction and knowing how to handle different elements, like images, will help you create a more reliable and intuitive experience for everyone visiting your site.
Links vs. Buttons: When to Use Each
It might seem like a small detail, but knowing when to use a link versus a button is crucial for a well-functioning website. The rule of thumb is simple: if clicking it takes the user to a new URL, use a link (an <a> tag). If it performs an action on the current page—like submitting a form, opening a pop-up menu, or playing a video—use a <button>. Using a link for an action can cause issues for users who rely on accessibility tools and can break expected browser behavior like opening a link in a new tab. Sticking to this convention is a core principle of semantic HTML and creates a more predictable experience for your visitors.
How to Turn an Image into a Link
Images can be powerful visual cues, and making them clickable is a great way to guide your visitors. The process is straightforward: you simply wrap the image tag (<img>) with an anchor tag (<a>). For example, you could have a high-quality photo of your facility with a link that takes visitors to your photo gallery. Or, on our site, we might wrap an image of our Lifeguard Alert equipment in a link that directs to the product details page. This technique turns a static image into an interactive element, creating a more engaging and visually driven path for users to explore your content.
Making a Button Act Like a Link with JavaScript
While it's best practice to use links for navigation, there might be rare design situations where you want a button's appearance but a link's function. This can be done, but it requires a bit of JavaScript. You would add code that tells the browser to go to a new URL when the button is clicked. However, this approach should be used sparingly. It adds complexity and can bypass the built-in accessibility and SEO benefits of a standard <a> tag. Whenever possible, the simplest and most effective solution is to style a regular link to look like a button using CSS, giving you the desired look without sacrificing functionality.
Accessibility and User Experience with Links
Creating a great website isn't just about how it looks; it's about how it works for every single person who visits, regardless of their abilities. This is where accessibility comes in. When you design with accessibility in mind, you create a better experience for everyone. For links, this means ensuring they are easy to see, click, and understand. Simple adjustments can make a world of difference for users with visual impairments, motor difficulties, or those who rely on keyboard navigation. By focusing on these details, you show your community that you value inclusivity and are committed to providing clear, accessible information about your facility and its safety measures.
Ensuring Links Are Easy to Click
On mobile devices, where fingers are much less precise than a mouse cursor, the size of a clickable area matters. Have you ever tried to tap a tiny link and accidentally hit the one next to it? It's a common frustration. To prevent this, make sure your links are large enough to be easily tapped. A widely recommended best practice is to make your tap targets at least 44x44 pixels. This gives users enough space to interact with your links confidently, reducing errors and creating a smoother browsing experience, especially for those with motor impairments. It's a small design consideration that has a big impact on usability.
Implementing Skip Links for Keyboard Users
For visitors who can't use a mouse and rely on a keyboard or screen reader to get around your site, navigating through a long menu on every single page can be tedious. A "skip link" solves this problem. It's a hidden link, usually placed at the very top of the page, that only becomes visible when a user presses the Tab key. Clicking it allows them to jump directly past the navigation menu to the main content of the page. Implementing a skip link is a fundamental accessibility feature that demonstrates a commitment to providing an equitable experience for all users, making your important safety information accessible to everyone.
How to Audit and Optimize Your Links
Think of your website as your digital front desk. If a potential visitor can't find information easily, they might just leave. Auditing your links is like making sure all the signs in your facility point to the right place. It ensures visitors can smoothly find details about your safety protocols, equipment, and hours, which helps build trust and improves how search engines rank your site. A well-organized site shows you’re just as meticulous online as you are by the water.
Getting started with an audit is simpler than it sounds. The main goal is to find and fix two common problems: broken links and orphan pages. Broken links lead to dead-end error pages, which frustrate users. Orphan pages are pages on your site that have no internal links pointing to them, making them nearly impossible for visitors and search engines to find. You can use various SEO tools to crawl your website and generate a report of these issues. A thorough internal link audit is the best way to identify exactly what needs fixing.
Once you have your report, you can start optimizing. The key is to create a logical and helpful path for your visitors. For example, your page detailing the GUARDian Hub (w3000) should connect to your main products page and your "How It Works" page. This creates a web of related information, guiding users to learn more about your technology and encouraging them to stay on your site longer. Each relevant link you add strengthens your site’s structure and clarifies the value of your services to both users and search engines.
Finally, remember that link optimization isn't a one-time fix. It’s an ongoing part of your website maintenance. Just as you regularly check your facility's equipment, you should review your website's links every few months. Scheduling a quick check-up helps you catch broken links before they become a problem and ensures your site remains a reliable resource for your community. Making this a regular part of your content audit process will keep your site healthy, effective, and professional.
Finding and Fixing Broken Links
Links can break over time as pages get moved or entire websites go offline. When a visitor clicks a broken link, they land on a frustrating "404 Not Found" error page, which can harm your credibility and your site's performance. Think of it like a locked door in your facility—it stops people from getting where they need to go and reflects poorly on your management. Make it a habit to regularly check your links to ensure they all lead to the right place. You can use a broken link checker to automate this process, making it easy to stay on top of. Maintaining functional links shows visitors that your website is well-kept and reliable, encouraging them to trust your content and your brand.
Managing Link Density
While links are helpful, it's possible to have too much of a good thing. Packing a page with too many links can make your content look messy or even spammy, which can overwhelm your readers and hurt your search engine performance. The goal is to provide value, not a wall of blue text. Instead of linking every other word, focus on adding links that are genuinely helpful and relevant to the topic. A reasonable number of well-placed links will guide your visitors to useful resources without distracting them from your main message. This approach creates a cleaner, more professional user experience for everyone.
Related Articles
Frequently Asked Questions
What's the real difference between an internal and an external link? Think of your website as your facility. Internal links are like signs that guide visitors from the front desk to the locker rooms or the main pool. They connect pages within your own site, creating a clear path for users and search engines. External links, on the other hand, are like recommending a great local cafe. You're pointing visitors to a valuable resource on a completely different website, which helps build your credibility as a knowledgeable source.
Will linking to other websites hurt my site by sending visitors away? This is a common concern, but when done right, linking to other sites actually helps you. It shows that you prioritize providing helpful, well-researched information to your community. The key is to make sure those external links open in a new browser tab. You can do this by adding the target="_blank" attribute to your link, which keeps your website open so visitors can easily come back to it.
How do I choose the best anchor text for my links? The best anchor text is descriptive and sets a clear expectation. Instead of using generic phrases like "click here," use text that tells someone exactly what they'll get. For example, "Read our updated pool safety guidelines" is much more effective than "Click for more info." It helps your visitors find what they need and gives search engines important context about the page you're linking to.
What's the easiest way to find and fix broken links? Manually clicking every link on your site would take forever. The most efficient method is to use a free online tool called a broken link checker. You simply enter your website's address, and the tool will scan your pages and give you a report of any links that lead to an error page. Scheduling a quick check every few months is a great way to keep your site running smoothly.
Do I always need to use the full https:// web address in my links? You only need the full web address, or absolute URL, when you are linking to an external website. For links that point to other pages on your own site, you can use a shorter, relative URL (like /products or /contactus). Using these shorter paths for your internal links makes your code cleaner and easier to manage, especially if you ever need to make site-wide changes.
