تحسين السيو للصور: كيف تجعل صور موقعك تجلب زيارات من جوجل

 

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

المشكلة في الغالب ليست في الصورة نفسها، بل في الصمت حولها: ملف باسم Screenshot (12).png بحجم 2.4 ميجابايت، بلا نص بديل، ولا جملة واحدة تشرح ما فيه. بهذه الصورة لا يجد جوجل أي سبب ليقدّمها لأحد.

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

1. كيف يقرأ جوجل الصورة أصلًا؟

 

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

وفي تقرير فصل الوسائط في Web Almanac (وهو تقرير يقيس ملايين الصفحات الحقيقية) أن 99.9% من الصفحات تطلب صورة واحدة على الأقل، وأن الصور ما زالت أكبر مورد منفرد على الصفحة. الصورة ليست زينة جانبية — هي جزء من الصفحة يتأخر تحميله ويستهلك النطاق، وتُفهم أو تُهمل حسب السياق الذي حولها.

لذلك تمرّ كل صورة بمسار واحد قبل أن تظهر في نتائج البحث:

• الزحف: جوجل يقرأ ملف الصورة، وينتظر تحميله كاملًا إذا كان التحميل مؤجّلًا بجافاسكربت بلا بديل.
• فهم السياق: العنوان والفقرة المحيطة والنص البديل تقول لجوجل عن أي موضوع تتحدث الصورة.
• الفهرسة: تُخزَّن الصورة بمعرّفها، وترتبط بالصفحة التي ظهرت فيها.
• الظهور: تظهر في بحث الصور، ومعها رابط الصفحة التي تحتويها — وهنا يأتي الزائر.
• القياس: تقارير الأداء تخبرك أي صورة تجلب نقرات وأيها لا يظهر.

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

 

2. النص البديل (alt): أهم سطر تكتبه عن صورك

النص البديل هو الوصف الذي يقرؤه القارئ الذي لم تُحمّل عنده الصورة، ويقرؤه قارئ الشاشة، ويقرؤه جوجل. ومن هنا تتحدد وظيفته: وصف ما في الصورة بصدق، لا ملء خانة فارغة بكلمات مفتاحية.

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

النص البديل الصحيح	النص البديل الضعيف
«نتيجة فحص السرعة على جوال قديم: تقييم 42 من 100»	«صورة»
«رسم يوضح مسار الزائر من بحث الصور إلى صفحة المقال»	«تحسين السيو للصور سيو صور جوجل سيو»
«قائمة إضافات ووردبريس المستخدمة على الموقع بعد الضغط»	«لقطة شاشة 1»

وثلاث قواعد تنهي الجدل حول هذا الحقل:

• الصورة الزخرفية تُترك بلا نص بديل: صورة الخلفية أو الخط الفاصل لا تحمل معلومة، فكتابة نص بديل لها تشويش لقارئ الشاشة، والحل الصحيح هو حقل فارغ تمامًا (alt=””).
• لا تبدأ الوصف بكلمة «صورة»: قارئ الشاشة يقول «صورة» أصلًا، فتكون قد أهدرت أول كلمة من الوصف.
• النص البديل ليس خانة كلمات مفتاحية: حشو الكلمة المفتاحية في كل صورة يُقرأ كتكرار مصطنع، والصورة الواحدة تخدم موضوعها الجزئي داخل المقال.

3. اسم الملف: التفصيل الصغير الذي يعمل لسنوات

سأقولها من تجربة مباشرة: رفعت قبل سنوات صورًا بأسماء عربية ومسافات وأرقام، وما زلت أُصلحها صورة صورة حتى اليوم. الاسم السيئ لا يضر مرة واحدة — يبقى ملفًا في مكتبتك، ويظهر في كل نتيجة بحث صور تخصّك.

اسم ملف يُتعبك	اسم ملف يخدمك
Screenshot (12).png	search-console-performance-images.jpg
IMG_5831.JPG	compress-image-before-upload.jpg
صورة جديدة نهائية 3.png	seo-check-speed-score.jpg

