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

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

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

فيما يلي نظرة عامة موجزة عما ستتعلمه في هذه المنشور:

تحسين صورك للسيو والسرعة

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

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

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

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

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

يمكنك معرفة المزيد في دليلنا المفيد حول كيفية تحسين الصور بشكل صحيح قبل رفع أي صور إلى موقعك الإلكتروني.

ما هو النص البديل؟

النص البديل هو سمة HTML تضاف إلى وسم img لعرض الصور على صفحات الويب. يبدو النص البديل كما يلي في كود HTML العادي:

<img src="/fruitbasket.jpeg" alt="A fruit basket" />

يسمح هذا لأصحاب المواقع الإلكترونية بوصف الصورة بنص عادي. والغرض الرئيسي من النص البديل هو تحسين إمكانية الوصول من خلال تمكين قارئات الشاشة من قراءة النص البديل للمستخدمين ضعاف البصر.

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

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

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

عادة، لا يظهر النص البديل على موقعك الإلكتروني.

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

ما هو الفرق بين النص البديل والعناوين؟

يتم استخدام النص البديل لسهولة الوصول سيو الصور، بينما يتم استخدام حقل العنوان داخليًا بواسطة ووردبريس لعمليات البحث عن الوسائط.

يدرج ووردبريس وسم alt في الكود المستخدم لعرض الصورة. ويخزَن وسم العنوان في قاعدة بيانات ووردبريس للبحث عن الصور وعرضها.

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

ما هو الفرق بين النص البديل والتسميات التوضيحية؟

يستخدم النص البديل لوصف الصورة لمحركات البحث وقارئات الشاشة. أما التسمية التوضيحية، فتستخدم لوصف الصورة لجميع المستخدمين.

النص البديل غير مرئي على موقعك الإلكتروني، بينما تظهر التسميات التوضيحية أسفل صورك.

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

كيفية إضافة نص بديل وعنوان وتسمية توضيحية إلى الصور في ووردبريس

النص البديل والعنوان والتسمية التوضيحية هي بيانات تعريفية (metadata) للصورة يمكنك إضافتها إليها عند رفعها على ووردبريس.

عندما تقوم بـ إضافة صورة باستخدام كتلة الصورة الافتراضية، يسمح لك ووردبريس بـ إضافة تسمية توضيحية ونص بديل لها.

يقوم ووردبريس تلقائيًا بإنشاء عنوان للصورة من اسم الملف.

يمكنك تغيير العنوان بتوسيع إعدادات مربع ‘الإعدادات المتقدمة’ للصورة. ستجد هنا حقل ‘سمة العنوان’ حيث يمكنك إضافة عنوانك الخاص للصورة.

يمكنك أيضًا تعديل وسم alt وعنوان الصور التي رفعتها مسبقًا إلى ووردبريس.

للقيام بذلك، انتقل إلى صفحة الوسائط » المكتبة وابحث عن الصورة التي تريد تعديلها.

بمجرد النقر على صورة سوف تظهر لك نافذة منبثقة تحتوي على تفاصيل المرفق.

هنا، يمكنك إدخال نص بديل وعنوان وتسمية توضيحية ووصف اختياري يتم عرضه على صفحة المرفق.

ملاحظة: لن يؤدي تغيير وسم alt أو التسمية التوضيحية للصورة عبر مكتبة الوسائط إلى تغييرها في المنشورات والصفحات التي تم استخدام الصورة فيها بالفعل.

متى تستخدم التسميات التوضيحية للصور في ووردبريس

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

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

تعد التسميات التوضيحية أكثر ملاءمة في الحالات التالية:

• صور عائلية أو صور مناسبة
• صور تحتاج إلى شرح إضافي لخلفية القصة
• معارض صور المنتجات

في معظم الحالات، سوف تكون قادر على شرح الصورة في محتوى المقالة نفسها.

استخدام All in One SEO لإدارة سيو الصور تلقائيًا (موصى به)

إضافة All in One SEO (AIOSEO) هي أفضل إضافة سيو ووردبريس في السوق، حيث يقوم امتداد Image SEO الخاصة بها تلقائيًا بتعيين نصك البديل، وعناوين الصور، والتسميات التوضيحية، وغيرها. كما ستضيف خريطة موقع مناسبة للصور، بالإضافة إلى ميزات السيو الأخرى لتحسين ترتيب موقعك في نتائج البحث.

