كيف أجعل رقم الهاتف قابلًا للنقر في موقعي؟

ضع الرقم داخل رابط يبدأ عنوانه بـ tel: يليه الرقم بالصيغة الدولية، مثل tel:+966551234567، واجعل النص الظاهر مقروءًا مثل اتصل بنا 055 123 4567. في WordPress ومعظم أدوات بناء المواقع، أضف زرًا والصق عنوان tel: في حقل الرابط، ثم اختبر الزر على iPhone وعلى جوال Android للتأكد من أنه يفتح تطبيق الاتصال والرقم جاهز.

ما الصيغة الصحيحة لرابط wa.me؟

استخدم https://wa.me/ يليه رقمك الكامل بالصيغة الدولية بالأرقام فقط، مع رمز الدولة ودون علامة + أو مسافات أو أقواس أو شرطات أو صفر في البداية. ولإضافة رسالة جاهزة أضف ?text= والنص مرمّزًا. فمثلًا يفتح الرابط https://wa.me/966551234567?text=Hi محادثة مع هذا الرقم وكلمة Hi جاهزة للإرسال.

أين أضع زر الاتصال في موقع الجوال؟

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

هل أحتاج إلى WhatsApp Business لاستخدام زر WhatsApp؟

لا، فرابط wa.me يعمل مع أي رقم WhatsApp. لكن تطبيق WhatsApp Business المجاني يستحق الاستخدام لأنه يضيف ملفًا تجاريًا بساعات العمل والعنوان، ورسائل ترحيب وغياب تلقائية، وردودًا سريعة، وتصنيفات للمحادثات. واستخدم رقمًا مخصصًا للنشاط لتبقى المحادثات مع النشاط لا على جوال أحد الموظفين الشخصي.

كيف أتتبع النقرات على زر الاتصال؟

استخدم Google Tag Manager لإرسال حدث إلى GA4 عندما ينقر أحدهم على رابط يبدأ بـ tel:، وحدث ثانٍ للروابط التي تحتوي wa.me، ثم اجعلهما أحداثًا رئيسية في GA4. وإن كنت تعلن على Google Ads، فأنشئ تحويلًا للنقرات على رقمك في موقع الجوال، أو استخدم رقم إعادة توجيه من Google لاحتساب المكالمات الفعلية التي تتجاوز مدة دنيا.

ما الحجم المناسب لزر الاتصال بلمسة؟

استهدف 44 × 44 بكسل على الأقل. يحدد معيار WCAG 2.2 مساحة 24 × 24 بكسل CSS حدًا أدنى في المستوى AA، و44 × 44 في المستوى الأشد AAA، والأزرار بحجم الإبهام تقلل اللمسات الخاطئة. واجمع الحجم المناسب مع نص واضح وتباين ألوان قوي ومسافة كافية بين زرّي الاتصال وWhatsApp.

السيو المحلي وجلب العملاء

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

بقلم فريق ITCM · آخر تحديث نوفمبر 2026

زر الاتصال بلمسة هو رابط يبدأ بـ tel: يليه رقمك بالصيغة الدولية، وزر WhatsApp هو رابط إلى https://wa.me/ يليه رقمك مع رمز الدولة دون علامة + أو مسافات أو شرطات. ضع الزرين حيث يصل إبهام زائر الجوال بسهولة: شريط ثابت أسفل الشاشة، وزر واضح في الشاشة الأولى من كل صفحة خدمة. اجعل مساحة اللمس لكل زر 44 × 44 بكسل على الأقل، واكتب عليه نصًا واضحًا، وبيّن متى سيرد عليك أحد فعلًا، وتتبّع كل نقرة كتحويل لتعرف أي الصفحات تجلب لك العملاء.

أبرز النقاط

رابط الاتصال: tel:+966551234567 بالصيغة الدولية الكاملة.
رابط WhatsApp: https://wa.me/966551234567 بالأرقام فقط، مع رسالة جاهزة اختيارية عبر ?text=.
على الجوال، الشريط الثابت أسفل الشاشة بزرّي اتصال وWhatsApp متجاورين هو الأنسب لمعظم الأنشطة المحلية.
اجعل مساحة اللمس 44 × 44 بكسل على الأقل، واكتب نصًا واضحًا مثل اتصل الآن بدل الأيقونة وحدها.
تتبّع النقرات عبر Google Tag Manager وسجّلها أحداثًا رئيسية في GA4 وتحويلات في Google Ads.
اعرض ساعات العمل ووقت الرد، وفعّل رسالة الغياب في WhatsApp Business للمساء والعطلات.

لماذا تهم أزرار الاتصال وWhatsApp النشاط التجاري المحلي؟

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

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

كيف تضيف زر اتصال بلمسة باستخدام رابط tel:؟