الوصفة: كلمات لاتينية صغيرة، مفصولة بشرطة (-)، بلا مسافات وبلا شرطة سفلية وبلا حركات عربية، وبلا سنة في الاسم. اختر الكلمة التي يبحث بها القارئ عن هذا النوع من الصور، وسمِّ الملف بها. الأمر يبدو ساذجًا، لكنه مجاني، ولا يضيف ثانية واحدة إلى عملك.

4. الحجم: أخفّ صورة ممكنة بلا فقدان جودة

الأرقام الحقيقية مفيدة هنا. في بيانات تقرير Web Almanac، الصفحة المتوسطة تحمل نحو 13 إلى 14 صورة، وأكبر صورة في الصفحة يبلغ وسيط حجمها نحو 135 كيلوبايت، ويصل عند الربع الأعلى إلى نحو 404 كيلوبايت. أي أن الخلل ليس في عدد الصور، بل في الصورة الواحدة الكبيرة.

الهدف العملي الذي أطبّقه على موقعي ومواقع عملائي:

• صورة داخل المقال: أقل من 150 كيلوبايت. وهذا رقم قابل للتحقيق دائمًا مع جودة بصرية كاملة إن ضبطت العرض.
• جودة الضغط بين 80 و85. الفرق بين 85 و100 غير مرئي للعين، والفرق في الحجم مضاعف.
• لا ترفع صورة أعرض ممّا تُعرض به. صورة بعرض 3000 بكسل تُعرض في عمود بعرض 750 بكسل تعني ثلاثة أرباع النطاق مهدورة.
• تحقّق من الحجم بعد أي تحديث للمقال. الصور التي تُضاف لاحقًا هي التي تفلت من الضغط عادة.

وحين أضغط صوري أبدأ من الأولى القريبة من أعلى الصفحة، لأنها هي التي تؤثر في إحساس الزائر بالسرعة، ثم أنتقل إلى بقية الصور. ولأن الصور من أكبر أسباب بطء الصفحة، فإن هذا العمل يعود عليك مرتين: ترتيبًا أفضل، وزائرًا يبقى. وقد فصّلت طبقة السرعة كاملة في دليل تسريع الموقع خطوة بخطوة.

 

5. الصيغة: أي تنسيق لأي صورة؟

تنسيق الملف قرار ثانٍ بعد الحجم، وفيه لبس واسع. في بيانات الوسائط على الويب ما زالت الصيغة JPEG الأكثر استخدامًا بحصة تقارب الثلث، والصيغة PNG قريبة من 28%. وفي المقابل، الصيغتان الحديثتان تُضغطان الملف إلى جزء من الحجم:

• WebP: الخيار الأول اليوم لصور المقالات؛ يقلّل الحجم بفارق واضح عن JPEG مع جودة مشابهة، ويدعم الشفافية أيضًا.
• AVIF: أصغر في الحجم غالبًا من WebP، ونموّ استخدامه من الأسرع على الويب، لكن الضغط يستغرق وقتًا أطول والنتيجة تحتاج تحققًا بصريًا في الصور شديدة التفاصيل.
• PNG: للشعارات والواجهات والصور التي تحتاج شفافية أو خطوطًا حادّة، ولا يصلح لصور فوتوغرافية.
• GIF: لم يبقَ له موضع في المقالات؛ الحركة أُنقل إلى فيديو، والصور المتحركة الثقيلة تُفسد سرعة الصفحة.

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

ولأن كثيرًا من إضافات التحسين في ووردبريس تحوّل الصور إلى WebP تلقائيًا، فافحص صفحة منشورة بعد التفعيل: إن كانت الصورة تُخدَم بصيغة حديثة فأنت في المسار الصحيح، وإن ظلّت تُخدَم بصيغتها القديمة فراجع إعدادات الإضافة قبل أن تضغط الملفات بيدك.

6. الترتيب على الصفحة: الأبعاد، والكسل الذكي، وسياق الصورة

