أدلة عملية

كيفية اختيار وإعداد صور الموقع

تُظهر الصورة المفيدة نشاطًا أو شخصًا أو مكانًا أو منتجًا أو خطوة لا يمكن للنص وحده أن ينقلها بوضوح. حدده للصفحة وسؤال الزائر قبل تحرير الملف أو ضغطه.

انظر الطريقة

محرر المحتوى اختيار صور مميزة لصفحات الموقع

جرد كل موضع صورة

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

ضع علامة على الصور المتكررة في قائمة واحدة والصور العامة المستخدمة للمواضيع غير ذات الصلة. قد تكون مشاركة صورة واحدة عبر ترجمات نفس الصفحة أمرًا معقولًا ؛ تحتاج مجموعة البطاقات التي تقارن الأنشطة المختلفة عادةً إلى صور مميزة.

  • وضع الصورة والغرض منها.
  • موضوع محدد وعلاقة بنسخة قريبة.
  • الحقوق والائتمان والإصدار وحالة الموافقة.

إنشاء قائمة اللقطات

لكل صفحة ذات أولوية ، صف مشهدًا قصيرًا: من أو ما يظهر ، والإعداد ، والإجراء أو التفاصيل والاتجاه. اترك مساحة كافية للزراعة المتنقلة وتجنب وضع الموضوع في مكان وجود نص متراكب. يمكن أن توفر إحدى اللقطات صورة ومشهد عمل وتفاصيل مادية ومكان دون تكرار نفس المحصول في كل مكان.

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

  • صورة رئيسية خاصة بالصفحة.
  • صور تكميلية للبطاقات وخطوات العملية.
  • إصدارات أفقية أو عمودية لتناسب المكون.

التحسين مع الاحتفاظ بالمعلومات المفيدة

احتفظ بمصدر عالي الجودة ، ثم قم بتصدير المتغيرات للأحجام المعروضة بالفعل. غالبًا ما يعمل WebP و Avif بشكل جيد للصور ؛ يجب ألا يقوم المتصفح بتنزيل صورة ضخمة لبطاقة صغيرة. قم بتعريف العرض والارتفاع لمنع تحولات التخطيط ، وتحديد أولويات الصورة الرئيسية المرئية عند التحميل الأول.

اسم ملف وصفي موجز ونص بديل خاص بالسياق وتسمية توضيحية عندما يكون مفيدًا ، افعل ما هو أكثر من حشو حقول EXIF بالكلمات الرئيسية. Google Search Centralيستدعي نص Alt أهم سمة صورة وصفية. مراجعة الاعتمادات والحقوق قبل تجريد البيانات الوصفية: يمكن لـ Google أيضًا استخدام IPTC البيانات الوصفية أو البيانات المنظمة للترخيص.

  • المتغيرات سريعة الاستجابة وفحص وزن الملف وأبعاد HTML.
  • نص بديل يصف دور الصورة أو بديل فارغ عند الزخرفة.
  • معلومات الاعتمادات والحقوق المتوافقة مع الإذن المحفوظ.

تحقق من النتيجة المنشورة

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

تحديث المخزون عند تغيير الخدمات أو الحملات. يمنع عودة الصور التي تمت إزالتها ، وفقدان الاعتمادات واختفاء الصور الرئيسية من الصفحات المهمة. ال قائمة التحقق من الإطلاق يتضمن هذه المراجعة في رحلة الزائر الأوسع.

المحتوى تم تحديثه 2 أكتوبر 2026

مصفوفة التحقق الوظيفي للتكيف مع المشروع

تستخدم هذه الضوابط المقترحة حالات وهمية. حدد السلوك المتوقع مع الفريق ، واكتب النتيجة وقم بتعيين تناقضات لم يتم حلها قبل النشر.

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

أسئلة مكررة

هل تحتاج كل صورة إلى نص وصفي بديل؟

تحتاج كل صورة إلى سمة ALT ، لكن قيمتها تعتمد على دورها. وصف المعلومات المفيدة واستخدام قيمة فارغة للزينة. يجب أن يحدد الشعار الذي يعمل باعتباره المحتوى الوحيد للرابط وجهته. تحقق من النتيجة في سياق الصفحة.