---
title: "hreflangとは？HTML共有・AI生成サイトでの意味をやさしく解説"
description: "多言語HTML共有やAI生成サイトの国際化対応を検討する方向けに、hreflangの設定方法・よくある間違い・共有URLでの注意点をわかりやすく説明します。言語ターゲティングの判断に役立てられます。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/what-is-hreflang-html-share"
markdown: "https://giga-site.com/articles/what-is-hreflang-html-share/index.md"
category: "用語解説"
publishedAt: "2026-06-25"
updatedAt: "2026-06-25"
readingMinutes: 4
---
# hreflangとは？HTML共有・AI生成サイトでの意味をやさしく解説

AI生成ページを日英両方の言語で用意して共有したとき、Googleが「日本語ユーザーには日本語ページを」正しく届けてくれるよう設定するのが hreflang です。多言語対応のHTMLを公開する際に知っておくべき基礎を解説します。

> Source HTML: https://giga-site.com/articles/what-is-hreflang-html-share
> Article index: https://giga-site.com/articles/index.md

## ひとことで言うと

hreflang とは、HTMLの `<head>` 内に記述する `<link rel="alternate" hreflang="ja" href="https://example.com/ja/">` のような設定で、「このページには言語・地域別の対応バージョンが存在する」と検索エンジンに知らせるための属性です。Googleはこの情報を使い、日本語設定のユーザーには `/ja/` ページを、英語設定のユーザーには `/en/` ページを検索結果に表示するよう調整します。

言語コードは ISO 639-1（`ja`、`en`、`zh` など）で指定し、国コードと組み合わせる場合は `en-US`（米国英語）や `zh-TW`（台湾繁体字）のように書きます。`x-default` を付けたバージョンは「特定の言語・地域に該当しないユーザーへのデフォルト」として機能します。

- 相手がログインなしで開ける状態か確認する
- PCとスマホで最低1回ずつ表示を確認する
- 内部情報・個人情報・不要な外部送信が残っていないか見る
- レビュー期限と修正時の差し替え方を決めておく

## HTML共有で関係する場面

AIを使って日本語と英語の2バージョンのHTMLを生成し、それぞれ別の共有URLで社内レビューを依頼するケースでは、hreflang を設定しておかなくても共有・レビュー自体には支障ありません。hreflang はSEO目的でGoogleに言語の対応関係を伝えるものであり、アクセス制御や言語の自動切り替えを実現する機能ではないためです。

AI生成の多言語サイトを本番公開する場合は hreflang の設定が重要になります。この場合、各言語ページの hreflang に対応する全言語ページのURLを相互参照（日本語ページには日本語・英語両方のhreflang、英語ページにも両方のhreflang）で記述する必要があります。片方にしか書いていないと Googleがhreflangを無視することがあります。

## よくある誤解

「hreflang を設定するとページが自動で翻訳・切り替わる」という誤解があります。hreflang は検索エンジンへのヒントにすぎず、実際のページの内容を変えたり、ユーザーを自動リダイレクトしたりする機能はありません。ユーザーの言語に応じたリダイレクトは JavaScript や Accept-Language ヘッダーを使ったサーバー処理で別途実装する必要があります。

「hreflang はGoogleに必ず従ってもらえる」という期待も現実と異なります。hreflang の設定ミス（対応するページ同士の相互参照が揃っていない、URLが404を返すなど）があると Googleはhreflangを無視します。特にAIが生成したサイトでURLの構成が安定していない場合は、設定前にすべての言語バージョンが正常に公開されているかを確認することが重要です。

## 安全に使うための注意点

hreflang の設定確認には Google Search Console の「国際化」レポートや、ブラウザの拡張機能「hreflang Tag Testing Tool」が便利です。設定後にエラーレポートが出ている場合は、URLが誤っているか相互参照が抜けているかのどちらかが多いため、両方の言語ページのhead内を照合してください。

共有URLで多言語ページをレビュー依頼する場合、hreflang は本番公開後に設定すれば十分です。共有URL（一時的なプレビュードメイン）に hreflang を設定しても、本番ドメインとURLが異なるため SEO上の効果はありません。共有段階ではコンテンツの内容・翻訳品質・レイアウトの確認に集中し、hreflang は本番デプロイ後に追加するワークフローが効率的です。

