Putting a backlink on a website sounds mysterious until you see the HTML. A backlink is just a normal link on someone else's page that points to your URL. On your own site, you write the same tag when you want to send readers to another page. This guide covers the HTML basics: the anchor element, href, rel attributes, and the mistakes that break links or confuse crawlers.
This is not a three-tier link strategy. If you need the value side of follow attributes, use our practical dofollow vs nofollow guide. Here we stay on markup you can paste and verify.
The core HTML: the anchor tag
Every classic backlink starts with an a element. The minimum useful form looks like this in your mind: an opening tag with an href, visible anchor text, and a closing tag. The href holds the destination URL. The text between the tags is what humans click and what search engines read as the anchor.
Example structure you will use constantly:
- Open the anchor with href set to the full destination, including https.
- Write clear anchor text that matches the destination (product name, page topic, or honest call to action).
- Close the tag so the browser does not swallow the rest of the paragraph.
Absolute URLs (https://example.com/page/) are safer for cross-site links. Relative paths (/pricing) are fine inside your own domain. When you place a link to someone else's site, always use the absolute form they gave you, including trailing slash rules if they care about canonical URLs.
Dofollow, nofollow, sponsored, and ugc in HTML
By default, a plain anchor without a special rel value is treated as a normal followed link in most SEO conversations. People call that dofollow even though HTML does not use a dofollow attribute. You do not write rel="dofollow". You simply omit restrictive rel values unless you need them.
Common rel values you will actually type:
- rel="nofollow" - tells crawlers not to treat the link as a trusted endorsement signal in the classic sense.
- rel="sponsored" - marks paid or sponsored placements.
- rel="ugc" - marks user-generated content such as comments or forum posts.
You can combine values in one rel attribute when needed. The important part for beginners: if a directory or blog says the link is dofollow, expect a normal href without nofollow. If they say nofollow, you should see rel including nofollow (or an equivalent policy on their CMS). For a curated list of places and formats, keep backlink resources open while you practice.
Target, title, and other optional attributes
target="_blank" opens a new tab. If you use it, add rel="noopener" (and often noreferrer) for security on external links. A title attribute can show a tooltip, but it is optional and not a substitute for clear anchor text. Never hide the destination behind vague text like "click here" if you can name the page.
Where the HTML lives in real sites
You rarely edit raw HTML on a modern SaaS marketing site. You still need to know what the CMS emits. In WordPress block editor, a link control writes an anchor under the hood. In Webflow or Framer, the link settings panel maps to href and sometimes rel. In a custom React or Django template, you write the tag yourself or through a component.
Before you call a placement "done," view page source or inspect the element. Confirm:
- The href points to the exact URL you wanted (no redirect chain you did not expect).
- The anchor text is visible and not empty.
- rel matches the agreement (followed vs nofollow/sponsored).
- The link is in the main content or a contextual module, not only in a broken widget.
If you control both sites, test on staging first. Broken markup on a live blog post is how you ship a half-closed tag and lose a whole footer.
How to add a link on your own website step by step
Suppose you want to point from your resources page to a partner. Open the page template or CMS entry. Highlight the phrase that should become the link. Insert the link and paste the absolute URL. Publish. Then open the live page in a private window, click the link, and confirm the destination.
If you edit HTML directly, paste a complete anchor, save, and hard-refresh. Watch for CMS sanitizers that strip rel values or rewrite URLs. Some builders convert typed HTML into their own link objects and drop attributes you cared about. Re-inspect after every publish.
When the goal is receiving a backlink rather than giving one, your job flips: you supply a clean destination URL, preferred anchor text, and any UTM rules you use for analytics. Keep a short brief ready so the other webmaster does not invent a wrong path.
Beginner mistakes that break backlinks
Misspelled domains and http instead of https are still common. So are links to staging subdomains that never redirect. Another classic error: linking to a URL that 404s after a site redesign. Set up redirects when you change paths.
JavaScript-only "links" that are buttons without a real href can fail for crawlers and for users who open in a new tab. Prefer a real anchor for anything you want indexed as a link. Soft 404 pages, login walls, and geo-blocks can also waste a placement if the destination is not publicly reachable.
Do not stuff exact-match anchors across dozens of sites with identical wording. Natural references use your brand, product category, or a descriptive phrase. For learning the difference in link value terms, again use the dofollow guide linked above rather than guessing from forum myths.
Practice path: from markup to a live listing
Learn the tag, inspect live examples, then place your project where the link is intentional. On WebProjectList you get a structured listing and a path to a real backlink workflow without hand-editing someone else's template. Create an account, add your website details, and verify how your public listing renders before you scale outreach.
After you publish anywhere, log the URL of the page that contains your link, the anchor text, and the date. Recheck monthly. That small log teaches you more than another abstract SEO thread, because you can see the HTML with your own eyes.
A backlink is an HTML anchor with an href pointing at your URL. Dofollow is usually the default plain link; nofollow and sponsored are explicit rel values. Inspect the live markup, keep destinations stable, and practice on real pages until the pattern feels boring. Boring markup is how reliable links ship.
