SEO に優しい URL を実装した後に CSS、JS、画像が壊れるのはなぜですか?

SEO フレンドリーな URL は CSS、JS、画像の機能に影響します: 書き換え戦略

検索エンジン最適化 (SEO) を強化するには、 SEO に適した URL を実装する目的で .htaccess ファイルを書き換えました。ただし、予期しない問題が発生しました。CSS、JS、画像が変更されたページで期待どおりに機能しません。

この問題は、元の .htaccess ファイル構成が SEO に適した URL を作成しているために発生します。次のルール:

RewriteRule ^swift-details/([0-9]+)/([0-9a-zA-Z_-]+)$ swift-details.php?id= [NC,L]
RewriteRule ^swift-details/(css|js|img)/(.*)?$ // [L,QSA,R=301]

最初のルールは、URL をより SEO に適した形式に書き換えます。問題は 2 番目のルールにあります。ページ内の相対リンクを維持しながら、CSS、JS、画像のリクエストを絶対的な対応物にマッピングしようとします。

ただし、このアプローチではページのベース URI が変更され、相対リンク (「スタイル」など) が発生します。 .css") は、ブラウザーが変更された URL (例: "/swift-details/2/abblinbb") を基準にして解釈するため、失敗します。その結果、CSS、JS、および画像が正しくロードされません。

修正: 絶対 URI またはベース URI インジェクション

この問題を解決するには、次の 2 つの解決策が考えられます。

• 絶対リンクを使用する: 内のリンクを変更します。ページで相対 URL ではなく絶対 URL を使用するようにします (例: "/css/styles.css")。
• ベース URI に感染します: を追加します。 内に絶対ベース URI を含むタグページのセクション:

  <base href="/">

これにより、ブラウザは適切なベース URI を使用して相対リンクを強制的に解決し、CSS、JS、および画像が期待どおりに読み込まれるようになります。

以上がSEO に優しい URL を実装した後に CSS、JS、画像が壊れるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。