خصوصیت Alt چیست؟
به شرح یا متنی که موضوع تصویر را در سایت توضیح می دهد، خصوصیت Alt گفته می شود. اگر در هنگام بارگذاریِ صفحه ای از یک سایت، به هر دلیلی (سرعت پایین اینترنت، اشکال در آدرس تصویر و ...) تصویر موجود در آن لود نشود، این توضیح (خصوصیت Alt) به عنوان جایگزین تصویر، مفهوم و عملکرد تصویر را به کاربر نشان می دهد. به همین سبب نام Alt یا متن جایگزین (Alteative text) را برای آن در نظر گرفته اند. همچنین این ویژگی با عناوین دیگری مانند «Alt attribute» و « Alt text» و «Alt description» نیز شناخته می شود. این تگ به عنوان یک ویژگی کاربردی به برچسب تصویر در HTML اضافه می شود تا به موتورهای جستجو کمک کند که مفهوم تصاویر را بهتر درک کنند.
جالب است بدانید که این ابزار به افراد نابینا و کم بینا هم کمک می کند. این افراد معمولا از مرورگرهایی استفاده می کنند که دارای قابلیت بازگویی آنلاین مطالب هستند و یا با استفاده از دستگاه های صفحه خوان (Screen reader) صفحه ای از سایت را بررسی می کنند. بدین ترتیب خصوصیت Alt کمک می کند تا نابینایان هم مفهوم تصاویر را دریافت کنند.
کد HTML خصوصیت Alt یک تصویر به این صورت نوشته می شود:
<img title="“image" src="“image.jpg”" alt="“image" />
بخش های کد HTML خصوصیت Alt
این کد از سه بخش تشکیل شده است که هر بخش کاربرد متفاوتی دارد:
img title : عنوان تصویر را نشان می دهد. شما هر عنوانی را که برای تصویرتان در نظر گرفته باشید باید در این قسمت از کد بنویسید.
alt : شما باید خصوصیت alt موردنظرتان را در این قسمت از کد و درست بین دو علامت نقل قول قرار دهید.
img src : آدرس محل ذخیره ی تصویر را باید در این قسمت از کد جای دهید.
هرچند ازنظر تکنیکی، در یک تصویر ویژگی هایی مثل Alt و عنوان، تگ محسوب نمی شوند اما معمولا با نام «تگ» شناخته می شوند. وقتی شما نشانگر موس را روی عکس قرار می دهید، می توانید تگِ عنوان را مشاهده کنید. این تگ می تواند به عنوان یک راهنما برای عکس و یا یک پیشنهاد جذاب برای کاربر باشد، پیشنهادی که او را به کلیک روی عکس تشویق کند. در حالت دوم این تگ درواقع به عنوان ابزاری برای فراخوان یک عمل (Call to Action) در سایت قرار می گیرد.
شرکت طراحی سایت
خصوصیت Alt چه تاثیری بر سئو سایت دارد؟
برای آن که تصاویر یک سایت توسط موتورهای جستجو بهتر درک شوند، به خصوصیت Alt احتیاج دارند. به همین خاطر خصوصیت Alt بر بهبود سئوی یک سایت بسیار موثر خواهد بود چراکه کمک می کند تا موتورهای جستجو با درک بهتر مفهوم عکس و محتوای سایت، آن را در جایگاه بهتری در صفحه نتایج قرار دهد. اهمیت این موضوع تا جایی است که گوگل، سرویس Google image را بر پایه ی خصوصیت Alt ایجاد کرده است. اگر هم از سیستم تولید محتوای وردپرس استفاده کنید، افزونه یوآست سئو (Yoast SEO) قبل از بارگذاری محتوا به شما توصیه می کند که حداقل از یک خصوصیت Alt استفاده کنید و بهتر است این خصوصیت شامل کلمه کلیدی باشد. چراکه خزنده (Spider)های موتور جستجو با کمک خصوصیت Alt راحت تر می توانند مفهوم تصاویر را index کنند.
شما متناسب با محتوای سایتتان باید از عکس هایی باکیفیت استفاده کنید و در تگ های توصیفیِ این عکس ها، کلمات کلیدی را به شکل مناسبی به کار ببرید. درصورتی که محتوای تصویرتان به جزییات زیادی می پردازد، بهتر است که از تگ های توصیفی طولانی استفاده کنید. این گونه تگ ها علاوه بر اینکه برای به کارگیری مناسب کلمات کلیدی دستتان را باز می گذارد برای درک تصویر و محتوا هم به موتورها جستجو کمک بیشتری می کنند. اگرچه استفاده از کلمات کلیدی در خصوصیت Alt ضروری است اما به هیچ عنوان توصیه نمی شود که در تمامی تگ ها و بیش ازحد لزوم از آن ها استفاده کنید. به علاوه برای نوشتن خصوصیت Alt نیازی نیست که در ابتدای عبارتِ توصیفی موردنظرتان از «تصویر یک ...» یا «عکس یک ...» استفاده کنید. زیرا موتورهای جستجو با شناسایی این تگ به طور خودکار درمی یابند که شما از یک تصویر استفاده کرده اید. بنابراین نیازی به استفاده از چنین عبارت هایی نیست.
ساخت سایت
چگونه یک خصوصیت alt اثربخش برای سئو ایجاد کنیم؟
هنگام استفاده از خصوصیت alt تصویر، مهم است که اطلاعات متنی بیان شود تا کاربران در نمایش تصویر مشاهده کنند و صرفا برای دادن یک لیبل به تصویرتان نباشد. یکی از توصیه های گوگل این است که تا آنجایی که ممکن است آنها را برای کاربران نهایی مفید کنید. در ادامه لیستی از نکات در مورد چگونگی اینکه می توانید یک متن alt (خصوصیت alt) مؤثر ایجاد کنید، آمده است.
- متن را کوتاه و ساده نگه دارید؛
بهترین گزینه این است که از یک متن alt تصویر کوتاه و دقیق استفاده کنید. اگر از تصویری استفاده می کنید که مربوط به متن مقاله شماست، بهتر است از تگ توصیفی تر استفاده کنید.
- می توانید موضوع صفحه را در متن alt ذکر کنید؛
یکی از مؤثرترین راه هایی که گوگل در مورد موضوع صفحه شما و افزایش رتبه بندی آن در موتورهای جستجو بیان می کند متن alt است. بنابراین اگر صفحه شما در مورد استراتژی بازاریابی است در نتیجه یک مزیت سئو خواهد بود که صفحه شامل یک تصویر از بازاریابی با متن alt مانند ‘alt=”Marketing”‘ داشته باشد.
- متن احاطه شده در تصویر را در نظر بگیرید؛
موقعیت تصاویر با خصوصیت alt تصویر در نزدیکی متن مناسب کمک خواهد کرد که یک تجربه قابل فهم را برای بازدیدکنندگان غیر بصری ایجاد کند.
- با به کار بردن کلمات کلیدی، وبسایت شما رتبه بهتری در موتورهای جستجو می گیرد؛
با استفاده از کلمات کلیدی وبسایت خود، کمک به افزایش رتبه تصاویر کنید. اما مراقب باشید تا با بد به کار بردن آنها به سئوی خود آسیب نزنید.
- از به کار بردن بیش از حد کلمات کلیدی (keyword stuffing) دوری کنید؛
گوگل و سایر موتورهای جستجو این نوع کارها را دوست ندارند؛ بنابراین بهتر است که از این کار اجتناب کنید. یک توصیف ساده بر روی تصویر خود کافی است و از هر نوع پنالتی شدن در گوگل اجتناب خواهد کرد.
طراحی سایت شرکتی
تاثیر تگ Alt بر سئو سایت
گوگل برای تگ های Alt تصاویر، ارزش نسبتاً بالایی در نظر گرفته است. این ارزش گذاری به دلیل فهم آسان تر تصاویر و تعیین موضوع محتوای پیرامون آنها صورت می گیرد. همانطور که قبلاً بارها اشاره کردیم این ارزش گذاری به قدری جدی است که گوگل سرویس Google Image را به آن اختصاص داده است. همچنین، افزونه Yoast SEO محتوای وب سایت را پیش از بارگذاری بررسی کرده و معمولاً توصیه می کند که حداقل یک تصویر به همراه تگ Alt (متشکل از کلمه کلیدی) باید در محتوا وجود داشته باشد. به این ترتیب، در صورت نبود تصویر در محتوا یا استفاده نکردن از تگ Alt، به شما اطلاع می دهد.
با این حال، افزونه Yoast تنها یک ماشین پردازش است و از مفهوم محتوای شما آگاهی ندارد. وجود کلمه کلیدی در تگ های Alt اگرچه الزامی است، اما به معنای استفاده بیش از اندازه آن ها در تمام تگ ها نیست. شما به عکس هایی مناسب، باکیفیت و مرتبط با محتوای خود نیاز دارید که در تگ های توصیفی شان به نوعی از کلمات کلیدی استفاده کنید. با این حال، گاه محتوای تصویر به قدری به جزئیات می پردازد که اجازه استفاده از کلمات کلیدی کوتاه و کلی را به شما نمی دهد. با این وجود استفاده از تگ های Alt طولانی و توصیفی هم شانس استفاده بهتر از کلمه کلیدی را افزایش می دهد و هم در فهم تصویر و محتوا برای موتورهای جستجوگر مؤثر است. طراحی سایت تهران
تگ Alt و تگ عنوان در وردپرس
اگر از وردپرس برای مدیریت محتوای وب سایت و وبلاگ خود استفاده می کنید، می توانید از قابلیت های در نظر گرفته شده برای تگ عنوان و تگ Alt تصاویر بهره گیرید. وردپرس به طور پیش فرض نامی که تصاویر با آن ذخیره می شوند را برای تگ عنوان یا نام تصویر در مطلب در نظر می گیرد که در صورت عدم ارتباط آن با محتوا می بایست این نام را تغییر دهید.
همچنین، تصاویر ذخیره شده در دوربین های عکاسی نیز با نام هایی نظیر DCMIMAGE10.jpg ذخیره می شوند که نام آنها باید متناسب با محتوای شما تغییر کنند. پس از تنظیم عنوان، اگر هیچ متن مناسبی برای تگ Alt در نظر ندارید، بهتر است همان عنوان عکس را در قسمت متن جایگزین (همان تگ Alt) کپی کنید. اگرچه این کار چندان توصیه نمی شود، اما بهتر از خالی گذاشتن این قسمت است.
جمع بندی: خصوصیت alt چیست؟
همان طور که به طور کامل توضیح داده شد استفاده از خصوصیت Alt مزایای بسیاری برای سایت و کاربران دارد، مزایایی مانند درک بهتر محتوا توسط موتورهای جستجو و بهبود دسترسی افراد نابینا به سایت. بنابراین بهتر است همواره از این ویژگی به بهترین نحو بهره ببرید. در آخر ذکر این نکته ضروری است که اگر قصد دارید از تصاویری استفاده کنید که جنبه تزیینی دارند و قرار نیست مفهوم خاصی را به مخاطب منتقل کند، بهتر است به جای آنکه این تصویر را در میان کدهای HTML قرار دهید، در بین کدهای CSS از آن استفاده کنید.
فیش BNC پرسی
