2

大家好，我需要一些关于 nextjs 搜索引擎优化的帮助我正在尝试大约 2 周左右但无法这样做我从 serverSideProps 的后端获取数据它已成功加载页面但爬虫无法获取它他们没有表现出任何东西。起初我写了我的组件，那没有用

import React from 'react';
import Head from 'next/head';

const MetaPreviewComponent = ({url = "https://elementsdistro.com/", type = "website", title, summary, imageUrl}) => {
  return (
    <Head>
      <title>Social Media Preview</title>
      <meta property="og:url" content={url}/>
      <meta property="og:type" content={type}/>
      <meta property="og:title" content={title}/>
      <meta name="twitter:card" content={summary}/>
      <meta
        property="og:description"
        content="this is working properly, the description"
      />
      <meta property="og:image" content={imageUrl || 'https://www.example.com/images/placeholder.jpg'}/>
    </Head>
  );
};

export default MetaPreviewComponent;

现在我正在尝试下一个 seo 但同样的事情。附加的屏幕截图是存在于 prodcuts/[product].js 中的页面组件

任何帮助将不胜感激，如果您能指出我正确的方向，我将非常感谢您。

在此处输入图像描述

4

0 回答 0