Да асноўнага зместу
Manuilau | Bureau

Патэрн · TypeScript

Кананічны URL і метаданыя старонкі ў Next.js App Router

Патэрн generateMetadata з canonical і Open Graph — база SEO-гігіены.

·

Узровень: базавыАцэнка часу: ~20 хв

“

Адзін базавы URL сайта і явны canonical на кожнай старонцы прыбіраюць дублі ў індэксе.

  • metadataBase задаецца адзін раз
  • canonical супадае з тым, што аддае сервер
  • OG url не павінен расходзіцца з canonical

Фрагмент паказвае, як задаць metadataBase, canonical і Open Graph для старонкі паслугі або лендынга.

Код

import type { Metadata } from 'next'
import { getSiteUrl } from '@/lib/site'

const site = getSiteUrl()

export async function generateMetadata(): Promise<Metadata> {
  const path = '/uslugi/example/'
  return {
    title: 'Page title',
    description: 'Unique snippet description.',
    alternates: { canonical: `${site}${path}` },
    openGraph: {
      title: 'Social title',
      description: 'Short page summary.',
      url: `${site}${path}`,
      type: 'website',
      locale: 'en_US',
    },
  }
}

Праверка

  • У HTML адзін link rel="canonical" на чаканы URL.
  • URL у адрасным радку супадае з canonical для індэксуемай версіі (без залішніх UTM у canonical).

Крыніцы

Матэрыялы блога

Трэба ўнясці пад ваш домен і стэк?

Кароткая форма: імя, тэлефон і сайт. Пасля адпраўкі — адказ з парадкам работ і арыенцірам па этапах; дэталі ўдакладняюцца пры кантакце.