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 つの解決策が考えられます。
<head> <base href="/" /> </head>
これにより、ブラウザは適切なベース URI を使用して相対リンクを強制的に解決し、CSS、JS、および画像が期待どおりに読み込まれるようになります。
以上がSEO に優しい URL を実装した後に CSS、JS、画像が壊れるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