زر الاتصال بلمسة رابط عادي يبدأ عنوانه بـ tel: بدل https://. عند لمسه على الجوال يفتح تطبيق الاتصال والرقم جاهز. أما على الكمبيوتر فقد يفتح تطبيق مكالمات أو لا يفعل شيئًا، لذلك لا تجعله الطريقة الوحيدة لرؤية رقمك.

اكتب الرقم بالصيغة الدولية مع علامة + ودون مسافات: tel:+966551234567.
اجعل النص الظاهر مقروءًا، مثل اتصل بنا 055 123 4567 أو اتصل الآن، لا الرابط الخام.
في WordPress، تتيح معظم أدوات بناء الصفحات حقل رابط للزر تلصق فيه tel:+966551234567 مباشرة.
اختبر الزر على iPhone وعلى جوال Android بعد كل تحديث للموقع.

كيف تنشئ رابط محادثة WhatsApp (wa.me)؟

تتيح ميزة النقر للدردشة في WhatsApp لأي شخص بدء محادثة مع رقمك دون حفظه في جهات الاتصال. صيغة الرابط هي https://wa.me/ يليها رقمك الكامل بالصيغة الدولية وبالأرقام فقط: دون علامة + أو أقواس أو شرطات أو صفر في البداية. لرقم سعودي مثل 0551234567 يصبح الرابط https://wa.me/966551234567.

ويمكنك إضافة رسالة جاهزة عبر ?text= يليها النص مرمّزًا للروابط (URL-encoded). تظهر الرسالة في خانة الكتابة لدى العميل ويستطيع تعديلها قبل الإرسال. اجعلها مناسبة للصفحة: صفحة صيانة المكيفات مثلًا قد تكتب مسبقًا مرحبًا، أريد عرض سعر لصيانة مكيف، فتعرف فورًا ما يريده العميل.

ويوفر تطبيق WhatsApp Business أيضًا رابطًا قصيرًا ورمز QR، وهما مفيدان للمطبوعات وملصقات السيارات.

أين تضع أزرار الاتصال وWhatsApp على الجوال؟

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

مكان الزر	الأنسب لـ	انتبه إلى
شريط ثابت أسفل الشاشة (جوال)	إبقاء الاتصال وWhatsApp ظاهرين في كل صفحة	ألا يغطي شريط ملفات تعريف الارتباط أو النماذج أو تذييل الصفحة
رقم الهاتف في رأس الصفحة	زوار الكمبيوتر ومن ينظر إلى أعلى الصفحة	صغير جدًا على الجوال؛ أبقِه لكن لا تعتمد عليه وحده
زر في القسم الافتتاحي	صفحات الخدمات وصفحات هبوط الإعلانات	التنافس مع أزرار كثيرة أخرى
فقاعة WhatsApp عائمة	الجمهور الذي يفضل المحادثة واستفسارات ما بعد الدوام	أن تخفي زر الاتصال أو تتداخل مع أداة دردشة أخرى

هل تعرض WhatsApp أم رقم الهاتف أم الاثنين معًا؟

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

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

كيف تتتبع النقرات على أزرار الاتصال وWhatsApp؟

التتبع يحوّل الأزرار من زينة إلى بيانات. الإعداد الشائع هو Google Tag Manager مع مشغّل نقر يعمل عندما يبدأ الرابط بـ tel: وآخر للروابط التي تحتوي wa.me، يرسل كل منهما حدثًا مستقلًا إلى GA4 (مثل call_click وwhatsapp_click). ثم اجعل هذين الحدثين أحداثًا رئيسية (Key events) في GA4 لتظهر في تقاريرك.

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

المشغّل الأول: رابط النقرة يبدأ بـ tel: فيُرسل call_click مع مسار الصفحة.
المشغّل الثاني: رابط النقرة يحتوي wa.me فيُرسل whatsapp_click مع مسار الصفحة.
اجعل الحدثين أحداثًا رئيسية في GA4 واستوردهما إلى Google Ads إن كنت تعلن.
تحقق في وضع المعاينة في GTM وعلى جوال حقيقي قبل الوثوق بالأرقام.

أين تدخل ساعات العمل وإعدادات WhatsApp Business؟

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

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

ماذا عن الخصوصية وإمكانية الوصول؟

قواعد إمكانية الوصول تنطبق على هذه الأزرار كما تنطبق على أي عنصر آخر. يحدد معيار WCAG 2.2 حدًا أدنى لمساحة اللمس قدره 24 × 24 بكسل CSS في المستوى AA، ويوصي بـ 44 × 44 بكسل في المستوى الأشد AAA؛ وللأزرار التي تُلمس بالإبهام فإن 44 بكسل هو الخيار الآمن. أعطِ أزرار الأيقونات نصًا أو اسمًا مقروءًا مثل اتصل بنا أو راسلنا على WhatsApp، وتأكد من تباين لون النص مع الخلفية عبر أداة فحص التباين المجانية.

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

