Next.js Discord

Discord Forum

Why is NextJS creating twitter card metadata when using OpenGraph

Answered
Orangetailed potter wasp posted this in #help-forum
Open in Discord
Avatar
Orangetailed potter waspOP
export const metadata: Metadata = {
  metadataBase: new URL('https://rifted.pl'),
  title: {
    default: 'Strona główna - Rifted.pl',
    template: '%s - Rifted.pl',
  },
  description:
    'Odkryj najlepszy serwer Minecraft w Polsce – Rifted.pl! Dołącz do tysięcy graczy na Rifted.pl, gdzie czeka na Ciebie niezapomniana przygoda. Graj na unikalnych trybach, takich jak SkyGen, ciesz się dynamiczną ekonomią, buduj niesamowite konstrukcje i rywalizuj w PvP. Przyjazna społeczność, regularne eventy i atrakcyjne nagrody sprawiają, że Rifted.pl to idealne miejsce do gry!',
  openGraph: {
    type: 'website',
    locale: 'pl_PL',
    url: 'https://rifted.pl',
    siteName: 'Sieć serwerów Rifted',
    title: 'Strona główna',
    description:
      'Odkryj najlepszy serwer Minecraft w Polsce – Rifted.pl! Dołącz do tysięcy graczy na Rifted.pl, gdzie czeka na Ciebie niezapomniana przygoda. Graj na unikalnych trybach, takich jak SkyGen, ciesz się dynamiczną ekonomią, buduj niesamowite konstrukcje i rywalizuj w PvP. Przyjazna społeczność, regularne eventy i atrakcyjne nagrody sprawiają, że Rifted.pl to idealne miejsce do gry!',
    images: [
      {
        url: '/og-image.png',
        width: 288,
        height: 288,
      },
    ],
  },
};
Image
Answered by joulev
it automatically adds twitter card based on provided og values because having twitter tags with og tags doesn't hurt and some sites don't take og tags but do take twitter tags.

you can always override the summary_large_image
export const metadata = {
  // ...
  openGraph: {...},
  twitter: {
    card: "summary",
  },
};
View full answer

4 Replies

Avatar
Orangetailed potter waspOP
The hovered line is what i want to avoid
because summary_large_image makes the image be at the bottom of the embed instead of right top corner
Image
Avatar
joulev
it automatically adds twitter card based on provided og values because having twitter tags with og tags doesn't hurt and some sites don't take og tags but do take twitter tags.

you can always override the summary_large_image
export const metadata = {
  // ...
  openGraph: {...},
  twitter: {
    card: "summary",
  },
};
Answer
Avatar
Orangetailed potter waspOP
Thanks a lot