عند استبدال الموقع القديم بموقع جديد، عادة ما يكون هناك من يراجع المحتوى النصي بدقة، بينما تُعتبر الصور غالبًا جزءًا يُنقل بشكل عشوائي. وبعد الإطلاق، نكتشف أن صور المنتجات غير واضحة، وصور الحالات مفقودة، والبانر تغير حجمه وتم قصه، وبعض الصور لا نعرف مصدرها. مشكلات موارد الصور لا تمنع الموقع من العمل، لكنها تؤثر مباشرة على الانطباع الأول للزائر عن الشركة، وتترك متاعب للصيانة المستقبلية.
فيما يلي، وفقًا للتسلسل الفعلي لعملية إعادة التصميم، نقسم المشكلات الشائعة لموارد الصور إلى عدة فئات. لكل فئة إجراءات فحص قابلة للتنفيذ، يمكنك مراجعة مشروعك الحالي بندًا بندًا.
أولاً: مرحلة الجرد – لا توجد قائمة بالصور القديمة، ويعتمد لاحقًا على الذاكرة
أكثر خطأ شائع في إعادة التصميم هو فتح الصفحة الرئيسية للموقع القديم مباشرة والبدء في أخذ لقطات الشاشة وحفظ الصور، بدلاً من إجراء جرد منهجي للصور أولاً. بعد سنوات من تشغيل الموقع القديم، قد تكون الصور متناثرة في نصوص المقالات، تفاصيل المنتجات، صور الأعمدة، النوافذ المنبثقة، التذييل وغيرها، ومن السهل تفويتها عند التصفح اليدوي.
الطريقة الأكثر أمانًا هي إنشاء قائمة بالصور أولاً. لنفترض أن الموقع القديم يحتوي على ثلاثة أعمدة رئيسية: المنتجات، الحالات، والأخبار، يمكن تنظيمها وفقًا للحقول التالية:
- عنوان الصفحة أو العمود الذي توجد فيه الصورة
- موقع الصورة في الصفحة (صورة رئيسية، صورة داخل النص، صورة مصغرة، إلخ)
- هل يوجد ملف الصورة الأصلي محليًا
- هل ما زلنا بحاجة إلى هذه الصورة في الموقع الجديد
- النتيجة: الاحتفاظ، الاستبدال، الحذف، في انتظار التأكيد
لا حاجة لجعل القائمة معقدة، جدول واحد يكفي. المهم هو تحويل "أي الصور يجب نقلها وأيها لا" إلى قائمة قابلة للتحديد، بدلاً من اتخاذ القرار بشكل مؤقت قبل الإطلاق. يمكن أن يكون معيار الحكم بسيطًا: الاحتفاظ بالصور التي لا تزال ذات صلة بالعمل الحالي، ووضع علامة حذف أو استبدال على صور المنتجات المتوقفة، صور الفعاليات المنتهية، وصور الفريق القديمة الواضحة.
ثانيًا: تسمية الملفات – أسماء صينية، أسماء مشوشة، و"IMG_0231"
التسميات الشائعة للصور القديمة هي "صورة_wechat_20230512.jpg"، "بدون_عنوان-1.png" أو سلسلة من الأرقام. هذه الملفات لا تسبب مشكلة كبيرة عند النقل، لكن بعد نقلها إلى الموقع الجديد يصعب إدارتها: يريد موظف التشغيل العثور على صورة منتج معينة، فيضطر لفتحها واحدة تلو الأخرى.
إعادة التصميم فرصة جيدة لإعادة تسمية الصور. يُنصح باستخدام صيغة إنجليزية أو بينيين بأحرف صغيرة "العمود-المحتوى-الرقم"، على سبيل المثال يمكن تسمية صور صفحة المنتج product-a-01.jpg، وصور الحالات case-hangzhou-02.jpg. لا تحتاج قاعدة التسمية إلى تعقيد، فقط أن يفهمها أعضاء الفريق ويستطيعوا البحث بالكلمات المفتاحية.
في الوقت نفسه، تجنب وجود مسافات وعلامات ترقيم صينية ورموز خاصة في أسماء الملفات. هذه الأحرف قد تتحول إلى رموز مشوشة عند النقل بين أنظمة مختلفة، وقد تظهر بشكل غير طبيعي بعد الرفع إلى لوحة التحكم. بعد توحيد التسمية، سيكون استبدال الصور ومراجعة الإصدارات أسهل بكثير.
ثالثًا: الأبعاد والتنسيقات – تخطيط الموقع الجديد يختلف عن القديم
أبعاد الصور في الموقع القديم تم قصها وفقًا للقالب القديم. بعد تغيير تخطيط الموقع الجديد، قد تتعرض نفس الصورة للتمدد أو القص أو الفراغات. المظاهر الشائعة: قص جانبي الصورة الرئيسية، تشوه نسبة صورة المنتج، وظهور جزء صغير فقط من الصورة في المنتصف عند العرض على الجوال.
لمعالجة هذه المشكلات، حدد أولاً الأبعاد والنسب الفعلية لكل موضع صورة في الموقع الجديد، ثم قرر ما إذا كانت الصورة القديمة ستُستخدم مباشرة أو يُعاد تصديرها. لنفترض أن الصورة الرئيسية للصفحة الرئيسية في الموقع الجديد بنسبة عريضة، بينما الصورة القديمة شبه مربعة، فهذه الصورة تحتاج أساسًا إلى إعادة قص أو استبدال المادة، وليس إقحامها كما هي.
من ناحية التنسيق، تُستخدم صور JPG عادة للصور الفوتوغرافية، وPNG للأيقونات والشعارات والصور التي تحتاج خلفية شفافة. إذا وجدت أثناء إعادة التصميم أن الموقع القديم يحتوي على عدد كبير من الصور ذات الحجم الكبير، يمكن ضغطها بشكل موحد عند إعادة التصدير، لكن يجب أن يكون الضغط بدرجة لا تُظهر وضوحًا ضبابيًا بالعين المجردة، ولا تضغط تفاصيل المنتج حتى تصبح غير واضحة فقط لتقليل الحجم.
رابعًا: روابط الصور – تعطل عناوين الصور القديمة بعد تغيير النطاق
إذا استخدم الموقع الجديد نطاقًا جديدًا أو هيكل مجلدات جديدًا، فإن عناوين الوصول إلى صور الموقع القديم ستتغير. المقالات المنشورة، الصور المشار إليها من منصات خارجية، وصفحات الصور المفهرسة في محركات البحث قد تصبح غير قابلة للفتح. ما يراه المستخدم هو إطار فارغ أو صورة مكسورة، وهي تجربة سيئة.
قبل إعادة التصميم، يمكن تصدير قائمة بعناوين URL الرئيسية لصور الموقع القديم، وبعد الإطلاق فتحها وفحصها واحدة تلو الأخرى للتأكد من الصور التي لا تزال متاحة والتي تعطلت. بالنسبة للصور القديمة التي لا تزال بحاجة إلى الاحتفاظ بها، حاول أن يستخدم الموقع الجديد مسارات مشابهة، أو إجراء إعادة توجيه مناسبة؛ وبالنسبة للصور التي لم تعد مستخدمة، تأكد على الأقل من تحديث الصفحات التي تشير إليها بشكل متزامن.
بالإضافة إلى ذلك، يجب فحص طريقة الإشارة إلى الصور في النصوص. بعض المقالات القديمة تنسخ عنوان الصورة مباشرة، وبعد تغيير الموقع لن يتم تحديث هذه العناوين تلقائيًا، بل تحتاج إلى إعادة رفع واستبدال. هذه المشكلة يسهل تفويتها عندما يكون عدد المقالات كبيرًا، لذا يُنصح بالفحص على دفعات حسب الأعمدة، وليس فقط الصفحة الرئيسية.
خامسًا: حقوق النشر والمصدر – لا تنقل الصور مجهولة المصدر مباشرة
مصادر الصور في الموقع القديم قد تكون متنوعة: مقدمة من شركة تصميم، مصورة من قبل الموظفين، محملة من مواقع المواد، أو محفوظة من مواقع أخرى. إذا نُقلت كما هي إلى الموقع الجديد أثناء إعادة التصميم، فهذا يعني استمرار الاحتفاظ بصور مجهولة المصدر.
الطريقة الأكثر أمانًا هي إضافة عمود "المصدر" في قائمة الجرد. الصور التي يمكن تأكيد أنها تصوير ذاتي أو تم شراء ترخيص لها، تُنقل بشكل طبيعي؛ الصور مجهولة المصدر، أو التي تحمل علامة مائية لعلامة تجارية أخرى، أو المحفوظة عشوائيًا من الإنترنت، يُنصح باستبدالها. خاصة في المواضع البارزة مثل الصورة الرئيسية للصفحة الرئيسية وصور المنتجات الرئيسية، لا تستخدم مواد مجهولة المصدر.
إذا لم يكن لدى الشركة مكتبة صور مخصصة، يمكن أثناء إعادة التصميم تنظيم مجلد صور داخلي، وتخزين الصور المؤكدة الاستخدام بشكل مركزي، مع وضع علامات على الغرض والمصدر. في المستقبل عند إعادة التصميم أو تنظيم الفعاليات، لن تحتاج للبحث عن الصور في كل مكان.
سادسًا: إدارة لوحة التحكم – لا أحد يدير الصور بعد رفعها
بعد إطلاق الموقع الجديد، ستتغير أيضًا طريقة إدارة الصور. بعض لوحات التحكم تدعم مكتبة الوسائط، وبعضها يتطلب الرفع حسب الأعمدة. المشكلات الشائعة: رفع نفس الشعار عشرات المرات، عناوين الصور والنصوص البديلة كلها أسماء ملفات افتراضية، وبعد فترة لا يستطيع أحد تحديد أي نسخة هي الأحدث.
يُنصح بعد الإطلاق بوضع عادة بسيطة لإدارة الصور: قبل الرفع، أعد تسمية الملف وفقًا لقواعد التسمية؛ عند الرفع، املأ عنوان صورة أو نصًا بديلًا ذا معنى، ليسهل عليك وعلى زملائك البحث؛ نظف الصور غير المستخدمة بشكل دوري، لتجنب تراكم مكتبة الوسائط. لا يحتاج النص البديل إلى أن يكون طويلاً، يكفي أن يوضح ما تصوره هذه الصورة وأين تُستخدم.
إذا كان هناك عدة أشخاص مسؤولين عن التحديث في الفريق، فمن الأفضل الاتفاق على قاعدة تخزين، مثل "صور المنتجات في مجلد المنتجات، صور الفعاليات مؤرشفة حسب السنة". كلما كانت القاعدة أبسط كان تنفيذها أسهل، فالمجلدات المعقدة لا يلتزم بها أحد.
فحص الصور قبل الإطلاق
في مرحلة إنهاء إعادة التصميم، يمكن إجراء الفحوصات المتعلقة بالصور في جلسة واحدة:
- افتح الموقع الجديد صفحة بصفحة، وتأكد من عدم وجود صور مكسورة أو فارغة أو عناصر نائبة فشل تحميلها.
- تحقق من عرض الصور بشكل كامل ونسبها الطبيعية في الصفحة الرئيسية، صفحات الأعمدة، صفحات تفاصيل المنتجات، ونصوص المقالات.
- أعد النظر على الجوال، مع التركيز على ما إذا تم قص أجزاء رئيسية من الصورة الرئيسية وصور المنتجات.
- تأكد من إمكانية الوصول إلى عناوين الصور التي لا يزال الموقع القديم بحاجة إلى الاحتفاظ بها.
- راجع مصادر الصور، واستبدل الصور مجهولة المصدر.
- تأكد من تسمية وتصنيف الصور في مكتبة الوسائط بلوحة التحكم، ليتمكن الزملاء من العثور عليها مباشرة.
معظم مشكلات موارد الصور ليست صعوبات تقنية، بل عدم وجود شخص مسؤول عنها أثناء إعادة التصميم. اعتبرها كائن نقل لا يقل أهمية عن المحتوى النصي، وقم بإعداد قائمة مسبقة، ووضع قواعد، وفحص مركزي قبل الإطلاق، لتوفير الكثير من إعادة العمل بعد الإطلاق.
