11 نصيحة مهمة لتحسين الصور لمحركات البحث تحتاج إلى معرفتها
خاص بان أراب ميديا - جهاد السقا
يجب تحسين المحتوى المرئي الخاص بك لعملائك ومحركات البحث، استخدم نصائح تحسين الصورة هذه لتحقيق أقصى قدر من إمكانية الوصول والسرعة.
ربما يعجبك
فكر في آخر مرة قمت فيها بتحميل صورة إلى موقع الويب الخاص بك، من المحتمل أن تقوم بتنزيله من أحد مواقع التصوير الفوتوغرافي وتحميله إلى الواجهة الخلفية لموقعك، ثم إدخاله في الصفحة.
لقد أضفت وزن كرة بولينج عملاق إلى موقعك أدى إلى إبطاء سرعة الصفحة، ولا يمكن لمحركات البحث قراءة صورك بدون نص بديل. يجب تغيير ذلك.
أكثر من 20٪ من جميع عمليات البحث على الويب في الولايات المتحدة تتم على صور جوجل، وفقًا لبيانات 2018 من Jumpshot.
يعرف هواة ومحترفو تحسين محركات البحث (SEO) على حد سواء أن تحسين الصور لموقع الويب الخاص بك يستحق الوقت الذي تقضيه.
حصل Dan Morgan في WebSpection على إحدى صوره في المرتبة الأولى في صور جوجل لـ "أفضل شخص في كارديف" في أقل من أربعة أيام من خلال تحسين صورته.
وقد أنشأ روبي ريتشاردز 150732 زيارة عن طريق إضافة علامات بديلة للصور وضغط الصور وبعض الحيل الأخرى لتحسين محركات البحث.
بدون تحسين الصورة المناسب، فإنك تهدر أحد أصول تحسين محركات البحث القيمة.
يخلق تحسين الصور العديد من المزايا مثل تجربة مستخدم أفضل، وأوقات تحميل أسرع للصفحة، وفرص تصنيف إضافية. وأصبح دورًا أكثر أهمية بشكل متزايد.
ولكن ما هي العوامل الأكثر أهمية لضمان إمكانية العثور على صورك وعدم إبطاء موقعك؟
فيما يلي 11 نصيحة مهمة لتحسين الصور تحتاج إلى معرفتها..
1- اختر التنسيق الصحيح:
قبل أن تتمكن من البدء في إضافة الصور إلى موقعك، فأنت تريد التأكد من أنك اخترت أفضل نوع للملف.
في حين أن هناك العديد من تنسيقات الصور للاختيار من بينها، فإن PNG و JPEG هما الأكثر شيوعًا على الويب.
PNG: تنتج صورًا ذات جودة أفضل، لكنها تأتي بحجم ملف أكبر.
JPEG: قد تفقد جودة الصورة، ولكن يمكنك ضبط مستوى الجودة لإيجاد توازن جيد.
WebP: اختر ضغطاً بدون فقد الجودة باستخدام هذا التنسيق وهو الوحيد الذي يدعمه كل من Chrome و Firefox.
بالنسبة لي، PNG هي البطل المجهول لتنسيق الصور. عادةً ما أستخدم ملفات JPEG فقط للحصول على صور أكبر وأكثر وضوحًا يلتقطها مصور حقيقي. لكن بالنسبة إلى استخدامي اليومي فإن PNG هي الأفضل.
2- ضغط صورك:
وفقًا لأرشيف HTTP، تشكل الصور في المتوسط 21٪ من إجمالي وزن صفحة الويب.
لهذا السبب أوصي بشدة بضغط صورك قبل تحميلها على موقعك. يمكنك القيام بذلك في Photoshop أو يمكنك استخدام أداة مثل TinyPNG. يحتوي TingPNG أيضًا على مكون إضافي لبرنامج WordPress يمكنك استخدامه أيضًا.
ومع ذلك، فإنني أفضل WP Smush كمكوِّن إضافي لبرنامج WordPress. يقلل من حجم ملف الصورة دون إزالة الجودة. مهما كان المكون الإضافي الذي تستخدمه، تأكد من العثور على واحد يضغط الصور خارجيًا على خوادمهم. يقلل من الحمل على موقعك.
أو خذ خطوة إلى الأمام واستخدم CDN للصور يكتشف الجهاز ويحسن الصورة قبل التسليم. Cloudinary و Imgix هما خياران للتجربة.
بشكل متزايد، حسّن موقع الويب سرعة الموقع بنسبة 33٪ / 2 ثانية عن طريق ضغط الصور.
إذا لم تكن متأكدًا من كيفية تأثير صورك في سرعة صفحتك، فإنني أوصي باستخدام أداة PageSpeed Insights من جوجل.
على الرغم من أنه قد تكون لديك صور مخزنة محسّنة تمامًا، فلن يكون لها نفس التأثير أو الفوائد المحتملة لتحسين محركات البحث مثل صورة أصلية عالية الجودة.
كلما كانت لديك صور أصلية أكثر، كانت تجربة المستخدم أفضل وكانت احتمالات ترتيبك في عمليات البحث ذات الصلة أفضل.
ضع في اعتبارك أنه من المرجح أن يتم عرض الصور الكبيرة في جوجل ديسكوفر. كما توصي جوجل في موردها المتقدم لتحسين محركات البحث، يجب أن تكون الصور الكبيرة بعرض 1200 بكسل على الأقل ويتم تمكينها من خلال معاينة الصورة القصوى أو باستخدام AMP.. ولا تستخدم شعارك كصورة.
4- احذر حق المؤلف:
بغض النظر عن ملفات الصور التي تختار استخدامها، تأكد من عدم وجود تعارض مع حقوق النشر.
بموجب قانون الألفية الجديدة لحقوق طبع ونشر المواد الرقمية (DMCA)، قد يتم إصدار إشعار لك إذا انتهكت أية مشكلات تتعلق بحقوق النشر. إذا رأى مالك جزء من المحتوى المحتوى الخاص به على موقع الويب الخاص بك، فيمكنه إصدار أمر إزالة DMCA ويجب عليك الالتزام به.
5- تخصيص أسماء ملفات الصور:
عندما يتعلق الأمر بـ SEO، فإن إنشاء أسماء ملفات وصفية وغنية بالكلمات الرئيسية أمر بالغ الأهمية.
أسماء ملفات الصور تنبه جوجل وبرامج الزحف الأخرى لمحركات البحث فيما يتعلق بموضوع الصورة.
عادةً ما تبدو أسماء الملفات مثل "IMG_722019" أو شيء مشابه.. هذا مثل الطلب من قائمة بلغة مختلفة.. إنه لا يساعد جوجل.
قم بتغيير اسم الملف من الافتراضي لمساعدة محركات البحث على فهم صورتك وتحسين قيمة مُحسنات محركات البحث الخاصة بك.
يتضمن هذا القليل من العمل، اعتمادًا على مدى اتساع مكتبة الوسائط الخاصة بك، ولكن تغيير اسم الصورة الافتراضي دائمًا ما يكون فكرة جيدة.
6- كتابة نص محسن لمحركات البحث:
العلامات البديلة alt هي نص بديل للصور عندما يتعذر على المتصفح عرضها بشكل صحيح. على غرار العنوان، تُستخدم سمة النص البديل لوصف محتويات ملف الصورة.
عندما يتم تحميل الصورة، ستحصل على مربع صورة به علامة alt في الزاوية العلوية اليسرى. تأكد من ملاءمتها للصورة واجعل الصورة ملائمة.
يُعد الانتباه إلى العلامات البديلة مفيدًا أيضًا لاستراتيجية تحسين محركات البحث الشاملة على الصفحة. تريد التأكد من أن جميع مناطق التحسين الأخرى في مكانها الصحيح، ولكن إذا فشل تحميل الصورة لأي سبب من الأسباب، فسيرى المستخدمون ما يفترض أن تكون عليه الصورة.
بالإضافة إلى ذلك، فإن إضافة علامات بديلة مناسبة إلى الصور الموجودة على موقع الويب الخاص بك يمكن أن يساعد موقع الويب الخاص بك على تحقيق تصنيفات أفضل في محركات البحث عن طريق ربط الكلمات الرئيسية بالصور. حتى جوجل قد لاحظت قيمة النص البديل في الصور.
يزود جوجل بمعلومات مفيدة حول موضوع الصورة. نستخدم هذه المعلومات للمساعدة في تحديد أفضل صورة لعرضها عند استعلام المستخدم.
7- فكر في بنية ملف الصورة:
في عام 2018، قامت جوجل بتحديث إرشادات الصور الخاصة بها. كان أحد التحديثات الرئيسية التي تم الكشف عنها هو أنهم يستخدمون مسار الملف واسم الملف لترتيب الصور.
كرر: مسار الملف واسم الملف هو عامل الترتيب الفعلي.
على سبيل المثال، إذا كنت علامة تجارية للتجارة الإلكترونية ذات منتجات متعددة، فبدلاً من وضع جميع صور منتجك في مجلد عام/ وسائط/ مجلد، أوصي بتكوين مجلداتك الفرعية بحيث تكون أكثر موضوعات ذات صلة بالفئات مثل قمصان/ جوارب.
8- ركز على عنوان صفحتك ووصفها:
كشفت جوجل أيضًا أنها تستخدم عنوان صفحتك ووصفها كجزء من خوارزمية البحث عن الصور.
تنص صفحة دعم جوجل على ما يلي:
"تنشئ صور جوجل تلقائيًا عنوانًا ومقتطفًا لتوضيح كل نتيجة على أفضل وجه ومدى ارتباطها باستعلام المستخدم. نستخدم عددًا من المصادر المختلفة لهذه المعلومات، بما في ذلك المعلومات الوصفية في العنوان والعلامات الوصفية".
9- تحديد الأبعاد الخاصة بك:
إذا كنت تستخدم AMP أو PWAs، فأنت مطالب بتحديد أبعاد الصورة في شفرة المصدر.
ومع ذلك، إذا كنت لا تستخدم أيًا منهما فلا يزال من أفضل الممارسات تحديد العرض والارتفاع.. يوفر تجربة مستخدم أفضل.
بالإضافة إلى ذلك، يسمح للمتصفحات بتغيير حجم الصورة قبل تحميل CSS، وهذا يمنع الصفحة من القفز عند تحميلها.
تعد سمات أبعاد الصورة مهمة أيضًا لمنع مشكلات تغيير التخطيط التراكمي (CLS) التي يمكن أن تتداخل مع تحسين "أساسيات الويب الأساسية". يعد التأكد من تضمين سمات العرض والارتفاع لكل عنصر صورة وفيديو أمرًا أساسيًا.
10- اجعل صورك متوافقة مع الجوّال:
المشكلة هي.. كيف يمكنك تحسين صورك لفهرس الجوال؟
يمكنك إنشاء صور سريعة الاستجابة، وهذا يعني أن الصورة ستتناسب مع حجم الموقع سواء كان المستخدم يستخدم سطح المكتب أو الهاتف المحمول، يتكيف مع حجم الجهاز.
تقدم Mozilla معلومات شاملة حول استخدام سمات srcset والأحجام لتزويد المتصفح بصور مصدر إضافية، مما يتيح عرض محتوى صورة متطابق تم تغيير حجمه للجهاز.
11- أضف الصور إلى ملف Sitemap الخاص بك:
سواء أكنت تضيف صورك إلى خريطة موقعك أو تنشئ خريطة موقع جديدة للصور، فأنت تريد صورًا في مكان ما في خرائط موقعك.
إن وجود صورك في ملف Sitemap يزيد بشكل كبير من فرص قيام محركات البحث بالزحف إلى صورك وفهرستها، وبالتالي يؤدي إلى زيادة حركة المرور في الموقع.
إذا كنت تستخدم WordPress، فإن Yoast يقدم حلاً لخريطة الموقع في المكون الإضافي الخاص به.
تحسين الصور ليس مزحة. مع التقدم في تقنية البحث الصوتي، أصبحت الوسائط ذات أهمية متزايدة وسيستفيد موقعك بالكامل من اتخاذ الخطوات المذكورة أعلاه.