أخطاء شائعة في أزرار الاتصال وWhatsApp

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

أرقام مكتوبة كصور أو نص عادي لا يمكن لمسه.
أرقام بالصيغة المحلية مثل tel:0551234567 قد تفشل مع الزوار أو التطبيقات التي تتوقع رمز الدولة.
روابط wa.me فيها علامة + أو مسافات أو صفر في البداية، فتفتح رسالة خطأ بدل المحادثة.
أزرار أيقونات دون نص، صغيرة يصعب لمسها، ولا تقرؤها برامج قراءة الشاشة.
شريط ثابت يغطي زر إرسال النموذج أو شريط ملفات تعريف الارتباط.
رقم في الموقع يختلف عن الرقم في ملف نشاطك التجاري على Google.
غياب التتبع، فلا أحد يعرف أي الصفحات تجلب المكالمات.

كيف تبني ITCM مواقع تجعل التواصل سهلًا

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

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

الأسئلة الشائعة

كيف أجعل رقم الهاتف قابلًا للنقر في موقعي؟: ضع الرقم داخل رابط يبدأ عنوانه بـ tel: يليه الرقم بالصيغة الدولية، مثل tel:+966551234567، واجعل النص الظاهر مقروءًا مثل اتصل بنا 055 123 4567. في WordPress ومعظم أدوات بناء المواقع، أضف زرًا والصق عنوان tel: في حقل الرابط، ثم اختبر الزر على iPhone وعلى جوال Android للتأكد من أنه يفتح تطبيق الاتصال والرقم جاهز.
ما الصيغة الصحيحة لرابط wa.me؟: استخدم https://wa.me/ يليه رقمك الكامل بالصيغة الدولية بالأرقام فقط، مع رمز الدولة ودون علامة + أو مسافات أو أقواس أو شرطات أو صفر في البداية. ولإضافة رسالة جاهزة أضف ?text= والنص مرمّزًا. فمثلًا يفتح الرابط https://wa.me/966551234567?text=Hi محادثة مع هذا الرقم وكلمة Hi جاهزة للإرسال.
أين أضع زر الاتصال في موقع الجوال؟: أكثر الأماكن موثوقية هو شريط ثابت أسفل الشاشة حيث يستقر الإبهام طبيعيًا، يضم زرّي الاتصال وWhatsApp جنبًا إلى جنب. وأضف زرًا ثانيًا واضحًا في الشاشة الأولى من كل صفحة خدمة. تأكد أن الشريط لا يغطي النماذج أو شريط ملفات تعريف الارتباط أو أزرارًا أخرى، وأن مساحة اللمس لكل زر 44 × 44 بكسل على الأقل.
هل أحتاج إلى WhatsApp Business لاستخدام زر WhatsApp؟: لا، فرابط wa.me يعمل مع أي رقم WhatsApp. لكن تطبيق WhatsApp Business المجاني يستحق الاستخدام لأنه يضيف ملفًا تجاريًا بساعات العمل والعنوان، ورسائل ترحيب وغياب تلقائية، وردودًا سريعة، وتصنيفات للمحادثات. واستخدم رقمًا مخصصًا للنشاط لتبقى المحادثات مع النشاط لا على جوال أحد الموظفين الشخصي.
كيف أتتبع النقرات على زر الاتصال؟: استخدم Google Tag Manager لإرسال حدث إلى GA4 عندما ينقر أحدهم على رابط يبدأ بـ tel:، وحدث ثانٍ للروابط التي تحتوي wa.me، ثم اجعلهما أحداثًا رئيسية في GA4. وإن كنت تعلن على Google Ads، فأنشئ تحويلًا للنقرات على رقمك في موقع الجوال، أو استخدم رقم إعادة توجيه من Google لاحتساب المكالمات الفعلية التي تتجاوز مدة دنيا.
ما الحجم المناسب لزر الاتصال بلمسة؟: استهدف 44 × 44 بكسل على الأقل. يحدد معيار WCAG 2.2 مساحة 24 × 24 بكسل CSS حدًا أدنى في المستوى AA، و44 × 44 في المستوى الأشد AAA، والأزرار بحجم الإبهام تقلل اللمسات الخاطئة. واجمع الحجم المناسب مع نص واضح وتباين ألوان قوي ومسافة كافية بين زرّي الاتصال وWhatsApp.

مقالات وخدمات ذات صلة

موقع إلكتروني وتطبيق جوال لنشاطك — نبنيهما مجانًا

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

اطّلع على العرض تدقيق مجاني لموقعك

→ جميع المقالات