1

を使用しnext-imageています。すべての画像は曇りで、画像は ✅ を示しています。しかし、Screaming Frog他の SEO ツールを使用して Web サイトを分析すると、大量の 404 が返されます。これは、それらの画像が私のドメインで検索されるためです。

例えば:

次の画像コンポーネント

<Image
    src={`/blog/${imageSlug}`} <=== relative path to image
    width="800"
    height="800"
/>

Next.js は相対パスを取り、それをファイル内の画像パスと結合しnext.configます。したがって、次のようになります。https://res.cloudinary.com/jumbodonuts/image/upload/blog/donut.jpg

next.config

images: {
        loader: 'cloudinary',
        path: 'https://res.cloudinary.com/jumbodonuts/image/upload/',
        domains: ['res.cloudinary.com']
    }

私の画像はすべて表示されているので、うまくいきます。しかし、SEO ツールや Google は、自分のウェブサイトがあるドメインに自分の画像があると認識しているようです。彼らは、相対パスが自分のドメインの相対パスだと考えていますwww.jumbodonuts.com/blog/donut.jpg。ここで注意すべきことの 1 つは、nextjs静的サイト生成機能 ( next export) を使用していることです。これが違いを生むかどうかはわかりません。

ここで何ができますか?私はnext-image正しく使用していませんか?

4

1 に答える 1