Start with a source page and a destination
A backlink is an outgoing link on another website that points to your page. HTML creates the hyperlink, not the relationship with a publisher. Decide where the reference helps a reader, obtain permission to edit that source and choose a descriptive anchor. Pasting code into this builder does not place it on any website. All example domains here are reserved for illustration.
Use an anchor with a real href
Google’s crawlable-link guidance recommends an a element with a resolvable href. A styled span, an anchor with only data-href or a script-only click handler is not equivalent evidence. Relative paths can be valid, but resolve against the document’s base URL. This builder requires an absolute HTTP(S) destination so that copied markup does not accidentally point to the publisher’s own site. See the HTML hyperlink standard for browser behavior.
Edit the preview and understand escaping
Change the address, anchor, context and new-tab option. The output escapes ampersands, angle brackets and quotes; a query separator appears as & in HTML source but as & in the DOM attribute. Text such as a less-than sign remains text rather than executable markup. The preview is a real anchor: inspect it without following the reserved example destination. Invalid input removes the previous preview and disables copy and download, so a stale result cannot masquerade as a valid edit.
Authored example on reserved domains; no live inspection or measured ranking value.
| Check | Authored evidence | Meaning | Review |
|---|---|---|---|
| Destination URL | https://shop.example/planner?ref=guide&view=full | href | Enter an absolute HTTP(S) URL of at most 2,048 characters, without credentials, spaces or control characters. |
| Anchor text | Printable planner & checklist | a | Enter 1–160 characters of anchor text without control characters. |
| Paid placement | rel="sponsored" | Publishing context | Paid placement |
| User contribution | rel="ugc nofollow" | Publishing context | User contribution |
| Open in a new tab | target="_blank" rel="noopener" | Open in a new tab | Validation checks syntax only. It does not request the destination, establish permission, inspect page directives or guarantee indexing. New-tab output explicitly includes noopener. |
| Rendered anchor | Printable planner & checklist | Escaped HTML | Open the downloaded file, inspect an anchor in browser developer tools and compare the actual href, text and rel with the escaped source. Local DOM edits do not publish changes to a website. |
Describe the actual relationship
Ordinary editorial references do not need a dofollow value. For paid placements, Google recommends sponsored; ugc describes user contributions, and nofollow can qualify a reference you do not endorse. The community example combines ugc and nofollow. These are relationship hints, not ranking guarantees. New-tab output adds noopener for the browser relationship with the opener. It is separate from sponsored and does not make a link paid. Use comment markup only where HTML is allowed and the contribution is relevant; many editors strip or rewrite it.
Ordinary editorial reference
<a href="https://shop.example/planner?ref=guide&view=full">Printable planner & checklist</a>Paid placement
<a href="https://shop.example/planner?ref=guide&view=full" rel="sponsored">Printable planner & checklist</a>User contribution
<a href="https://shop.example/planner?ref=guide&view=full" rel="ugc nofollow">Printable planner & checklist</a>Unendorsed reference
<a href="https://shop.example/planner?ref=guide&view=full" rel="nofollow">Printable planner & checklist</a>Inspect the published result in the browser
Download the offline exercise and open it locally. Inspect the anchor in Chrome DevTools Elements, checking href, readable text, rel and target. Compare getAttribute("href") with the resolved href property when a path is relative. View Source shows the original response; Elements shows the current DOM and may include script changes. A local DevTools edit is temporary and does not update the publisher.
After an authorized publication, reopen the actual source page and repeat the inspection. Check the resulting destination and any HTTP redirects, rather than assuming the editor saved your input unchanged. Record the source URL, UTC inspection date, observed attributes and any access limitation in the worksheet. Keep the original evidence with the decision.
- Download completed worksheet
- Download blank worksheet
- Download four HTML examples
- Download the offline inspection practice
Know what this free code builder does not prove
Copy and download run in your browser. They do not call a backlink provider, test the destination or inspect robots directives, canonical choices or search indexing. An HTML snippet cannot grant placement permission or guarantee a ranking benefit. The same code can be a link within your own site or an incoming backlink from another site depending on where it is actually published. The named-provider and live-checker searches are separate intents, not integrations hidden behind this editor.