آلت تکست لوگوها و دکمه ها چگونه باید باشد؟

 ویژگی آلت (alt attribute) برای لوگوها و دکمه ها با آلت تکست (alt text) استفاده شده برای انواع دیگر تصاویر متفاوت است. گوگل درباره راه درست انجام آن بحث می کند، که در ادامه به آن میپردازیم و نحوه استفاده صحیح آنها را باهم بررسی میکنیم.

مهمترین نکات استفاده از آلت تکست دکمه و لوگو

• روش‌ کار کردن برای لوگوها و دکمه‌ها با انواع دیگر تصاویر متفاوت است.
• در سئو هیچ ارزشی برای آلت تکست لوگو و دکمه وجود ندارد.
• آلت تکست صحیح برای لوگوها و دکمه ها می تواند مزایای طولانی مدتی برای کاربران و صاحبان سایت داشته باشد.

در پادکست  Search Off the Record، لیزی ساسمن و جان مولر از گوگل درباره بهترین راه مدیریت آلت تکست برای لوگوها و دکمه‌های مبتنی بر تصویر بحث می‌کنند.

روش های خوبی برای افزودن ویژگی های آلت به لوگوها و دکمه ها وجود دارد.

ممکن است قوانین در ابتدا کمی پیچیده به نظر برسند، اما فهمیدن آنها چندان هم سخت نیست.

دریافت درست ویژگی های آلت برای کاربران مفید است و برای کسب درآمد بالا در دراز مدت عالی است.

افزودن آلت تکست به تصاویر کاربردی

لیزی ساسمن (Lizzi Sassman) با ارجاع به تصاویر کاربردی بحث را شروع می کند،  این تصاویر هدف کاربردی در صفحه وب دارند.

او می پرسد که آیا آلت تکست باید توضیح دهد که دکمه چه کار می­کند؟ یا تصویر روی دکمه در حالی که فقط یک آیکون است، چیست.

و همچنین می پرسد که آیا هدفی از سئو برای افزودن آلت تکست به تصاویر کاربردی مانند دکمه ها وجود دارد یا خیر.

لیزی ساسمن:

همان اندازه که مراقب دارایی های بصری هستیم باید مراقب کلماتی که آن دارایی را توصیف می کنند هم باشیم. که به نظر من عالی است.

دسته دیگری از تصاویر، تصاویر کاربردی است که گاهی اوقات می تواند یک دکمه باشد.

بنابراین آیا آلت تکست باید به من بگوید که قرار است چه اتفاقی بیفتد؟

مثلا کلیک کنید، شما را به صفحه­ جدیدی می­برد؟

این می تواند مثل عکسی باشد که به عنوان یک دکمه هم عمل می کند.  

و آیا عملکرد آن را توضیح می‌دهید، یا مانند تصویر یک فلش، یا چیزی شبیه آن است؟

و همچنین آیا برای سئو مهم است؟

جان مولر پاسخ میدهد:

بله من فکر می کنم باید اینگونه باشد.

لیزی ساسمن:

می­تواند یک لوگو باشد.

جان مولر:

برای دسترسی، منطقی است که فقط کاری در اطراف آن انجام دهید.

اما برای سئو، مردم به دنبال دکمه پرداخت یا چیزی شبیه به آن نیستند.

آلت تکست روی دکمه‌ها برای در دسترس بودن هستند نه SEO

جان مولر واضح توضیح می­دهد که هیچ هدفی در سئو برای افزودن آلت تکست به دکمه ها وجود ندارد.

اما او مشاهده کرده که آلت تکست برای این نوع تصاویر عمدتاً به خاطر دسترسی مهم است. (منظور از دسترسی، در دسترس بودن برای صفحه خوان ها و ربات ها هست)

لیزی بحث را ادامه داد:

لیزی ساسمن:

اما شاید جستجوگران برای لوگو یا چیزی شبیه به لوگو جستجو انجام دهند، و وقتی روی آن کلیک می کنید، شما را به صفحه اصلی یا جای دیگر می­برد.

در حالی که همچنان یک لوگو هستند.

پس یعنی شما می گویید، « این لوگو مرکز جستجوی گوگل است. یعنی برای ربات های گوگل مهم است؟ 

جان مولر:

البته

لیزی ساسمن:

یا مانند متنی که توصیف می­کند.

مثلا ربات های گوگل به دنبال لوگو هستند، اما چیزی که در مورد تصویر اهمیت دارد این است که چه تصویری لوگو است؟

یا اینکه لوگو چه شکلی است؟

از این زاویه که می­بینم حدس میزنم ، مردم احتمالا فقط به دنبال لوگو هستند.

جان مولر:

بله

لیزی ساسمن:

شاید بپرسند آرم شرکت ایکس کدام است؟

جان مولر:

بله، منظورم این است که به نوعی به استراتژی برمی گردد که ما سعی می کنیم از آن دوری کنیم.

دنبال چه چیزی هستید؟

لیزی ساسمن:

بله، اما فکر می‌کنم این مهم‌ترین سوال است، زیرا در این صورت به نوعی مسئله حل میشود.

مسئله ای که باعث می­شود مخاطبی مثل من به دردسر بیوفتد، بنابراین به نوعی، به چیزهایی اولویت می دهد که باید به آنها فکر کنیم، زیرا لزوماً لازم نیست همه چیز را برای این تصاویر بنویسید. البته من حدس می زنم.

