شماره تلفن ها را به درستی پیوند دهید

هنگام بهینه‌سازی وب‌سایت خود برای دستگاه‌های تلفن همراه، نباید فقط روی اندازه‌های مختلف صفحه نمایش، زمان بارگذاری بهینه و ویژگی‌های خاص (مانند جلوه‌های شناور) تمرکز کنید، بلکه قابلیت‌های خاص دستگاه‌ها را نیز در نظر بگیرید. این شامل (برخی ممکن است فراموش کرده باشند) برقراری تماس تلفنی نیز می‌شود.


اتفاقاً پیشوند "+49" در ویژگی href توصیه می شود زیرا این امکان را برای مشتریان خارج از کشور فراهم می کند تا به اتصال تلفنی مناسب در آلمان دسترسی داشته باشند. از علامت گذاری زیر می توانید استفاده کنید تا وقتی روی تلفن ضربه می زنید ، شماره تلفن موجود در منطقه تماس با یک وب سایت را باز کند:

<a href="tel:+498921555122">089 21 555 122</a>

بنابراین برای اینکه کاربران دسک تاپ (که بدون پلاگین نصب شده اسکایپ نمی توانند کاری با برچسب HTML انجام دهند) گیج شوند ، علامت گذاری CSS زیر توصیه می شود تا پیوند به این شکل شناخته نشود:

a[href^="tel"] {
   cursor: default;
   text-decoration: none;
   color: #000;
}
@media only screen and (max-device-width: 480px) {
   a[href^="tel"] {
      text-decoration: underline;
      color: blue;
   }
}
بازگشت