ليه سيو الصور والفيديو بيتساب في المواقع العربية
في أغلب المواقع اللي بنراجعها، الصور والفيديو بياخدوا نص وزن الصفحة تقريباً وصفر اهتمام في السيو. الشغل كله بيروح على النصوص والكلمات المفتاحية، والصور بتترفع زي ما هي من التصميم.
وده مش قصور في الاهتمام بقدر ما هو إن المتاح من الكلام في الموضوع ده بيقف عند جملة واحدة: حط نص بديل. النص البديل مهم فعلاً، بس هو بند واحد من قايمة جوجل موثّقاها بالكامل، وباقي البنود فيها حاجات لو مش متوفرة، الصورة أو الفيديو مش هيظهروا أصلاً مهما كان النص البديل ممتاز.
في المقال ده هنمشي على اللي جوجل كاتباه بالظبط، ونقف عند غلطة بتحصل في المواقع العربية تحديداً.
الصيغ المدعومة، والوسم اللي جوجل بتقراه
جوجل بتحدد الصيغ اللي بتدعمها في بحث الصور: BMP وGIF وJPEG وPNG وWebP وSVG وAVIF، بالإضافة للصور المضمّنة كـ Data URI. التفاصيل دي في توثيق جوجل الرسمي لسيو الصور.
لكن أهم جملة في الصفحة دي مش عن الصيغ، دي: جوجل مش بتفهرس صور الـCSS. يعني أي صورة متحطة كخلفية عن طريق background-image مش موجودة بالنسبة لبحث الصور خالص.
ودي مش حالة نادرة. كتير من القوالب بتحط صور المنتجات أو صور المقالات كخلفيات عشان التحكم في القص يبقى أسهل. النتيجة إن الموقع فيه مية صورة والمفهرس منهم عشرة.
القاعدة العملية: أي صورة ليها معنى للمحتوى لازم تكون في وسم img بـsrc حقيقي. الصور الزخرفية البحتة ممكن تفضل في الـCSS ومفيش خسارة. ولو بتستخدم srcset أو picture، جوجل بتنصح إنك دايماً تسيب src احتياطي.
أسماء الملفات: الغلطة اللي بتحصل في المواقع العربية
جوجل بتقول عن أسماء الملفات: استخدم أسماء قصيرة ووصفية، وبتضرب مثال إن my-new-black-kitten.jpg أحسن من IMG00023.JPG. الكلام ده واضح ومتكرر في كل دليل سيو.
اللي مش متكرر هو اللي بيحصل لما تطبقه بالعربي. الفكرة الطبيعية إنك تسمي الملف بالعربي عشان يبقى وصفي: قطة-سوداء-صغيرة.jpg. المشكلة إن الاسم ده لما بيتحول لرابط بيتحول لترميز نسبي طويل غير مقروء، وده بيخلق تلات مشاكل عملية.
- الرابط بيطول جداً وكل حرف عربي بياخد ستة أحرف في الترميز، فاسم من أربع كلمات بيبقى رابط من أكتر من مية حرف.
- أنظمة كتير بتكسر الترميز بين السيرفر والـCDN وأدوات الرفع، والنتيجة صورة مكسورة في بيئة واحدة بس، وده أصعب نوع في التشخيص.
- مشاركة الرابط بتبوظ في تطبيقات المحادثة اللي بتقص الروابط الطويلة.
الحل العملي اللي بنستخدمه: اسم الملف بحروف لاتينية وصفية، والوصف العربي بيروح في النص البديل وفي النص المحيط بالصورة. جوجل بتقول صراحة إن الصفحة اللي الصورة عليها وعنوانها والنص حواليها بيأثروا في ظهور الصورة، فالمعنى العربي بيوصل من هناك من غير ما تخاطر باسم ملف مترمّز.
وده نفس منطق التعامل مع اللغة في السيو العربي اللي كتبنا عنه في السيو للمحتوى العربي وتحديات اللهجات: العربية بتتعامل معاها في المحتوى، مش في البنية التقنية.
النص البديل بالعربي: وصف مش حشو
جوجل بتوصف المطلوب إنه محتوى مفيد وغني بالمعلومات يستخدم الكلمات المفتاحية بشكل مناسب، مع تحذير مباشر من الحشو. والمثال اللي بتضربه: وصف زي «جرو دلماسي بيلعب» أحسن من «جرو» بس.
الترجمة العملية للعربي: اكتب اللي في الصورة زي ما هتوصفه لحد على التليفون. «فستان صيفي أزرق بأكمام قصيرة على مانيكان» وصف. «فستان صيفي رخيص أونلاين مصر أفضل سعر» حشو، وبيضر أكتر ما بينفع.
وفيه فايدة تانية مش سيو خالص: النص البديل ده هو اللي قارئ الشاشة بيقوله للمستخدم الكفيف. الجزء ده تناولناه بالتفصيل في إمكانية الوصول للمواقع العربية، والحلو إن الشغل اللي بيتعمل مرة بيخدم الاتنين.
وجوجل بتقول كمان إن جودة الصورة نفسها بتفرق، لأن الصور الواضحة بتجذب المستخدم أكتر من الصور المهزوزة. يعني القرار بين صورة نضيفة وصورة أخف مش قرار تقني بحت.
خرائط الصور، والنقطة الخاصة بالـCDN
خريطة الصور بتساعد جوجل تكتشف صور ممكن ميوصلهاش بالزحف العادي، وده بيحصل كتير مع الصور اللي بتتحمّل بالجافاسكريبت.
وفيه تفصيلة مهمة لأي موقع بيستخدم CDN: جوجل بتوضح إنك تقدر تحط روابط من نطاقات تانية جوه عنصر image:loc، وبتنصح إنك توثّق ملكية نطاق الـCDN في Search Console.
النقطة دي بتحل مشكلة بتظهر في مواقع كتير هنا: الصور مرفوعة على نطاق فرعي أو خدمة خارجية، وصاحب الموقع فاكر إن ده بيمنع الفهرسة. مش بيمنعها، بس محتاج الإعداد ده.
شروط فهرسة الفيديو: الجزء اللي بيسقط فيه أغلب المواقع
الفيديو أصعب من الصورة، وجوجل بتحدد شروط لازم تتحقق قبل ما الفيديو يبقى مؤهل للفهرسة أصلاً. الشروط دي في توثيق جوجل لأفضل ممارسات الفيديو، وأهمها:
- صفحة المشاهدة نفسها لازم تكون مفهرسة وبتأدي كويس في البحث قبل ما الفيديو يتفكر فيه أصلاً.
- الفيديو لازم يكون مضمّن في صفحة مشاهدة، يعني الصفحة موضوعها الفيديو مش فيديو تايه في صفحة عن حاجة تانية.
- الفيديو مينفعش يكون مخفي وراء عناصر تانية، وده بيحصل من غير قصد لما الفيديو يبقى جوه تبويب مقفول أو أسفل عنصر منبثق.
- لازم يكون فيه صورة مصغرة صالحة على رابط ثابت. الكلمة المهمة هنا «ثابت»، لأن الأنظمة اللي بتولّد صورة مصغرة بمعرّف متغير كل مرة بتكسر الشرط ده.
وللصورة المصغرة نفسها شروط: الحد الأدنى 60 في 30 بكسل والأكبر أفضل، وميكونش عليها حجب من robots.txt، وجوجل بتشترط إن 80 بالمية على الأقل من بكسلات الصورة يكون لها قيمة شفافية أعلى من 250، يعني صورة معتمة مش شبه شفافة.
الشرط الأول هو أهمهم عملياً. لو صفحة الفيديو نفسها مش بتترتب في البحث، الشغل على بيانات الفيديو مش هيغيّر حاجة. يعني ترتيب الأولويات: خلي الصفحة تشتغل الأول، وبعدين اظبط الفيديو.
بيانات VideoObject: المطلوب والمُوصى به
جوجل بتفصّل في توثيق البيانات المنظمة للفيديو إيه المطلوب بالظبط وإيه الإضافي، والفرق بينهم مش تفصيلة.
المطلوب تلات حقول بس: name وهو عنوان الفيديو ولازم يكون نص فريد لكل فيديو، وthumbnailUrl ولازم يتبع إرشادات الصورة المصغرة، وuploadDate بصيغة ISO 8601 مع نصيحة بإضافة المنطقة الزمنية.
والمُوصى به: description ولازم يكون فريد لكل فيديو برضه، وduration بصيغة ISO 8601 زي PT00H30M5S يعني تلاتين دقيقة وخمس ثواني، وcontentUrl وembedUrl.
وهنا أشهر غلطة في التنفيذ: جوجل بتحذر بشكل صريح في وصف contentUrl إن ده لازم يكون رابط ملف الفيديو نفسه مش رابط الصفحة اللي الفيديو عليها. ونفس التحذير على embedUrl: رابط المشغّل نفسه مش رابط الصفحة.
وكلمة «فريد» في name وdescription مهمة للمواقع اللي بتولّد الوصف تلقائياً من قالب واحد. عشرين فيديو بنفس الوصف بيخالفوا الشرط ده وهما شكلهم سليم.
قائمة تحقق سريعة تعملها النهاردة
- افتح كود أي صفحة منتج وشوف الصور في
imgولا خلفيات CSS. - راجع عشر أسماء ملفات عشوائية: لاتينية ووصفية ولا مترمّزة وطويلة.
- اقرا خمس نصوص بديلة بصوت عالي. لو مش جملة مفهومة، هي حشو.
- لو بتستخدم CDN، وثّق نطاقه في Search Console.
- افتح صفحة فيديو على موبايل وشوف الفيديو ظاهر من غير ما تفتح تبويب.
- اتأكد إن رابط الصورة المصغرة ثابت مش متغير كل تحميل.
- راجع
contentUrlإنه ملف مش صفحة.
ولو الموقع كبير والمراجعة اليدوية مش عملية، الترتيب المنطقي للتدقيق كله موجود في ازاي تعمل تدقيق سيو لموقعك بنفسك في يوم واحد.
حدود لازم تتقال بصراحة
الأول: ده مش بديل عن محتوى. صور مظبوطة على صفحة ضعيفة بتفضل صفحة ضعيفة. جوجل بنفسها بتربط ظهور الصورة بأداء الصفحة في البحث، فالترتيب إن الصفحة تشتغل الأول.
التاني: الوزن مقابل الجودة قرار حقيقي مش مجاني. جوجل بتقول الصور الواضحة أفضل للمستخدم، وفي نفس الوقت الصور التقيلة بتضر تجربة الصفحة. القرار بيتاخد لكل نوع صفحة على حدة، وناقشنا الجانب التاني منه في تحسين الموقع لتجربة الصفحة Core Web Vitals.
وللي عايز يفهم أثر وزن الصور على السرعة من الناحية التقنية البحتة، فريق Rivl كاتب تسلسل تشخيصي عملي في Why is my website slow on mobile، والمقال بالإنجليزي.
التالت: بحث الصور مش بيجيب مبيعات بنفس معدل البحث النصي في أغلب القطاعات. فيه قطاعات بيفرق فيها جداً زي الأزياء والأثاث والأكل، وقطاعات خدمية الفرق فيها محدود. اصرف الوقت حسب قطاعك مش حسب القايمة.