2

こんにちは皆さん、nextjs の SEO に関して助けが必要です。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