問題タブ [nextjs-image]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
451 参照

javascript - 次の画像の相対パスは機能しますが、クロールすると 404 ページを指します

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

例えば:

次の画像コンポーネント

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

next.config

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

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