HTML заголовок чи карта сайту — що краще?

HTML заголовок легше налагоджувати, оскільки ви можете перевірити за допомогою Переглянути джерело. Карта сайту є більш компактною для магазинів з 50 тис. + URL, оскільки hreflang виводиться один раз для кожної пари URL, а не в заголовку кожної сторінки. Виберіть HTML для магазинів з менше ніж 50 тис. URL; карта сайту вище цього. Ordiko за замовчуванням виводить HTML заголовок.

Який код мови я використовую для іспанської Латинської Америки та іспанської Іспанії?

es-MX для Мексики, es-AR для Аргентини, es-CO для Колумбії, es-ES для Іспанії. Комбінація мова-регіон підтримується. Для однієї латинської американської локалі, що обслуговує кілька країн, es-419 (код ООН для Латинської Америки та Карибів) є дійсним, але менш широко підтримується.

Чи можу я мати кілька URL x-default?

Ні. Один x-default на кластер. Якщо ваш бізнес обслуговує англійську мову по всьому світу, .com (або ваш URL за замовчуванням) є x-default. Один і той же URL може бути як hreflang='en', так і hreflang='x-default'.

Як Ordiko обробляє правильність hreflang?

SEO бібліотека Ordiko для вітрини (src/lib/seo/storefront.ts) перетинає доступні локалі кожної сутності з підтримуваними локалями магазину під час виведення alternates.languages. Продукт, перекладений лише на en + de, рекламує лише ці дві локалі, незалежно від ширшого набору локалей магазину.

Hreflang для багаторегіональних магазинів: Посібник з впровадження на 2026 рік | Ordiko

Посібник

Hreflang для багаторегіональних магазинів: Посібник з впровадження на 2026 рік

Детальний посібник з впровадження hreflang для багаторегіональної електронної комерції: правильність кластеру, x-default, гейтування за сутностями, підходи до карти сайту та HTML, валідація та поширені помилки.

PT1H

TL;DR. Hreflang вказує пошуковим системам, яку локалізацію показувати кожному користувачеві. Виправте чотири речі: (1) повні взаємні кластери з самозгадками, (2) правильні ISO коди мов, (3) x-default запасний варіант, (4) обмеження за сутностями, щоб не рекламувати неіснуючі переклади. Усе інше — деталі реалізації.

Що робить hreflang

Hreflang — це HTML атрибут (і еквівалентна анотація в мапі сайту), який сигналізує Google, на яку мову та регіон націлена сторінка. Правильно реалізований hreflang:

Показує іспанським користувачам вашу іспанську URL-адресу, а не англійську.
Запобігає тому, щоб ваша французька URL-адреса перевершувала вашу німецьку URL-адресу в Німеччині.
Консолідує лінковий капітал між локалізаціями замість того, щоб розглядати їх як дублікати контенту.

Hreflang не підвищує рейтинги. Він контролює, яка локалізація займає яке місце.

Крок 1: Визначте, де вказувати hreflang

Три варіанти:

Метод	Плюси	Мінуси
HTML head	Легко налагоджувати; одне джерело на сторінку	Додає байти до кожної HTML-відповіді
HTTP `Link` заголовок

Поширені запитання

HTML заголовок чи карта сайту — що краще?: HTML заголовок легше налагоджувати, оскільки ви можете перевірити за допомогою Переглянути джерело. Карта сайту є більш компактною для магазинів з 50 тис. + URL, оскільки hreflang виводиться один раз для кожної пари URL, а не в заголовку кожної сторінки. Виберіть HTML для магазинів з менше ніж 50 тис. URL; карта сайту вище цього. Ordiko за замовчуванням виводить HTML заголовок.
Який код мови я використовую для іспанської Латинської Америки та іспанської Іспанії?: es-MX для Мексики, es-AR для Аргентини, es-CO для Колумбії, es-ES для Іспанії. Комбінація мова-регіон підтримується. Для однієї латинської американської локалі, що обслуговує кілька країн, es-419 (код ООН для Латинської Америки та Карибів) є дійсним, але менш широко підтримується.
Чи можу я мати кілька URL x-default?: Ні. Один x-default на кластер. Якщо ваш бізнес обслуговує англійську мову по всьому світу, .com (або ваш URL за замовчуванням) є x-default. Один і той же URL може бути як hreflang='en', так і hreflang='x-default'.
Як Ordiko обробляє правильність hreflang?: SEO бібліотека Ordiko для вітрини (src/lib/seo/storefront.ts) перетинає доступні локалі кожної сутності з підтримуваними локалями магазину під час виведення alternates.languages. Продукт, перекладений лише на en + de, рекламує лише ці дві локалі, незалежно від ширшого набору локалей магазину.

<link rel="alternate" hreflang="en" href="https://example.com/en/products/leather-bag" />
<link rel="alternate" hreflang="de" href="https://example.com/de/products/leather-bag" />
<link rel="alternate" hreflang="fr" href="https://example.com/fr/products/leather-bag" />
<link rel="alternate" hreflang="es" href="https://example.com/es/products/leather-bag" />
<link rel="alternate" hreflang="x-default" href="https://example.com/en/products/leather-bag" />

