Skip to content
cccskills
FreePublished on GitHubEnglish overview

hreflang

Check and fix hreflang tags, which identify language and regional versions of web pages for search engines. Review rendered HTML and HTTP responses to find missing reciprocal links, incorrect language codes, and fallback settings.

OriginalShow the original description

Use when auditing metadata, crawlability, structured data, or indexability related to Add hreflang tags for multilingual sites. Verify the rendered HTML and HTTP response rather than relying only on source files.

AI rating100/ 100See how to install

Good for

  • Auditing language and regional page settings
  • Checking reciprocal links between language versions
  • Reviewing fallback page settings
  • Verifying rendered output after metadata changes

Overview

What it does

Review and fix hreflang settings so search engines can show the appropriate language or regional version of a page. The skill checks reciprocal references between language versions, language and region codes, and x-default, which identifies the default destination. It examines generated HTML and HTTP responses instead of judging source files alone, identifies affected routes or templates, and explains how to verify the changes.

When it helps

Use it for sites available in several languages, or sites with separate regional pages in the same language. It helps you check settings after adding a language version and review changes to metadata generation. You can also ask it to explain how search engines use these settings to choose a language version.

Example requests

  • “Check this multilingual site for missing hreflang settings.”
  • “Review reciprocal references between all language versions and check x-default.”

Notes

Use ISO 639-1 language codes and ISO 3166-1 Alpha-2 region codes. The skill follows a policy of having every page reference all language and regional versions reciprocally, and including x-default for fallback destinations or language selection pages.

This overview was written by AI (OpenAI Codex) from the public SKILL.md. Check the original below for the exact behavior.

Objective evaluation

AI rated this skill on four points using only the contents of its SKILL.md. Stars and popularity are not taken into account.

Clear instructionsIs it clear when to use it and what it does?
AGoodThe material clearly describes checking multilingual hreflang implementation and adding tags for language and regional versions.
Concrete stepsAre steps, inputs, outputs, and examples spelled out?
AGoodIt specifies reciprocal references, x-default, code standards, and reporting affected routes with verification methods.
SafetyAre sending data, deleting files, and running commands disclosed?
AGoodThe scope covers metadata review and tag additions; deletion and credential access are not specified.
Easy setupDoes it need few tools or API keys, and are they documented?
AGoodThe review uses rendered HTML and HTTP responses; no specific tools or API keys are required by the material.

The total counts each point as A = 25, B = 15, C = 5. Rated by AI (OpenAI Codex) as of Oct 23, 2026. Treat it as a guide and read the original before installing.

Disagree? Request a re-evaluation

Tell us which point is wrong and why. No login needed. We will check it against the SKILL.md, redo the evaluation, and show the result here.

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

Files included (2)

  • SKILL.md1.7 KB
  • references/rule.md5.0 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Add hreflang tags for multilingual sites

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/rules/i18n/hreflang

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

404-page

FreeSummaryAI rating 100

Create and review custom 404 pages that help visitors recover from broken or moved links through search and navigation. Check the rendered page and HTTP response so missing content returns a proper 404 status.

  • Creating a helpful custom 404 page
  • Adding search and navigation for broken links
  • Checking missing pages that return HTTP 200
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

about-page

FreeSummaryAI rating 90

Audit or create a dedicated About page that explains a website’s purpose and identifies its people or organization. Review the rendered output and supporting information, including expertise and contact details, to find gaps.

  • Reviewing a website’s About page
  • Creating a page about the organization and its mission
  • Checking how operator information appears in rendered output
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

accessibility-testing

FreeSummaryAI rating 80

Review and add automated accessibility checks for components, pages, and continuous integration workflows. Use axe-based tools to detect structural and attribute issues, while identifying checks that still need keyboard or screen reader testing.

  • Review accessibility coverage for shared components
  • Add accessibility checks to page flow tests
  • Run accessibility tests in CI
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

accessible-authentication

FreeSummaryAI rating 90

Review sign-in, registration, multi-factor authentication, and account recovery for accessibility barriers. Find blocked paste, difficult code entry, and inaccessible backup methods, then suggest authentication paths that support password managers, autofill, or device approval.

  • Reviewing accessibility across the sign-in process
  • Checking verification code paste and autofill
  • Inspecting password reset and account recovery
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

accessible-notifications

FreeSummaryAI rating 100

Review form errors, success messages, and live updates so screen reader users receive important notifications. Check the HTML delivered to the browser, announcement settings, display duration, and dismissal controls, then identify specific elements that need changes.

  • Reviewing form error announcements
  • Checking success message display duration
  • Auditing live update notifications
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

accessible-tables

FreeSummaryAI rating 100

Review HTML tables so screen reader users can understand how headers and data relate. Check header markup, table descriptions, and merged cells, then identify specific fixes and ways to verify them.

  • Reviewing tables for screen reader accessibility
  • Checking header relationships in tables with merged cells
  • Reviewing table patterns in a design system
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

See all skills by thedaviddias

Report a problem with this skill