Image SEO: ضغط الصور وكتابة Alt Text بدون حشو
منهج عملي لـImage SEO يوازن بين السرعة وإمكانية الوصول وجودة الصور وWebP وalt text وسياق المقال والمتجر.
Image SEO هو جعل الصورة سريعة ومفهومة ومفيدة للصفحة، وليس وضع alt text مليئًا بالكلمات المفتاحية. الصورة الجيدة تساعد الزائر على فهم المنتج أو الخطوة، بينما الملف الثقيل أو الوصف المضلل يضر التجربة حتى لو بدا أن الصفحة محسنة على الورق.
اختر الصورة لخدمة المعنى
قبل الضغط والتحويل، اسأل لماذا توجد الصورة. هل تشرح نتيجة أو واجهة أو منتجًا؟ هل يحتاج القارئ إلى رؤيتها لاتخاذ قرار؟ إذا كانت الصورة زخرفية تمامًا، فلا تضع وصفًا طويلًا يضيف ضوضاء لقارئ الشاشة. إذا كانت تحمل معلومة، اجعل النص البديل يصف المعلومة لا مجرد كلمة عامة مثل image.
Alt text طبيعي
اكتب وصفًا قصيرًا ودقيقًا لما يظهر، مع ذكر العلامة أو الخاصية فقط إذا كانت مهمة. لا تكرر عنوان الصفحة في كل صورة، ولا تكتب قائمة كلمات مثل SEO شركة سيو أفضل خبير. الوصف يخدم إمكانية الوصول أولًا، وقد يساعد محرك البحث على فهم السياق عندما يكون صادقًا.
الأسماء والصيغ
اسم الملف الواضح أفضل من IMG_4837 عندما يكون ذلك عمليًا، لكنه ليس بديلًا عن محتوى الصفحة. استخدم صيغًا حديثة مثل WebP أو AVIF عندما يدعمها النظام، واحتفظ بنسخة مناسبة للحجم المعروض. لا ترسل صورة بعرض 3000 بكسل إلى مساحة صغيرة إذا لم تكن هناك حاجة حقيقية لذلك.
السرعة دون تدمير الجودة
اضغط الصورة مع مراقبة التفاصيل التي يحتاجها المستخدم. استخدم lazy loading للصور التي تأتي بعد المحتوى الأساسي، لكن لا تؤجل صورة Hero المهمة بلا سبب. حدّد width وheight أو مساحة ثابتة حتى لا يتحرك النص عند التحميل، وراجع أثر الصور على Core Web Vitals بدل التعامل معها كملفات منفصلة.
صور المنتجات والنتائج
في المتجر، اعرض زوايا وصورًا تساعد على الشراء، واستخدم وصفًا يطابق المنتج الفعلي. في دراسات الحالة، وضّح ما الذي تمثله لقطة الشاشة ولا تنسب رقمًا إلى مشروع أو فترة لا تستطيع إثباتها. العلامة المائية قد تحمي الأصل، لكنها لا تعوض عن شرح الصورة أو جودة البيانات.
مراجعة الصور داخل المقال
راجع caption والسياق والروابط القريبة من الصورة. إذا كانت الصورة تشرح خطوة، يجب أن تكون الخطوة موجودة في النص أيضًا. اختبر التكبير على الهاتف، وفكر في نسبة التباين والنصوص الصغيرة داخل screenshot. لا تستخدم صورة مليئة بالنص بدل كتابة المعلومة الأساسية في HTML.
ابدأ من دليل Core Web Vitals، ثم راجع Content Brief لتحديد وظيفة كل صورة قبل إضافتها.
الخلاصة
الصورة المحسنة هي صورة مناسبة للغرض، سريعة، قابلة للفهم، ومتصلة بسياق الصفحة. اعمل على الوصول والجودة والسرعة معًا، وتجنب alt text الآلي أو الحشو الذي لا يصف ما يراه المستخدم.
إجابات مختصرة قبل أن تبدأ.
هل يجب وضع الكلمة المفتاحية في كل Alt Text؟
لا؛ اكتب وصفًا صادقًا لما يظهر، واستخدم الكلمة فقط عندما تكون جزءًا طبيعيًا من الوصف.
هل WebP وحده يحل مشكلة الصور؟
لا؛ يجب أيضًا اختيار مقاس مناسب وضغط جيد وتثبيت مساحة الصورة ومراجعة أثرها على سرعة الصفحة.