<link rel="alternate" hreflang="x-default" href="https://example.com/en/products/leather-bag" />

// Псевдокод
interface ProductForSeo {
  slug: string;
  availableLocales: string[];  // наприклад, ["en", "de", "fr"]
}

interface StoreForSeo {
  supportedLocales: string[];  // наприклад, ["en", "de", "fr", "es", "it"]
  defaultLocale: string;
}

function buildHreflangCluster(product: ProductForSeo, store: StoreForSeo) {
  const effective = product.availableLocales.filter((l) =>
    store.supportedLocales.includes(l)
  );
  return effective.map((locale) => ({
    hreflang: locale,
    href: `https://example.com/${locale}/products/${product.slug}`,
  }));
}

Мова	Код
Англійська	`en`
Іспанська	`es`
Французька	`fr`
Німецька	`de`
Португальська	`pt`
Італійська	`it`
Російська	`ru`
Українська	`uk`
Китайська (спрощена)	`zh-Hans`
Китайська (традиційна)	`zh-Hant`
Японська	`ja`
Корейська	`ko`
Арабська	`ar`

Варіант	Код
Американська англійська	`en-US`
Британська англійська	`en-GB`
Канадська англійська	`en-CA`
Мексиканська іспанська	`es-MX`
Іспанська (Іспанія)	`es-ES`
Французька (Франція)	`fr-FR`
Французька (Канада)	`fr-CA`
Португальська (Бразилія)	`pt-BR`
Португальська (Португалія)	`pt-PT`

Інструмент	Що перевіряє
Google Search Console	Реальні помилки hreflang з часом
hreflang.org/validator	Правильність кластера
Sitebulb / Screaming Frog	Взаємність та самозгадка
Ahrefs / Semrush	Звіти hreflang у аудиті сайту
Ручний `curl`	Досяжність для кожної URL

import { describe, it, expect } from 'vitest';

describe('hreflang cluster', () => {
  it('every variant URL returns 200', async () => {
    const cluster = [
      'https://example.com/en/products/x',
      'https://example.com/de/products/x',
      'https://example.com/fr/products/x',
    ];
    for (const url of cluster) {
      const res = await fetch(url);
      expect(res.status).toBe(200);
    }
  });

  it('every variant emits self-referencing hreflang', async () => {
    for (const url of cluster) {
      const html = await fetch(url).then((r) => r.text());
      expect(html).toContain(`hreflang="${getLocale(url)}" href="${url}"`);
    }
  });
});

Помилка	Ефект
Невзаємний кластер	Google ігнорує hreflang повністю
URL-адреса варіанту повертає 404	Google ігнорує URL; може знизити кластер
Неправильний код мови	Варіант розглядається як нецільовий
Кілька URL-адрес x-default	Один ігнорується випадковим чином
Hreflang тільки на канонічній URL	Підсторінки не мають сигналу hreflang
Змішування абсолютних і відносних URL	Завжди використовуйте абсолютні URL
Різний домен для локалізації без послідовного hreflang	Кластер ламається

Ми поважаємо вашу конфіденційність

Ми поважаємо вашу конфіденційність

Hreflang для багаторегіональних магазинів: Посібник з впровадження на 2026 рік

Що робить hreflang

Крок 1: Визначте, де вказувати hreflang

Поширені запитання

Крок 2: Вкажіть повний кластер

Крок 3: x-default

Крок 4: Фільтруйте для фактично перекладених сутностей

Крок 5: Правильні коди мов

Крок 6: Перевірка

Спеціальні випадки

Загальні помилки

Як Ordiko вказує hreflang

Часті запитання

SEO для категорій сторінок та канонічна стратегія для електронної комерції (2026)

Основні веб-показники для електронної комерції 2026: виправлення LCP, INP, CLS

E-E-A-T для електронної комерції у 2026 році: Досвід, Експертиза, Авторитетність, Довіра

Ми поважаємо вашу конфіденційність

Ми поважаємо вашу конфіденційність

Hreflang для багаторегіональних магазинів: Посібник з впровадження на 2026 рік

Що робить hreflang

Крок 1: Визначте, де вказувати hreflang

Поширені запитання

Схоже для читання

Крок 2: Вкажіть повний кластер

Крок 3: x-default

Крок 4: Фільтруйте для фактично перекладених сутностей

Крок 5: Правильні коди мов

Крок 6: Перевірка

Спеціальні випадки

Загальні помилки

Як Ordiko вказує hreflang

Часті запитання

SEO для категорій сторінок та канонічна стратегія для електронної комерції (2026)

Основні веб-показники для електронної комерції 2026: виправлення LCP, INP, CLS

E-E-A-T для електронної комерції у 2026 році: Досвід, Експертиза, Авторитетність, Довіра