الأبعاد تُكتب في الوسم لا في التصميم فقط

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

التأجيل مفيد… إلا للصورة الأولى

تأجيل تحميل الصور خارج الشاشة (lazy loading) مكسب صريح، وقد صار ميزة أصلية في المتصفحات وعلى ثلث مواقع الويب تقريبًا حسب بيانات التقرير نفسه. لكن الخطأ الشائع هو تطبيقه على كل الصور بلا استثناء، بما فيها الصورة الأولى في أعلى الصفحة. الصورة التي تظهر أولًا هي غالبًا التي يقيس عليها جوجل سرعة العرض، وتأجيلها يعني تأجيل المؤشر الذي يُقاس. وقد شرحت Google هذا الخطر بنصّه في توثيق تأجيل تحميل المحتوى، والخلاصة عملية: أجّل كل صورة، وأعفِ أول صورة في الصفحة من التأجيل.

حجم الصور المتعدّد: كتابة العرض الحقيقي

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

سياق الصورة: التسمية والفقرة التي حولها

التسمية أسفل الصورة (caption) من أقوى العناصر المهجورة في المدونات العربية: جملة واحدة تشرح الصورة تُقرأ من الزائر ومن جوجل. والأهم سياق الفقرة: صورة تستخدم أداة داخل مقال عن تحسين السرعة تُفهم فورًا، والصورة نفسها داخل مقال عن التسويق تُفهم بشكل آخر. ضع الصورة قريبة من الجملة التي تتحدث عنها، لا في نهاية قسم بعيد بعد عشرة أسطر.

7. خريطة الصور والبيانات المنظمة

معظم الصور تُكتشف تلقائيًا مع الصفحة، لكن هناك حالات تُضطر فيها إلى تعريف جوجل بصورك صريحًا: صور تُحمّل بجافاسكربت، أو صور داخل معرض، أو صور تريد أن تصل إلى بحث الصور بسرعة. هنا تفيد خريطة الصور التي تتضمن مسار كل صورة ووصفها. في ووردبريس لا تحتاج إلى كتابتها بيدك: إضافات السيو مثل Rank Math تولّدها، وتحقّق منها بمجرد إضافة خريطتك إلى أدوات مشرفي المواقع في جوجل.

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

8. القياس: كيف تعرف أن صورك تعمل؟

ثلاث شاشات تكفي:

1. تقرير الأداء في Search Console: افتحه واختر نوع البحث «صور» بدل «ويب». هنا ترى الكلمات التي تجلب نقرات لصورك، وأي صفحة تحتوي الصورة الظاهرة. حين تعمل الصورة، ترى كلمات لا علاقة لها بعنوان المقال — وهذا مؤشر جيد على أن السياق واضح.
2. فحص سرعة الصفحة: تحقّق من وزن الصور ومن الصورة الأكبر في القسم الأول من الصفحة، فإصلاح صورة واحدة قد يرفع تقييمك أكثر من ساعة عمل على القالب.
3. فحص الصفحة الحيّة: افتح الصفحة على جوال حقيقي، وانظر هل تقفز العناصر أثناء التحميل، وهل الصورة الأولى تظهر سريعة.

ولأن الفحوص العامة لا ترى التفاصيل، أعِدّ لنفسك لائحة تقييم من 100 نقطة لأي مقال تنشره. هذا التوزيع هو ما استخدمه في التدقيق:

البند	الدرجة
نص بديل وصفي لكل صورة معلوماتية	20
حجم كل صورة أقل من 150 كيلوبايت	20
أبعاد صريحة تمنع قفز التصميم	15
أسماء ملفات وصفية بلا أرقام كاميرا	10
صيغة حديثة (WebP أو AVIF) للصور الفوتوغرافية	10
الصورة الأولى بلا تأجيل + تأجيل البقية	10
تسمية مناسبة لكل صورة تحمل معلومة	5
خريطة الصور مُرسلة وتظهر في Search Console	5
بيانات منظمة أو حقوق للصور المهمة	5

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

