دليل عملي

ترميز وفك ترميز URL أون لاين: إصلاح الروابط وQuery Strings

شفّر وفك ترميز روابط URL أون لاين، أصلح query strings، وافهم الفرق بين encodeURI وencodeURIComponent.

رابط URL يتحول إلى أحرف مرمزة بالنسبة المئوية داخل أداة في المتصفح

لماذا نحتاج إلى ترميز URL؟

الرابط ليس نصًا عاديًا فقط. يحتوي URL على بنية واضحة: البروتوكول، النطاق، المسار، query string، الفواصل، والرموز الخاصة. عندما يحتوي الرابط على مسافات أو نص عربي أو رموز أو قيم منسوخة من مصدر آخر، قد يحتاج إلى ترميز حتى يعمل بشكل صحيح.

ترميز URL يحوّل الأحرف الخاصة إلى صيغة مرمزة بالنسبة المئوية. قد تتحول المسافة إلى %20، وقد يتحول السؤال ? إلى %3F عندما يكون جزءًا من قيمة داخل الرابط. بهذه الطريقة لا ينكسر الرابط ولا تختلط القيم مع بنية URL نفسها.

تساعدك أداة ترميز وفك ترميز URL في IGY Apps على تنفيذ ذلك مباشرة من المتصفح. الصق الرابط أو النص، اختر ترميز URI أو فك ترميز URI أو ترميز المكوّن، ثم انسخ النتيجة.

متى تستخدم أداة URL Encoder؟

استخدم ترميز URL عندما يحتوي الرابط على مسافات أو رموز أو نص غير إنجليزي أو قيم ستُضاف داخل query string. هذا يحدث كثيرًا في روابط البحث، روابط الحملات التسويقية، روابط التحويل، أمثلة API، وروابط التتبع.

مثلًا، قد تحتوي قيمة داخل الرابط على & أو ? أو = أو /. إذا لم تُرمّز هذه الرموز بشكل صحيح، قد يفسرها المتصفح كجزء من بنية الرابط بدل أن تكون جزءًا من القيمة. النتيجة قد تكون رابطًا مقطوعًا أو query string غير صحيح.

أما فك الترميز فهو العكس. يفيد عندما يصل إليك رابط مليء برموز مثل %20 و%2F و%3A وتريد قراءة النص الأصلي.

الفرق بين Encode URI وEncode Component

الفرق مهم. استخدم Encode URI عندما يكون لديك رابط كامل وتريد ترميز الأحرف غير الآمنة مع الحفاظ على بنية الرابط. لذلك لا يرمز عادة رموزًا مثل : و/ و? و& لأنها قد تكون جزءًا من الرابط نفسه.

أما Encode Component فيستخدم عندما تريد ترميز قيمة واحدة ستضعها داخل رابط، مثل قيمة parameter في query string. هذا الخيار يرمز رموزًا أكثر مثل ? و& و= حتى لا تكسر الرابط الخارجي.

القاعدة البسيطة: استخدم Encode URI للرابط الكامل، واستخدم Encode Component لقيمة واحدة داخل الرابط.

طريقة استخدام الأداة

افتح أداة ترميز وفك ترميز URL، ثم الصق النص أو الرابط داخل خانة الإدخال.

اختر الإجراء المناسب:

  • ترميز URI عندما يكون الإدخال رابطًا كاملًا.
  • فك ترميز URI عندما تريد قراءة رابط مرمز.
  • ترميز المكوّن عندما يكون الإدخال قيمة ستدخل داخل query string.

بعد ظهور النتيجة، استخدم زر النسخ لوضعها في الحافظة. واستخدم زر التبديل عندما تريد نقل النتيجة إلى خانة الإدخال ومواصلة العمل عليها.

أمثلة عملية

عند بناء رابط بحث، من الأفضل ترميز عبارة البحث قبل وضعها داخل parameter. عبارة تحتوي على مسافات أو نص عربي قد تعمل في بعض الأماكن، لكنها قد تنكسر في أماكن أخرى.

عند بناء رابط تحويل يحتوي على رابط داخلي آخر، يجب ترميز الرابط الداخلي كـ component حتى لا تكسر رموز ? و& الرابط الخارجي.

وعند مراجعة روابط التحليلات أو الحملات، يمكن فك الترميز لفهم أسماء الحملات والصفحات والقيم المخفية داخل الرابط.

إذا كنت تريد إنشاء رابط صفحة نظيف وصديق للسيو، استخدم مولد Slug. الـ slug ليس نفس ترميز URL؛ فالـ slug يجب أن يكون مقروءًا ومنظمًا، بينما الترميز وظيفته جعل الأحرف آمنة داخل الرابط.

URL Encoding أم HTML Entities؟

ترميز URL مخصص للروابط. أما HTML entities فهي مخصصة لمحتوى HTML. كل منهما يحل مشكلة مختلفة.

إذا كان النص سيدخل داخل رابط أو query string، فاستخدم ترميز URL. وإذا كانت الرموز مثل < و> و& أو علامات الاقتباس ستظهر داخل كود HTML، فاستخدم مشفر كيانات HTML.

الخلط بينهما يسبب نتائج غريبة. %20 مناسب داخل الروابط المرمزة، بينما &amp; مناسب داخل HTML.

الخصوصية والتنبيه المهم

تعمل أداة URL Encoder / Decoder محليًا داخل المتصفح. هذا مفيد عند التعامل مع روابط حملات غير منشورة أو روابط داخلية أو أمثلة API لا تريد إرسالها إلى خدمة خارجية.

لكن الترميز ليس تشفيرًا أمنيًا. أي شخص يستطيع فك ترميز URL. لا تضع كلمات مرور أو مفاتيح سرية أو بيانات حساسة داخل الروابط إلا إذا كنت تفهم المخاطر والنظام مصمم لذلك.

الخلاصة

استخدم أداة ترميز وفك ترميز URL عندما يحتوي الرابط على رموز خاصة أو نص عربي أو قيم يجب أن تبقى سليمة داخل query string. استخدم Encode URI للرابط الكامل، وEncode Component للقيمة الواحدة، وفك الترميز عندما تريد قراءة الرابط.

وللمهام القريبة، استخدم مولد Slug لإنشاء روابط صفحات مقروءة، ومشفر كيانات HTML للأحرف الخاصة داخل HTML.

روابط مرتبطة

افتح الأداة أو القسم الحقيقي المرتبط بهذا المقال.

العودة إلى المدونة