Rate this post

تحسين محركات البحث (SEO) للصور أمر سهل للغاية ويتضمن خطوات بسيطة. دعني أوضح لك كيفية تحسين SEO لصور موقعك لتحقيق تصدر نتائج البحث:

الخطوة 1: قم بملء علامات “alt tags” لجميع الصور.

الخطوة 2: احرص على اختيار أسماء ملفات الصور ذات صلة وواضحة.

الخطوة 3: ضمن النص المحيط بالصورة، استخدم كلمات رئيسية ذات صلة بمحتوى الموقع.

الخطوة 4: اختر الحجم والدقة المناسبة للصور لتحسين سرعة التحميل.

الخطوة 5: استخدم صيغ الصور المناسبة مثل JPEG أو PNG وضبط ضغط الصور بشكل صحيح.

الخطوة 6: قم بتوفير وصف موجز للصورة باستخدام العنصر “title” عند الضرورة.

الخطوة 7: تأكد من استضافة الصور على خوادم ذات أداء جيد.

على الرغم من سهولة تحسين SEO للصور، يجب مراعاة أن غوغل ونظام ذكائها الصناعي يتطوران باستمرار. تقدم غوغل تحسينات مستمرة لتحسين فهمها للصور ومحتواها. لذا، يُفضل متابعة التحديثات والتقنيات الجديدة للحفاظ على تصدر صور موقعك في نتائج البحث.

سيو الصور ليس مقتصر على كتابة بعض العلامات البديلة alt tags 

قد يثير بعض الأفراد شكوكًا حول أهمية علامات “Alt Tags” في ضوء التقدم الذي حققته Google مؤخرًا في مجال التعلم الآلي AI. تبدو العلامات البديلة Alt Tags غير ضرورية. على سبيل المثال، سنلقي نظرة على ما يحدث عند تحميل صورة لقطة باستخدام واجهة برمجة التطبيقات “Cloud Vision” من Google، وهي أداة للتعرف على الصور بواسطة التعلم الآلي.

فيما يتعلق بتحسين محركات البحث للصور، يمكن للتقنية التي تقدمها Google أن تتعرف بدقة شبه مثالية على محتوى الصورة، وتفهم تفاصيلها بشكل مذهل. هذا مذهل بالفعل.

لذا، ما هو الغرض من إضافة علامات “Alt Tags” إذا كان Google قادرًا على فهم محتوى الصور بشكل متقدم؟ هل تصبح أهمية تحسين محركات البحث للصور غير ذات قيمة؟ بالتأكيد لا.

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

1- قدم الأسماء الصحيحة للصور

هذا ما تشير إليه Google بشأن أفضل الممارسات لتحسين أسماء الصور:

قد يوفر اسم الملف أو الصور الكثير من القيمة لدى Google. على سبيل المثال، يعتبر اسم ملف مثل “my-new-black-kitten.jpg” أفضل بكثير من “IMG00023.JPG”.

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

ولكن في الوقت نفسه، بالنظر إلى التطورات الجديدة التي أحرزتها Google في مجال التعلم الآلي وقدرتها الحالية على التعرف على محتوى الصور، هل لا تزال هذه النصائح ذات أهمية حقيقية؟

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

فيما يلي بعض الأمثلة على الممارسات الجيدة لتحسين محركات البحث للصور، والتي ترغب جوجل ومحركات البحث الأخرى في رؤيتها داخل صور موقعك:

جيد: dog.jpg
سيئ: dog-puppy-pup-pups-puppies.jpg

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

2- استخدام نصوص بديلة وتعليقات واضحة للصور

النص البديل (Alt Text) يصف محتوى الصورة، وهو ما يُعرضه المتصفح للمستخدمين الذين يستخدمون شاشات قراءة الشاشة. يُعرض النص البديل أيضًا في حالة عدم قدرة المستخدمين على عرض الصور لضمان فهمهم للمحتوى.

إليك مثال واضح على كيفية تضمين النص البديل في شيفرة HTML:

“`html
<img src=”puppy.jpg” alt=”Dalmatian puppy playing fetch”/>
“`

هذا المثال يأتي مباشرة من الإرشادات الرسمية لـ Google. يُظهر النص البديل هنا بشكل مثالي وواضح.

تستخدم Google النص البديل مع خوارزميات رؤية الكمبيوتر ومحتوى الصفحة لفهم محتوى الصورة. […] عندما تختار نصًا بديلًا، ركّز على إنشاء محتوى مفيد وغني بالمعلومات، واستخدم الكلمات الرئيسية بشكل مناسب وفي سياق محتوى الصفحة. تجنب ملء سمات النص البديل بالكلمات الرئيسية (ما يُعرف بـ حشو الكلمات الرئيسية) لأنه قد يؤدي إلى تجربة سلبية للمستخدم وقد تُصنف موقعك على أنه غير مرغوب فيه “سبام”.

