Add hreflang tags for multilingual sites

SkillWeb & browsing

Hreflang is a skill for auditing the hreflang tags on a multilingual site. It checks rendered HTML and HTTP responses rather than only source files, verifying that pages link reciprocally to all language variants, include an x-default fallback, and use proper ISO language and region codes. This helps search engines show visitors the right language version.

Available today. Use it from your connected AI after setup.

Have an AI agent that can load and use skills.

Then ask your AI: use the Add hreflang tags for multilingual sites skill

What your AI can do with it

  • Audit hreflang tags using rendered HTML and HTTP responses, not just source files
  • Verify that every page links reciprocally to all language variants
  • Check that an x-default fallback is present
  • Validate ISO language and region codes in hreflang annotations
  • Support audits of metadata, crawlability, structured data, and indexability

Getting started

  1. Have an AI agent that can load and use skills.
  2. Add the hreflang skill to the agent's available skills.
  3. Provide the multilingual site or pages to be audited.
  4. Ask the agent to audit the hreflang setup and review the reported issues.

What this skill tells your AI

The instructions your AI receives, as published by thedaviddias/front-end-checklist in skills/hreflang/SKILL.md and read by ahel’s review.

Without hreflang, users searching in French might see your English page—proper implementation ensures the right language version appears in search results for each region.

Quick Reference

  • hreflang tells search engines which language version to show users
  • Always include x-default for fallback/language selector pages
  • Must be reciprocal—all pages must link to all variations
  • Use ISO 639-1 language codes and ISO 3166-1 Alpha-2 regions

Check

Check if this multilingual website properly implements hreflang tags for language and regional targeting.

Fix

Add appropriate hreflang tags to indicate language and regional variations of this page.

Explain

Explain how hreflang tags help search engines serve the correct language version to users in different regions.

Code Review

Review metadata generation, rendered HTML, structured data, and response headers related to Add hreflang tags for multilingual sites. Flag exact routes or templates where search-facing output violates the rule, and describe how to verify the final page output.


For full implementation details, code examples, and framework-specific guidance, see references/rule.md.

Rule page: https://frontendchecklist.io/en/rules/i18n/hreflang

Signals

GitHub stars
74k
Forks
7k
Last commit
Aug 2026

Questions

Does it check source files or the live site?
It verifies the rendered HTML and HTTP response rather than relying only on source files.
What does it check for?
It checks that every page links reciprocally to all language variants, includes an x-default fallback, and uses proper ISO language and region codes.
When should it be used?
Use it when auditing metadata, crawlability, structured data, or indexability related to hreflang tags on multilingual sites.
Advanced
Item type
skill
Key
hreflang
Source
github.com/thedaviddias/front-end-checklist