Skip to content
CertoflowCertoflow

Interested in sponsoring? Reach out to discuss placements.

SEO Tools

Hreflang Tag Generator — Free International SEO Tool

Generate hreflang link tags.

Last updated: August 2026

Quick reference

What this calculator does
Generate hreflang alternate link tags for multilingual and multi-regional pages.
How it works
Add locale codes and URLs for each language version — the generator outputs copy-ready link elements with optional x-default.
Example
en-US and en-GB entries → alternate link tags plus x-default pointing to the primary URL.
When to use it
When launching or auditing international pages that need explicit language and region targeting in the HTML head.

Guide

Introduction

Search engines need to know which URL serves English speakers in the United States versus the United Kingdom, or which page is the Spanish translation of your product documentation. Hreflang link elements in the HTML head declare those relationships explicitly. Building them by hand across ten locales means repeating <link rel="alternate" hreflang="..." href="..." /> lines and hoping you did not typo a language code or forget the x-default fallback.

Certoflow's Hreflang Tag Generator builds alternate language link tags from locale and URL pairs. Add rows for each language version, optionally include x-default, and copy the generated HTML into your page head. Processing runs entirely in your browser — internal URL structures and unreleased locale pages never upload to a server.

Pair hreflang with Canonical Tag Generator output so each locale points to its own canonical URL. List all locale URLs in your XML Sitemap Generator for complete crawl coverage.

What this tool does

The generator accepts locale-URL pairs and produces HTML link elements:

FeatureBehavior
Language fieldBCP 47 locale code (en-US, fr-FR, es-MX)
URL fieldAbsolute URL for that locale's page
Add localeInserts another language row
x-default checkboxAdds fallback link using the first URL
GenerateProduces copy-ready HTML output

The default example includes en-US and en-GB entries so you can preview the format. Output appears in a read-only textarea with a copy button after generation.

How it works

Certoflow's generateHreflangTags function filters valid entries and builds link elements:

<link rel="alternate" hreflang="en-US" href="https://example.com/" />
<link rel="alternate" hreflang="en-GB" href="https://example.com/uk/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/" />

Steps:

  1. Filter rows with both language code and URL filled in
  2. Require at least one valid entry
  3. Generate one <link> per locale
  4. Optionally append x-default pointing to the first URL

Language codes should follow BCP 47 format: language plus optional region (en-US, en-GB, fr-CA). Use x-default for the fallback page when no locale matches the user's language or region.

All processing runs client-side with no network calls.

Worked example

LocaleURL
en-UShttps://certoflow.com/tools/
de-DEhttps://certoflow.com/de/tools/
x-defaulthttps://certoflow.com/tools/ (first URL)

Generated output:

<link rel="alternate" hreflang="en-US" href="https://certoflow.com/tools/" />
<link rel="alternate" hreflang="de-DE" href="https://certoflow.com/de/tools/" />
<link rel="alternate" hreflang="x-default" href="https://certoflow.com/tools/" />

Place these tags in the <head> of every language version of the page, including reciprocal references back to all other locales.

Real-world examples

SaaS documentation localization

A product team launches help docs in English, French, and Japanese. Each page's head includes hreflang tags pointing to all three URLs plus x-default to the English version.

E-commerce regional stores

A retailer serves en-US, en-CA, and fr-CA from separate paths. Hreflang prevents Google from showing the US product page to Canadian French speakers.

News publisher with country editions

An international news site maintains uk.example.com and example.com with overlapping content. Hreflang clarifies which edition targets which audience.

EU GDPR landing pages

A company hosts localized privacy policy pages. Hreflang ensures search results surface the correct language version for each market.

Pre-migration audit

Before replatforming, an SEO lead generates hreflang tags from a spreadsheet of locale URLs and compares against the current site's head markup.

Common mistakes

Missing reciprocal tags. Every language version must reference all other versions, including itself. Tags on only one page are incomplete.

Using relative URLs. Hreflang href values should be absolute (https://...). Relative paths may be ignored by crawlers.

Wrong language codes. Use BCP 47 codes (en-GB), not informal labels (english-uk) or ISO 639 alone when region matters.

Pointing all locales to the same URL. Each hreflang entry should reference the actual translated or regional page, not duplicate the same URL for every language.

Conflicting canonical and hreflang. The canonical URL for each page should match that page's own URL. Cross-locale canonicals break hreflang signals.

Omitting x-default. Without x-default, users whose locale does not match any declared language may see an arbitrary version in search results.

Use cases

International site launches — Generate initial hreflang blocks for all locale pages.

SEO audits — Rebuild expected tags from a URL matrix and compare against production.

CMS template setup — Produce reference HTML for developers implementing head partials.

Migration projects — Document hreflang mapping before DNS cutover.

Developer handoffs — Copy-ready output reduces transcription errors in pull requests.

FAQ

What is x-default?

x-default points search engines to the fallback URL when no declared locale matches the user's language or region. It typically targets your primary global or English page.

Which language codes should I use?

BCP 47 codes like en-US, en-GB, fr-FR, es-MX, and ja-JP. Include the region when content differs by country, not just language.

Do hreflang tags go in the head or sitemap?

Both work. HTML link elements in the head are common for smaller sites. Large sites may also use XML sitemap hreflang annotations. This tool generates HTML head tags.

Must every page have hreflang?

Only pages with alternate language or regional versions need hreflang. Single-language sites do not require it.

Is my URL data sent to Certoflow?

No. Generation runs locally in JavaScript. URLs never leave your device.

Can I use this offline?

After the page loads once, generation works offline because logic runs entirely client-side.

How does hreflang relate to canonical tags?

Each locale page should canonicalize to itself. Use the Canonical Tag Generator for per-page canonical URLs alongside hreflang alternates.

Frequently Asked Questions

What is x-default?
x-default points search engines to the fallback URL when no locale matches the user's language or region.
Which language codes should I use?
Use BCP 47 codes like en-US, en-GB, fr-FR, or es-MX for region-specific pages.

People also use

Related tools that complement this workflow.

SEO Tools

Canonical Tag Generator

Generate canonical link tags.

SEO Tools

Meta Tags Generator

Generate title and meta description HTML.

SEO Tools

XML Sitemap Generator

Generate sitemap.xml from URLs.

SEO Tools

Robots.txt Generator

Build robots.txt crawl rules.

Text Tools

Slug Generator

Create URL-safe slugs from text.

Interested in sponsoring? Reach out to discuss placements.