を使用し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
正しく使用していませんか?