استفاده صحیح از آلت تکست در لوگوها و دکمه ها

روش صحیح استفاده از آلت تکست در تصاویری مانند لوگو در واقع به این بستگی دارد که آیا تصویر یک لینک است یا نه.

اگر تصویر لوگو به عنوان لینکی به صفحه اصلی عمل می کند، کار درست این است که آن تصویر را با همان عملکرد برچسب گذاری کنید، به طوری که بازدیدکننده ای که از صفحه خوان (screen reader) استفاده میکند متوجه شود این لوگو به صفحه اصلی لینک است.     

لینک لوگو صفحه اصلی

لوگویی که به عنوان لینک صفحه اصلی عمل می کند باید حاوی آلت تکست باشد، در این صورت به کاربر دارای صفحه خوان می گوید که لوگو به صفحه اصلی لینک است.

برای مثال برای صفحه اصلی فرارنک از این کد استفاده میکنیم:

کد بالا برای لوگویی است که ممکن است در بالای صفحه با آن روبرو شوید، این کد به عنوان لینکی به صفحه اصلی هم عمل می کند.

نمونه آلت تکست ارائه شده به سادگی می گوید: « صفحه اصلی فرارنک » اما اگر بخواهید آلت تکست می تواند توصیفی تر باشد.

لینک صفحه اصلی لوگو و متن

انواع دیگری از لینک­ های لوگو وجود دارد که در آن یک آرم تصویر و یک متن، درست در کنار یا زیر هم قرار گرفته­ اند تصویر و متن هر دو در یک کد لینک قرار دارند.

به عبارت دیگر، دو لینک جداگانه مانند یک لینک برای لوگو و یک لینک برای متن وجود ندارد، بلکه فقط یک لینک برای لوگو و متن با هم است.

در آن صورت، چون متن عملکرد لینک را توصیف می کند، توصیف عملکرد لینک لوگو تکراری خواهد بود. بنابراین برای این مورد بهترین روش استفاده از آلت تکست نال یا پوچ (null alt) است.

این مثالی است که W3C ارائه می دهد:

 W3C Home  

به نحوه کدگذاری ویژگی آلت برای تصویر توجه کنید:

img src="w3c.png" alt=""

علامت نقل قول خالی برای آلت تکست، صفت alt null (یا متن alt تهی) نامیده می شود. یک صفحه خوان به سادگی آن را رد می کند.

دلیل خوب بودن یک آلت تکست پوچ این است که متنی وجود دارد که آنچه در تابع پیوند هست را توصیف می­کند.

آلت تکست برای لینک آیکون

گاهی اوقات یک لینک به شکل نماد است، بدون متنی که توضیح دهد چه کاری انجام می دهد، برای مثال نمادی به شکل پاکت نامه (نماینده ایمیل یا پیام) یا پرینتر (که نشان می دهد لینک پرینتر را فعال می کند).

برای این وضعیت، توصیف تصویر (مانند پاکت نامه یا چاپگر) درست نیست.

بهترین روش، توصیف کاری است که تصویر انجام می دهد (ایمیل را شروع کنید یا یک صفحه وب را چاپ کنید).

W3C از مثال یک نماد چاپگر با کد زیر و آلت تکست استفاده می کند:

 همانطور که می بینید، نمادی به شکل پرینتر عبارت «Print this page» را به عنوان آلت تکست دارد. نشان می دهد که نماد چه کاری انجام می دهد، این آلت تکست مفید است.

آلت تکست برای یک دکمه

دقیقا مثل نماد، متن جایگزین برای یک تصویر دکمه، باید آنچه را که تصویر انجام می دهد توصیف کند.

W3C از مثال کادر جستجو استفاده می کند که یک ذره بین برای دکمه ارسال هم دارد.

راه اشتباه برای انجام این کار استفاده از آلت تکست برای توصیف این تصویر است، مثلا بنویسیم «تصویر یک ذره بین است».

بهترین روش استفاده از آلت تکست برای توصیف کارهایی است که دکمه انجام می دهد.

این کد نمونه ای است که W3C به عنوان مثال نشان می دهد:

همانطور که می بینید، آلت تکست برای دکمه جستجو کلمه «جستجو» است که عملکرد دکمه را توصیف می کند.

متن جایگزین برای دکمه ها و لوگوها

لیزی و جان وارد جزئیات نحوه رسیدگی به سناریوهای مختلف برای لوگوها و دکمه‌ها نشدند.

با این حال جان اشاره کرد آلت دکمه­­ ها و لوگو­ها هیچ ارزشی از نظر سئو ندارد، بلکه فقط برای دسترسی هستند.

ارائه مناسب صفحات وب، برای کاربرانی که با صفحه‌خوان‌ها به صفحات وب دسترسی دارند، کارآمد است.

همانطور که قبلاً ذکر شد، افرادی که از صفحه‌خوان‌ها استفاده می‌کنند می‌توانند مشتریان یا مدافعان کسب‌وکار یا وب‌سایت شما باشند.

بنابراین بهتر است که از بهترین شیوه های دسترسی استفاده کنید.

فرارنک

تیم فنی و آموزشی هی سئو با بیش از ۱۲ سال تجربه تمام دانش خود را به صورت صادقانه با شما عزیزان به اشتراک می گذارد.