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
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,
      },
    ],
  },
};
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

because summary_large_image makes the image be at the bottom of the embed instead of right top corner
@Orangetailed potter wasp ts 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, }, ], }, };
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
Orangetailed potter waspOP
Thanks a lot