## よくある質問

### AIで日英2言語のHTMLを生成しました。hreflangは両ページのheadに書く必要がありますか？

はい、必ず両方のページに互いを参照するhreflangを記述してください。日本語ページには日本語・英語両方のURLを、英語ページにも同じ2つのURLを書くことで、Googleが正しく対応関係を認識します。片方だけでは機能しません。

### hreflangのURLは共有サービスのURLでいいですか、それとも本番URLが必要ですか？

SEO効果を本番URLに集約したい場合は本番URLを指定してください。共有URL（プレビューURL）を指定しても、そのURLが一時的に消える場合にエラーになります。本番公開前のレビュー段階ではhreflangの設定を後回しにするのが現実的です。

### hreflang を設定せずに多言語ページを公開した場合、何か問題が起きますか？

Googleが言語・地域の対応を独自判断するため、日本語ユーザーに英語ページが、英語ユーザーに日本語ページが表示されるケースが起きやすくなります。アクセスが少ない段階では影響は小さいですが、多言語SEOを本格化するタイミングで設定することを推奨します。

## 関連記事

- [SRI（Subresource Integrity）とは？HTML共有・AI生成サイトでの意味をやさしく解説](https://giga-site.com/articles/what-is-sri-html-share/index.md)
- [Referrer-Policyとは？HTML共有・AI生成サイトでの意味をやさしく解説](https://giga-site.com/articles/what-is-referrer-policy-html-share/index.md)
- [Permissions-Policyとは？HTML共有・AI生成サイトでの意味をやさしく解説](https://giga-site.com/articles/what-is-permissions-policy-html-share/index.md)
- [Same-Origin Policyとは？HTML共有・AI生成サイトでの意味をやさしく解説](https://giga-site.com/articles/what-is-same-origin-policy-html-share/index.md)
- [sandbox付きiframeとは？HTML共有・AI生成サイトでの意味をやさしく解説](https://giga-site.com/articles/what-is-sandbox-iframe-html-share/index.md)
- [CORSプリフライトとは？HTML共有・AI生成サイトでの意味をやさしく解説](https://giga-site.com/articles/what-is-cors-preflight-html-share/index.md)

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "hreflangとは？HTML共有・AI生成サイトでの意味をやさしく解説",
  "description": "多言語HTML共有やAI生成サイトの国際化対応を検討する方向けに、hreflangの設定方法・よくある間違い・共有URLでの注意点をわかりやすく説明します。言語ターゲティングの判断に役立てられます。",
  "datePublished": "2026-06-25",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/what-is-hreflang-html-share",
  "url": "https://giga-site.com/articles/what-is-hreflang-html-share",
  "inLanguage": "ja",
  "image": "https://giga-site.com/og-image.png",
  "articleSection": "用語解説",
  "author": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "publisher": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "mainEntity": [
    {
      "@type": "Question",
      "name": "AIで日英2言語のHTMLを生成しました。hreflangは両ページのheadに書く必要がありますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "はい、必ず両方のページに互いを参照するhreflangを記述してください。日本語ページには日本語・英語両方のURLを、英語ページにも同じ2つのURLを書くことで、Googleが正しく対応関係を認識します。片方だけでは機能しません。"
      }
    },
    {
      "@type": "Question",
      "name": "hreflangのURLは共有サービスのURLでいいですか、それとも本番URLが必要ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "SEO効果を本番URLに集約したい場合は本番URLを指定してください。共有URL（プレビューURL）を指定しても、そのURLが一時的に消える場合にエラーになります。本番公開前のレビュー段階ではhreflangの設定を後回しにするのが現実的です。"
      }
    },
    {
      "@type": "Question",
      "name": "hreflang を設定せずに多言語ページを公開した場合、何か問題が起きますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Googleが言語・地域の対応を独自判断するため、日本語ユーザーに英語ページが、英語ユーザーに日本語ページが表示されるケースが起きやすくなります。アクセスが少ない段階では影響は小さいですが、多言語SEOを本格化するタイミングで設定することを推奨します。"
      }
    }
  ]
}
```