– ومع ذلك، إليك خدعة احترافية تعمل تقريبًا بشكل مثالي دائمًا: استخدم هذه الجملة:

“This is a(n) image/screenshot/photograph/drawing of __________.”

– قم بإزالة أي روابط أو تعابير غير ضرورية (مثل “a” أو “an”) من الجملة الناتجة، واستخدم الجزء الأخير لكتابة النص البديل. وفيما يلي بعض الأمثلة:

“This is a photograph of a chocolate cheesecake.”

“`html
<img src=”chocolate-cheesecake.jpg” alt=”Chocolate cheesecake”/>
“`

“This is a drawing of my cat, Mark, playing with his toys.”

“`html
<img src=”mark-the-cat.jpg” alt=”My cat, Mark, playing with his toys”/>
“`

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

“`html
<img src=”battery-tender.jpg” alt=”Battery tender (022-0186G-DL-WH)”/>
“`

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

استخدم أداة “Ahrefs Site Audit” للبحث عن جميع الصور على موقعك التي لا تحتوي على نص بديل.

Site Audit > project > Resources > Images > Missing alt text

“تستخرج Google معلومات حول موضوع الصورة من محتوى الصفحة، بما في ذلك التعليقات التوضيحية Captions وعناوين الصور. لذا، حاول دائمًا وضع الصور بالقرب من النص المتعلق وعلى الصفحات ذات الصلة بمحتوى الصورة.”

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

3- اختيار نوع الصور الأنسب

تختلف امتدادات الصور على الويب إلى ثلاثة أنواع رئيسية: JPEG وPNG وGIF.

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

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

أن امتداد الصورة JPEG يفوز بفارق كبير. حيث يحتوي على أصغر حجم للملف، ولا يوجد فارق كبير في جودة الصورة مقارنة بالامتدادات الأخرى. فهل دائماً يكون JPEG هو الاختيار الأمثل؟ بالتأكيد لا.

بشكل عام، تُعتبر ملفات JPEG هي الخيار الأمثل للصور الفوتوغرافية، في حين تُفضل ملفات PNG للرسومات والخطوط والنصوص، وهكذا. أما ملفات GIF فهي تُستخدم بشكل أفضل للصور المتحركة.

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

– Skitch (لأجهزة Mac)
– Monosnap (لأجهزة Mac وWindows)
– Lightshot (لأجهزة Mac وWindows)

لاحظ أن هناك أيضًا امتداد صور جديد يُعرف باسم WebP. هذا التنسيق يُضغط الصور بشكل كبير وبشكل أفضل من JPEG وPNG. ولكن في الوقت الحالي، يتم دعمه فقط من قبل متصفحات Chrome وOpera.

4 – تغيير حجم الصور وفقًا لأبعاد الموقع

دعنا نلقي نظرة على مدونة ما على شاشة بقياس 27 بوصة:

هل لاحظت وجود المساحة البيضاء على جانبي المحتوى؟ هذا بسبب أن العرض الأقصى لمحتوى المدونة هو 720 بكسل. بمعنى آخر، بغض النظر عن حجم الشاشة، لا تُعرض الصور أبدًا على عرض يتجاوز 720 بكسل.

الآن، كلما زادت وحدات البكسل في صورتك، زاد حجم الملف.

سيقوم المتصفح بتغيير حجم الصور التي تتجاوز 720 بكسل لتتلائم مع عرض الشاشة (على الأقل مع مواقع الويب المستجيبة بشكل جيد). ولكن الأهم من ذلك هو أن المتصفح لا يزال يجب أن يحمل الصورة بكامل حجمها. بمعنى آخر، إذا رفعنا صورة بعرض 6000 بكسل، فسيجب على المتصفح تحميل الصورة كاملة الحجم على الرغم من أنها تم عرضها بعرض 720 بكسل. هذا قد يؤثر سلبًا على السرعة.

الحلا هو تغيير حجم الصور وتحميلها بأكبر عرض تحتاجه. ولكن عليك أن تعلم أن هذا الحجم قد لا يُعرض بعرض 720 بكسل، وذلك حسب تصميم موقعك. الخطوة الأولى هي معرفة هذا. يمكنك القيام بذلك باستخدام أكواد CSS المخصصة لموقعك.

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

 

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

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

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *