cari

Rumah >pembangunan bahagian belakang >tutorial php >Mengapa CSS, JS dan Imej Saya Rosak Selepas Melaksanakan URL Mesra SEO?

Mengapa CSS, JS dan Imej Saya Rosak Selepas Melaksanakan URL Mesra SEO?

DDD
DDDasal
2024-12-25 12:42:20729semak imbas

Why Are My CSS, JS, and Images Broken After Implementing SEO-Friendly URLs?

URL Mesra SEO Memberi Impak CSS, JS dan Fungsi Imej: Strategi Penulisan Semula

Untuk meningkatkan pengoptimuman enjin carian (SEO), anda telah menulis semula fail .htaccess anda dengan tujuan untuk melaksanakan URL mesra SEO. Walau bagaimanapun, anda telah menghadapi isu yang tidak dijangka: CSS, JS dan imej tidak berfungsi seperti yang diharapkan pada halaman yang diubah suai.

Isu ini timbul daripada fakta bahawa konfigurasi fail .htaccess asal anda mencipta URL mesra SEO menggunakan peraturan berikut:

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]

Peraturan pertama menulis semula URL ke dalam format yang lebih mesra SEO. Isunya terletak pada peraturan kedua. ia cuba memetakan permintaan untuk CSS, JS dan imej kepada rakan sejawat mutlaknya sambil mengekalkan pautan relatif dalam halaman anda.

Walau bagaimanapun, pendekatan ini mengubah URI asas halaman anda, menyebabkan pautan relatif (seperti "gaya .css") gagal kerana penyemak imbas kini mentafsirnya secara relatif kepada URL yang diubah suai (cth., "/swift-details/2/abblinbb"). Akibatnya, CSS, JS dan imej tidak dimuatkan dengan betul.

Betulkan: Suntikan URI Mutlak atau Asas

Terdapat dua penyelesaian yang mungkin untuk menyelesaikan isu ini:

  • Gunakan Pautan Mutlak: Ubah suai pautan dalam anda halaman untuk menggunakan URL mutlak dan bukannya URL relatif (cth., "/css/styles.css").
  • Menjangkiti URI Pangkalan: Tambahkan teg dengan URI asas mutlak dalam bahagian halaman anda:
<head>
  <base href="/" />
</head>

Ini akan memaksa penyemak imbas untuk menyelesaikan pautan relatif dengan URI asas yang sesuai, memastikan CSS, JS dan imej dimuatkan seperti yang diharapkan.

Atas ialah kandungan terperinci Mengapa CSS, JS dan Imej Saya Rosak Selepas Melaksanakan URL Mesra SEO?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

swift css for while format using map JS this issue SEO
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Mengapa Saya Mendapat Ralat "Amaran: preg_replace(): Unknown Modifier" dalam PHP?Artikel seterusnya：Mengapa Saya Mendapat Ralat "Amaran: preg_replace(): Unknown Modifier" dalam PHP?

Artikel berkaitan

Lihat lagi