我正在尝试将 seo 标签添加到我的 nextjs 电子商务应用程序中。我正在使用 next-seo 库来添加元标记和架构标记。 _app.js 有默认的 seo，其他页面有 NextSeo 组件。当我尝试在页面源上查看元标记时，它没有显示，但我可以在检查中看到它们。 Seo 插件工作正常，但在服务器端渲染上不起作用。
const App = ({Component, pageProps: {session, ...pageProps}}) => {
return (
<SessionProvider session={session}>
<Provider store={store}>
<PersistGate loading={null} persistor={persistor}>
<>
<DefaultSeo
title='Chokqu Online Çocuk Giyim Alışveriş Mağazası'
titleTemplate='%s | Chokqu Online Çocuk Giyim Alışveriş Mağazası'
defaultTitle='Chokqu Online Çocuk Giyim Alışveriş Mağazası'
description='Çocuk giyim, bebek kıyafetleri ve yeni yürüyen kıyafetleri için uygun fiyatlarla alışveriş yapın.'
languageAlternates={[
{
hrefLang: 'tr-TR',
href: 'https://www.chokqu.com',
},
{
hrefLang: 'en-US',
href: 'https://en.chokqu.com',
}
]}
themeColor='#ffffff'
canonical='https://www.chokqu.com'
openGraph={{
type: 'website',
locale: 'tr_TR',
url: 'https://www.chokqu.com',
title: 'Chokqu Online Çocuk Giyim Alışveriş Mağazası - Yeni Yürüyen ve Bebek Kıyafetleri',
description: 'Chokqu Online Çocuk Giyim Alışveriş Mağazası, geniş bir çocuk giyim ve bebek kıyafetleri koleksiyonu sunar. Online alışverişin keyfini çıkarın ve yeni yürüyen kıyafetleri arasından seçim yapın.',
images: [
{
url: `${process.env.PUBLIC_URL}/resimler/chokqu-social-media-buyuk.jpg`, // Paylaşım için görsel URL
width: 1200,
height: 630,
alt: 'Chokqu Online Çocuk Giyim Alışveriş Mağazası',
},
{
url: `${process.env.PUBLIC_URL}/resimler/chokqu-social-media-kucuk.jpg`,
width: 800,
height: 600,
alt: 'Chokqu Online Çocuk Giyim Alışveriş Mağazası',
},
],
site_name: 'Chokqu Online Çocuk Giyim Alışveriş Mağazası',
}}
twitter={{
handle: '@chokqu',
site: '@chokqu',
cardType: 'summary_large_image',
}}
/>
<Head>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="icon" href="/favicon.ico"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@chokqu"/>
<meta name="twitter:creator" content="@chokqu"/>
<meta name="twitter:title" content="Chokqu Online Çocuk Giyim Alışveriş Mağazası"/>
<meta
name="twitter:description"
content="Çocuk giyim, bebek kıyafetleri ve yeni yürüyen kıyafetleri için uygun fiyatlarla alışveriş yapın."
/>
<meta name="twitter:image" content="https://www.chokqu.com/og-image.jpg"/>
</Head>
<Component {...pageProps} />
</>
</PersistGate>
</Provider>
</SessionProvider>
);
};
这是我的app.js。这里有默认的元标签。
export default function Home() {
return (
<FrontendLayout>
<NextSeo
title='Anasayfa | Chokqu Online Çocuk Giyim Alışveriş Mağazası'
description='Çocuk giyim, bebek kıyafetleri ve yeni yürüyen kıyafetleri için uygun fiyatlarla alışveriş yapın.'
openGraph={{
url: 'https://www.chokqu.com',
title: 'Chokqu Online Çocuk Giyim Alışveriş Mağazası',
description: 'Çocuk giyim, bebek kıyafetleri ve yeni yürüyen kıyafetleri için uygun fiyatlarla alışveriş yapın.',
images: [
{
url: 'https://www.chokqu.com/og-image.jpg',
width: 1200,
height: 630,
alt: 'Chokqu Online Çocuk Giyim Alışveriş Mağazası',
},
{
url: 'https://www.chokqu.com/og-image.jpg',
width: 800,
height: 600,
alt: 'Chokqu Online Çocuk Giyim Alışveriş Mağazası',
},
]
}}
twitter={{
handle: '@chokqu',
site: '@chokqu',
cardType: 'summary_large_image',
}}
/>
<main className="">b
<SocialProfileJsonLd
type="Organization"
name="Chokqu Online Çocuk Giyim Alışveriş Mağazası"
url="https://www.chokqu.com"
sameAs={[
'https://www.facebook.com/chokqu',
'https://twitter.com/chokqu',
'https://www.instagram.com/chokqu',
]}
/>
</main>
</FrontendLayout>
)
}
这是我的主页。
当我检查前端检查时，我可以看到所有元标记，但在页面源代码中看不到它们。