أول ما عليك فعله هو تثبيت وتفعيل إضافة All in One SEO. لمزيد من التفاصيل، راجع دليلنا خطوة بخطوة حول كيفية تثبيت إضافة ووردبريس. لاستخدام ميزة سيو الصور، ستحتاج إلى باقة Plus أو أعلى.

بعد التفعيل، ستشغل الإضافة معالج الإعداد تلقائيًا. يمكنك معرفة كيفية تهيئة الإضافة في دليلنا حول كيفية إعداد All in One SEO بشكل صحيح.

الأن، انتقل إلى All in One SEO » Search Appearance، ثم انقر على علامة التبويب ‘Image SEO’. بعد ذلك، انقر على زر ‘Activate Image SEO’ لتفعيل ميزات سيو الصور المميزة.

تعيين عناوين الصور التلقائية باستخدام All in One SEO

عند الانتقال إلى علامة تبويب ‘Title’ في صفحة سيو الصور، يمكنك اختيار تنسيق العنوان باستخدام العلامات الذكية التي ستستخدم تلقائيًا لإنشاء سمات عنوان لصورك.

على سبيل المثال، سيؤدي إضافة وسم ‘+ Image Title’ إلى استخدام عنوان الصورة المستخدم في مكتبة وسائط ووردبريس تلقائيًا.

يمكنك أيضًا إضافة وسوم أخرى، مثل عنوان موقعك الإلكتروني، وإزالة Strip Punctuation من العنوان، وتغيير الأحرف الكبيرة.

إعداد نص بديل تلقائي باستخدام All in One SEO

بعد ذلك، يمكنك النقر على علامة تبويب “Alt Tag” لتنسيق النص البديل لصورك تلقائيًا.

بشكل افتراضي، سوف يستخدم AIOSEO ببساطة النص البديل من مكتبة الوسائط. يمكنك أيضًا، إن شئت، إضافة عنوان موقعك الإلكتروني ومعلومات أخرى إلى النص البديل لكل صورة على موقعك الإلكتروني.

تستطيع إضافة سيو الصور من All in One SEO أيضًا إنشاء تسميات توضيحية للصور تلقائيًا، وتعطيل صفحات المرفقات كما سنشرح لاحقًا، وغير ذلك الكثير.

ذات صلة: راجع دليلنا حول كيفية إنشاء نص بديل للصورة تلقائيًا في ووردبريس باستخدام الذكاء الاصطناعي.

كيفية تعطيل صفحات المرفقات في ووردبريس

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

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

لهذا السبب، ننصحك بتعطيل صفحات المرفقات على موقعك.

تعطيل صفحات المرفقات باستخدام All in One SEO

أسهل طريقة للقيام بذلك هي تثبيت وتفعيل إضافة All in One SEO المجانية. لمزيد من التفاصيل، راجع دليلنا خطوة بخطوة حول كيفية تثبيت إضافة ووردبريس.

بعد التفعيل، تعطل روابط المرفقات تلقائيًا. يمكنك أيضًا تعطيل صفحات المرفقات يدويًا في ووردبريس بزيارة صفحة All in One SEO » مظهر البحث والنقر على تبويب ‘ت.م.ب الصور’.

من هنا، تأكد من ضبط خيار ‘Redirect Attachment URLs’ على ‘Attachment’.

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

تعطيل صفحات المرفقات باستخدام الكود

يمكنك أيضًا تعطيل صفحات المرفقات بإضافة الكود إلى ملف functions.php الخاص بقالبك. الطريقة الأكثر أمانًا هي استخدام WPCode، وهو أشهر إضافات مقتطفات الكود، والذي يسهل إضافة مقتطفات الكود في ووردبريس.

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

أولًا، عليك تثبيت وتفعيل إضافة WPCode المجانية. لمزيد من التفاصيل، يرجى الاطلاع على دليلنا حول كيفية تثبيت إضافة ووردبريس.

بعد التفعيل، توجه إلى Code Snippets » + Add Snippet. ابحث في مكتبة المقتطفات للعثور على مقتطف ‘Disable Attachment Pages’.

عند تحريك مؤشر الماوس فوق المقتطف، سيظهر لك بعض الأزرار.

