تکنولوژی / اخبار تکنولوژی / دوربین مداربسته

تکنولوژی / اخبار تکنولوژی / موبایل / دوربین / دوربین مداربسته

تکنولوژی / اخبار تکنولوژی / دوربین مداربسته

تکنولوژی / اخبار تکنولوژی / موبایل / دوربین / دوربین مداربسته

تکنولوژی / اخبار تکنولوژی / موبایل / دوربین / دوربین مداربسته / هایک ویژن

  • ۰
  • ۰

خصوصیت Alt

 

 

استفاده از تصاویر در صفحات مختلف سایت، علاوه بر زیبایی می تواند به انتقال بهتر مفهوم محتوای آن صفحه کمک کند. مهم‌تر از ایجاد جذابیت و درک بهتر محتوا برای کاربر، تصاویر می توانند تاثیر زیادی بر بهبود سئو و افزایش ترافیک سایت داشته باشند. به همین خاطر توجه به بهینه‌سازی تصاویر یکی از روش‌های کاربردی در سئو به شمار می‌آید. خصوصیت Alt یکی از ابزارهایی است که استفاده از آن در بهینه‌سازی تصاویر سایت بسیار کارآمد است. از مهم‌ترین مزایای به‌کارگیری خصوصیت Alt و تگ عنوان (title) می‌توان به بهبود رتبه محتوا در صفحه‌ی نتایج و در پی آن دسترسی بهتر کاربر به مطالب سایت اشاره کرد. ما در این مقاله قصد داریم درباره مفهوم خصوصیت Alt و تاثیر آن بر سئو سایت بیشتر بگوییم.

خصوصیت Alt چیست؟

به شرح یا متنی که موضوع تصویر را در سایت توضیح می‌دهد، خصوصیت Alt گفته می‌شود. اگر در هنگام بارگذاریِ صفحه‌ای از یک سایت، به هر دلیلی (سرعت پایین اینترنت، اشکال در آدرس تصویر و ...) تصویر موجود در آن لود نشود، این توضیح (خصوصیت Alt) به‌عنوان جایگزین تصویر، مفهوم و عملکرد تصویر را به کاربر نشان می‌دهد. به همین سبب نام Alt یا  متن جایگزین (Alternative 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 احتیاج دارند. به همین خاطر خصوصیت Alt بر بهبود سئوی یک سایت بسیار موثر خواهد بود چراکه کمک می‌کند تا موتورهای جستجو با درک بهتر مفهوم عکس و محتوای سایت، آن را در جایگاه بهتری در صفحه نتایج قرار دهد. اهمیت این موضوع تا جایی است که گوگل، سرویس Google image را بر پایه‌ی خصوصیت Alt ایجاد کرده است. اگر هم از سیستم تولید محتوای وردپرس استفاده کنید، افزونه یوآست سئو (Yoast SEO) قبل از بارگذاری محتوا به شما توصیه می‌کند که حداقل از یک خصوصیت Alt استفاده کنید و بهتر است این خصوصیت شامل کلمه کلیدی باشد. چراکه خزنده (Spider)های موتور جستجو با کمک خصوصیت Alt راحت‌تر می‌توانند مفهوم تصاویر را index کنند.
شما متناسب با محتوای سایتتان باید از عکس‌هایی باکیفیت استفاده کنید و در تگ‌های توصیفیِ این عکس‌ها، کلمات کلیدی را به شکل مناسبی به کار ببرید. درصورتی‌که محتوای تصویرتان به جزییات زیادی می‌پردازد، بهتر است که از تگ‌های توصیفی طولانی استفاده کنید. این‌گونه تگ‌ها علاوه بر اینکه برای به‌کارگیری مناسب کلمات کلیدی دستتان را باز می‌گذارد برای درک تصویر و محتوا هم به موتورها جستجو کمک بیشتری می‌کنند. اگرچه استفاده از کلمات کلیدی در خصوصیت Alt ضروری است اما به‌هیچ‌عنوان توصیه نمی‌شود که در تمامی تگ‌ها و بیش‌ازحد لزوم از آن‌ها استفاده کنید. به‌علاوه برای نوشتن خصوصیت 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 از آن استفاده کنید.

  • ۰۰/۰۱/۱۷
  • nima kvn

نظرات (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی