HTML Link Generator
Link Builder Tool Quick Reference
Embedding the Tool
To embed the HTML link generator on your website, paste the following code where you want it to appear:
<div id="titan-link-builder"></div> <script src="https://www.titanjewellery.co.uk/link-builder-01.js" defer></script>
Options and Their Effects
Anchor Text
What it does: Sets the clickable text in the link.
Text Style
- None: Plain text.
- Strong (<strong>): Semantic emphasis; search engines treat it as important.
- Bold (<b>): Visual bold without extra meaning.
- Italic (<i>): Italicises text.
- Underline (<u>): Underlines text.
Heading Tag
- None: No heading wrapper.
- <h1>-<h6>: Wraps the link inside that heading level for SEO and structure.
Full URL Input
What it does: Specifies the destination address. Must begin with http://
or https://
.
Output As
- Full URL: Uses the entire address.
- Page Slug: Uses only the final page name (e.g.,
page.html
). Ideal for internal links.
Open In
- Same Window (
_self
): Opens link in current tab. - New Window (
_blank
): Opens link in a new tab.
Link Type
- Internal: Links within your own site. Slug option is available.
- External: Links to another domain. Forces Full URL; Slug is disabled.
Additional Attributes (External Only)
Follow vs NoFollow
Follow: Passes ranking value ("link juice") to the external site.
NoFollow: Adds rel="nofollow"
, preventing search engines from following. Use if you don't want to pass link juice.
Referrer vs NoReferrer
Referrer: Sends your site's URL as the source.
NoReferrer: Adds rel="noreferrer"
, hides the source address for privacy and security.
Opener vs NoOpener
Opener: Default behaviour; new tab can access the original page's window
object.
NoOpener: Adds rel="noopener"
, preventing the new tab from controlling the opener page and reducing security risks.
Recommended Settings for External Links
Select NoFollow, NoReferrer, and NoOpener to maximize security, privacy, and control over SEO.
Generating and Copying
- Make your choices.
- Click Generate Link.
- Copy the HTML from the box and paste it into your webpage.
- A live preview shows how the link looks.