چگونه ناوبری٬ سایت شما را در دسترس‌تر می‌کند؟
منظور ما از "ناوبری" چیست؟
در اینجا منظور از "ناوبری" میزان دسترسی‌پذیری وب‌سایت یا اپلیکیشن شما برای همه کاربران است. به‌ویژه کاربرانی که از فناوری‌های کمکی مانند صفحه‌خوان‌ها و دستگاه‌های ورودی غیر از ماوس استفاده می‌کنند و باید بتوانند به راحتی صفحات شما را مرور کنند.
به‌عبارت دیگر، "ناوبری" تضمین می‌کند که همه کاربران، بدون در نظر گرفتن مرورگر یا هر گونه محدودیت جسمی، قادر به دسترسی به محتوای صفحه باشند. اگر صفحات شما به‌راحتی قابل پیمایش نباشند، کاربران دچار مشکل خواهند شد و امکان دسترسی به محتوای شما را از دست می‌دهند.
نکته مهم: ما در اینجا درباره ساختار سایت یا لینک‌های موجود در هدر، منوی همبرگری یا سایر منوهای سایت صحبت نمی‌کنیم. برای اطلاعات بیشتر در این زمینه، می‌توانید راهنمای ما درباره ساختار سایت در سئوی بین‌المللی را مطالعه کنید.
نقش ناوبری سایت در سئو
طبق آمار جهانی، حدود ۱۵٪ از مردم نوعی معلولیت دارند و از این تعداد، نزدیک به ۱۹۰ میلیون نفر دارای "معلولیت‌های جدی" هستند. سازمان بهداشت جهانی تخمین می‌زند که ۲.۲ میلیارد نفر در جهان نوعی نقص بینایی دارند.
همان‌طور که در بررسی تأثیر Core Web Vitals در رتبه‌بندی موتورهای جستجو گفتیم، گوگل تلاش می‌کند مرتبط‌ترین و بهترین اطلاعات را پیدا کرده و نمایش دهد. به همین دلیل، تجربه کاربری (UX)، دسترس‌پذیری و سئو کاملاً در هم تنیده شده‌اند.
چه عواملی بر ناوبری تأثیر می‌گذارند؟
برای بررسی میزان دسترس‌پذیری ناوبری سایت، باید این موارد را در نظر بگیرید:
-
مقادیر "accesskey"
-
لینک‌های پرش (Skip links) و بخش‌های مهم (Landmark sections)
-
ویژگی‌های "id"
-
هدرهای HTML
-
مقادیر "tabindex"
"accesskey" چیست؟
Accesskey یک ویژگی HTML است که امکان انتخاب سریع یک عنصر را از طریق کلید میانبر فراهم می‌کند. برای مثال:
<a href="seofra.com" accesskey="w">SEOAR</a>
در این مثال، کاربر می‌تواند با فشردن Alt + W در ویندوز (یا Alt + Ctrl + W در مک) روی لینک فوکوس کند و سپس با Enter وارد سایت شود.
مشکل: اگر چند عنصر در صفحه مقدار "accesskey" یکسانی داشته باشند، ممکن است مرورگر نتواند تشخیص دهد کاربر کدام عنصر را می‌خواهد انتخاب کند. برای جلوگیری از این مشکل، هر مقدار accesskey باید منحصربه‌فرد باشد.
لینک‌های پرش و بخش‌های مهم
لینک‌های پرش (Skip Links)
این لینک‌ها به کاربران امکان می‌دهند به‌سرعت از قسمت‌های غیرضروری (مثل منوها) عبور کرده و مستقیماً به محتوای اصلی صفحه برسند.
بخش‌های مهم (Landmark Regions)
این عناصر HTML (مانند <main>, <nav>, <aside>) به کاربران کمک می‌کنند سریع‌تر به بخش مورد نظرشان در صفحه دسترسی پیدا کنند.
ویژگی "id" در HTML
ویژگی id برای اختصاص یک شناسه یکتا به عناصر استفاده می‌شود. برای مثال:
<button id="button1">ارسال</button>
اگر دو عنصر یک id یکسان داشته باشند، ممکن است صفحه‌خوان‌ها یا اسکریپت‌های جاوااسکریپت دچار مشکل شوند و رفتار غیرمنتظره‌ای را در صفحه ایجاد کنند. بنابراین، هر مقدار id در یک صفحه باید منحصربه‌فرد باشد.
ترتیب صحیح هدرهای HTML
هدرها (<h1> تا <h6>) ساختار صفحه را مشخص می‌کنند. ترتیب نادرست آن‌ها باعث ایجاد مشکلات در خواندن محتوا توسط صفحه‌خوان‌ها و درک نادرست کاربران می‌شود. همیشه از یک ترتیب منطقی نزولی (از <h1> به <h6>) پیروی کنید.
مقدار "tabindex"
tabindex ترتیب فوکوس عناصر هنگام ناوبری با صفحه‌کلید را مشخص می‌کند. برای مثال:
<input type="text" tabindex="1">
مشکل: مقدار tabindex بزرگ‌تر از ۰ می‌تواند باعث ایجاد مشکلاتی در پیمایش صفحه شود. کاربران مجبور می‌شوند ابتدا از همه عناصر با مقدار tabindex بالاتر عبور کنند. بهترین روش این است که از تعیین مقدار tabindex اجتناب کنید.
همپوشانی سئو و دسترس‌پذیری
درحالی‌که سئو و دسترس‌پذیری اهداف متفاوتی دارند، اما در بهینه‌سازی سایت همپوشانی زیادی دارند. اطمینان از اینکه همه کاربران بتوانند صفحات شما را مرور کرده و به محتوا دسترسی داشته باشند، باید یکی از اصول اساسی سئو باشد. گوگل به دنبال ارائه بهترین تجربه ممکن به کاربران است و به همین دلیل، اهمیت دسترس‌پذیری سایت را نادیده نمی‌گیرد.