9. قائمة فحص: عشر نقاط قبل نشر أي صورة

1. هل يشرح اسم الملف ما في الصورة بكلمات لاتينية مفصولة بشرطة؟
2. هل الصورة فعّالة بلا نص بديل محشو؟ وهل الوصف يصف الصورة لا الموضوع كله؟
3. هل حجم الصورة أقل من 150 كيلوبايت؟
4. هل عرض الصورة قريب من العرض الذي تُعرض به فعلًا؟
5. هل الصيغة مناسبة؟ (WebP أو AVIF للفوتوغرافي، PNG للشفافية والشعارات)
6. هل الأبعاد مكتوبة في الوسم لمنع قفز التصميم؟
7. هل الصورة الأولى في الصفحة بلا تأجيل تحميل، والبقية مؤجّلة؟
8. هل الصورة قريبة من الجملة التي تتحدث عنها؟
9. هل التسمية أسفل الصورة تشرحها في سطر واحد؟
10. هل ظهرت الصورة في تقرير الصور خلال أسبوعين من النشر؟

10. أخطاء تُفسد العمل على الصور

• كتابة النص المهم داخل الصورة: النص المرسوم في الصورة لا يُفهرس ولا يُقرأ، ولا يُنسخ ولا يُترجم. القاعدة: النص الذي يهمّ القارئ يُكتب نصًا، والصورة تشرحه.
• حشو النص البديل بالكلمة المفتاحية: يتكرّر في كل صورة، فتفقد الصور سياقها ويظهر الحشو.
• تأجيل تحميل الصورة الأولى: مكسب وهمي في النطاق، وخسارة مباشرة في مؤشر السرعة.
• رفع صور ضخمة «لأن الاستضافة واسعة»: النطاق ليس المشكلة، المشكلة أن الزائر ينتظر.
• ترك صور المقالات القديمة كما هي: تحديث المقال فرصة ذهبية لضغط صوره وإصلاح نصوصها البديلة وأسماء ملفاتها. وقد شرحته خطوة بخطوة في دليل تحديث المحتوى القديم.
• استخدام صورة من موقع آخر بلا مصدر: كل صورة من خارج موقعك يجب أن تُحفظ على موقعك وأن يُذكر مصدرها أسفلها. والصورة المنقولة بلا مصدر تعرّضك لمطالبة حقوق، وتخسر معها الصفحة كل ما بنيته.

إن كان هذا الدليل وفّر عليك وقتًا، يمكنك دعم المدونة عبر رابط الدعم.

الخلاصة

تحسين السيو للصور لا يحتاج أدوات جديدة، يحتاج انتظامًا: اسم ملف يشرح الصورة، ونص بديل صادق، وحجم أقل من 150 كيلوبايت، وأبعاد مكتوبة، وصيغة حديثة. هذه الخمسة تفصل بين صورة لا يراها أحد وصورة تجلب زيارات لصفحتك شهورًا.

وابدأ اليوم بالأسهل: افتح أقوى مقال عندك، وأصلح صوره الثلاث الأولى. راقب تقرير الصور في Search Console بعد أسبوعين، ثم قرّر هل تستحق بقية الصور الجهد نفسه. ما تقيسه يتحسّن، وما تتركه بلا قياس يبقى كما هو.

الأسئلة الشائعة

هل تحسين السيو للصور يؤثر في ترتيب الصفحة؟

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

كم صورة أضع في المقال الواحد؟

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

هل أحذف الصور القديمة وأرفعها بأسماء جديدة؟

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

هل صيغة WebP مدعومة في جوجل وفي المتصفحات؟

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

كيف أعرف أن جوجل زحف إلى صوري؟

افتح تقرير الأداء في Search Console واختر نوع البحث «صور»، وسترى الظهور والنقرات وأي صفحة تحتوي الصورة. وإن كنت تعتمد على صور تُحمَّل بجافاسكربت، أضف خريطة صور إلى موقعك وسجّلها في Search Console لتتأكد من الزحف.