كيفية إضافة رابط تشعبي إلى صورة في WordPress

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

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

لماذا نربط الصورة؟

إضافة رابط تشعبي إلى صورة مفيد في كثير من تنسيقات المواقع الشائعة:

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

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

قبل أن تبدأ

تأكد من أن لديك بالفعل:

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

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

كيفية إضافة رابط تشعبي إلى صورة في محرر الكتل في WordPress

تستخدم معظم مواقع WordPress الحديثة محرر الكتل، المعروف أيضاً باسم Gutenberg. العملية مباشرة.

1. افتح الصفحة أو المقالة

من لوحة تحكم WordPress، انتقل إلى الصفحة أو المقالة التي تريد أن يظهر فيها رابط الصورة.

2. أدرج كتلة الصورة أو حدّدها

إذا لم تكن الصورة موجودة بالفعل في الصفحة:

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

إذا كانت الصورة موجودة بالفعل في الصفحة، فانقر عليها مرة واحدة لتحديد الكتلة.

3. أضف الرابط

عندما يتم تحديد كتلة الصورة، ابحث عن أيقونة الرابط في شريط أدوات الكتلة.

• انقر زر الرابط
• الصق أو اكتب عنوان الوجهة
• اضغط Enter أو طبّق الرابط

وبحسب إصدار WordPress والقالب المستخدم، قد ترى أيضاً خيارات للربط إلى:

• ملف الوسائط
• صفحة المرفق
• عنوان مخصص
• بدون

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

4. عدّل سلوك الرابط إذا لزم الأمر

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

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

5. احفظ الصفحة أو حدّثها

انقر تحديث أو نشر أو حفظ المسودة للاحتفاظ بالتغييرات.

كيفية ربط صورة في المحرر الكلاسيكي

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

1. أدرج الصورة

انقر إضافة وسائط وضع الصورة داخل منطقة المحتوى.

2. حدّد الصورة

انقر الصورة حتى يظهر شريط الأدوات الخاص بالتحرير.

3. افتح إعدادات الرابط

اختر خيار الرابط من شريط أدوات الصورة أو من لوحة تفاصيل الصورة، بحسب إعداداتك.

4. أدخل عنوان الوجهة

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

5. حدّث المقالة أو الصفحة

احفظ عملك حتى يصبح رابط الصورة نشطاً في الموقع المنشور.

أفضل الممارسات للصور المرتبطة

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

اجعل الوجهة واضحة

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

استخدم نصاً بديلاً وصفياً

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

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

اجعل الصور المهمة قابلة للنقر على الأجهزة المحمولة

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

تجنب ربط محتوى غير مرتبط

لا ترسل الزائرين من موضوع إلى شيء مختلف تماماً. الروابط غير المتطابقة تقلل الثقة وتضعف التحويلات.

استخدم الصور المرتبطة باعتدال

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

اجمع بين الصور ونص داعم

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

حالات استخدام شائعة لمواقع الأعمال

يمكن للصور المرتبطة أن تدعم أهداف موقع الشركة الصغيرة بعدة طرق.

التنقل في الصفحة الرئيسية

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

الترويج للمنتجات والخدمات

يمكن للصور في صفحات الهبوط أن تنقل الزائرين إلى عمق أكبر في مسار المبيعات.

تعزيز التفاعل مع المدونة

يمكن للصور المميزة أن ترتبط بمصادر ذات صلة أو دراسات حالة أو مقالات داخلية.

توليد العملاء المحتملين

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

بناء الثقة

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

استكشاف المشكلات الشائعة وإصلاحها

إذا لم تعمل الصورة المرتبطة كما هو متوقع، فتحقق مما يلي:

تم إدخال عنوان وجهة خاطئ

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

الصورة مرتبطة بصفحة المرفق بدلاً من الصفحة الصحيحة

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

لم يتم حفظ تعديلات المحرر

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

يوجد مكوّن إضافي أو قالب يتداخل مع العمل

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

تبدو الصورة قابلة للنقر لكن لا يحدث شيء

قد يحدث هذا إذا كان عنصر آخر يغطي الصورة أو إذا أثّر كود مخصص على تخطيط الصفحة. افحص بنية الصفحة واختبرها في متصفح آخر.

نصائح لاستراتيجية الروابط لتحسين أداء الموقع

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

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

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

أفكار ختامية

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

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