ما عليك سوى النقر على زر ‘Use snippet’، وسيتم إنشاء مقتطف جديد لك.

كل ما عليك فعله الأن هو تفعيل مفتاح ‘Active’ ثم النقر على زر ‘Update’. لقد نجحت الأن في تعطيل صفحات المرفقات.

كل ما عليك فعله الآن هو تبديل مفتاح ‘Active’ إلى وضع التشغيل، ثم النقر فوق زر ‘Update’. لقد قمت الأن بتعطيل صفحات المرفقات بنجاح.

إذا كنت على دراية بالكود، فيمكنك أيضًا القيام بذلك يدويًا عن طريق إضافة الكود التالي مباشرة إلى ملف functions.php الخاص بقالبك.

function dm_redirect_attachment_to_post () {
if ( is_attachment() ) {
global $post;
if( empty( $post ) ) $post = get_queried_object();
if ($post->post_parent)  {
    $link = get_permalink( $post->post_parent );
    wp_redirect( $link, '301' );
    exit();
    }
else    {
    // What to do if parent post is not available
    wp_redirect( home_url(), '301' );
    exit();
    }
}
}
add_action( 'template_redirect', 'dm_redirect_attachment_to_post' );

نصائح إضافية لتحسين سيو الصور

إضافة وسم بديل ليس الشيء الوحيد الذي يمكنك فعله لتحسين سيو الصور. إليك بعض النصائح الإضافية التي يجب مراعاتها عند إضافة الصور إلى منشورات مدونتك.

1. اكتب نص وصفي بديل

غالبًا ما يستخدم العديد من المبتدئين كلمة أو كلمتين فقط كنص بديل للصورة. هذا يجعل الصورة عامة جدًا ويصعب تصنيفها.

على سبيل المثال، بدلًا من ‘قطط صغيرة’ فقط، يمكنك استخدام ‘قطط صغيرة تلعب مع بطة مطاطية صفراء’.

2. استخدم أسماء ملفات وصفية لصورك

بدلاً من حفظ صورك بصيغة DSC00124.jpeg، عليك تسميتها بشكل صحيح. فكر في الكلمات المفتاحية التي سيكتبها المستخدمون في البحث للعثور على الصورة المحددة.

اختر أسماء أكثر دقة ووصف لملفات صورك. على سبيل المثال، the-modern-house.jpeg أفضل من house.jpeg فقط.

3. توفير السياق لصورك

يجب أن تكون صورك ذات صلة بالموضوع العام للمنشور أو الصفحة. ومن المفيد أيضًا وضع الصورة بالقرب من النص الأكثر صلة بمقالتك.

4. اتبع أفضل ممارسات السيو

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

5. استخدم الصور الفوتوغرافية والصور الأصلية

هناك العديد من مواقع الصور الفوتوغرافية المجانية التي يمكنك استخدامها للعثور على صور مجانية لمنشورات مدونتك. لكن مشكلة الصور الفوتوغرافية المجانية تكمن في استخدامها من قبل ألاف المواقع الإلكترونية.

حاول استخدام صور أصلية أو إنشاء صور عالية الجودة تضفي لمسة فريدة على مدونتك.

أدلة الخبراء حول تحسين صور ووردبريس

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

• كيفية تحسين الصور لتحسين أداء الويب دون فقدان جودتها
• كيفية إضافة الصور بشكل صحيح في ووردبريس (خطوة بخطوة)
• كيفية إضافة صور مميزة أو صور مصغرة للمنشورات في ووردبريس
• أدوات لإنشاء صور أفضل لمنشورات مدونتك
• إضافات ووردبريس رائعة لإدارة الصور (محدث)
• كيفية إنشاء معرض صور في ووردبريس (خطوة بخطوة)
• كيفية تحميل الصور بشكل بطيء بسهولة في ووردبريس
• كيفية إصلاح مشاكل الصور الشائعة في ووردبريس (دليل سهل)
• WebP مقابل PNG مقابل JPEG: أفضل صيغة صور في ووردبريس
• أين يخزن ووردبريس الصور على موقعك؟

نعلم أن معظم المدونين ليسوا مصورين أو مصممي جرافيك. لحسن الحظ، تتوفر بعض الأدوات الرائعة على الإنترنت لـ إنشاء رسومات لمواقعك الإلكترونية.

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