متن جایگزین یا 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" />

خدمات وب24: طراحی سایت وردپرسی با کد نویسی اختصاصی

بخش های کد 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) مؤثر ایجاد کنید، آمده است.

 خدمات وب24: سئو و بهینه سازی سایت

• متن را کوتاه و ساده نگه دارید؛

بهترین گزینه این است که از یک متن alt تصویر کوتاه و دقیق استفاده کنید. اگر از تصویری استفاده می‌کنید که مربوط به متن مقاله شماست، بهتر است از تگ توصیفی تر استفاده کنید. 

• می‌توانید موضوع صفحه را در متن alt ذکر کنید؛

یکی از مؤثرترین راه‌هایی که گوگل در مورد موضوع صفحه شما و افزایش رتبه‌بندی آن در موتورهای جستجو بیان می‌کند متن alt است. بنابراین اگر صفحه شما در مورد استراتژی بازاریابی است در نتیجه یک مزیت سئو خواهد بود که صفحه شامل یک تصویر از بازاریابی با متن alt مانند ‘alt=”Marketing”‘ داشته باشد.

• متن احاطه شده در تصویر را در نظر بگیرید؛

موقعیت تصاویر با خصوصیت alt تصویر در نزدیکی متن مناسب کمک خواهد کرد که یک تجربه قابل فهم را برای بازدیدکنندگان غیر بصری ایجاد کند.

• با به کار بردن کلمات کلیدی، وبسایت شما رتبه بهتری در موتورهای جستجو می‌گیرد؛

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

• از به کار بردن بیش از حد کلمات کلیدی (keyword stuffing) دوری کنید؛

گوگل و سایر موتورهای جستجو این نوع کارها را دوست ندارند؛ بنابراین بهتر است که از این کار اجتناب کنید. یک توصیف ساده بر روی تصویر خود کافی است و از هر نوع پنالتی شدن در گوگل اجتناب خواهد کرد.

جمع‌بندی: خصوصیت alt چیست؟

همان‌طور که به‌طور کامل توضیح داده شد استفاده از خصوصیت Alt مزایای بسیاری برای سایت و کاربران دارد، مزایایی مانند درک بهتر محتوا توسط موتورهای جستجو و بهبود دسترسی افراد نابینا به سایت. بنابراین بهتر است همواره از این ویژگی به بهترین نحو بهره ببرید. در آخر ذکر این نکته ضروری است که اگر قصد دارید از تصاویری استفاده کنید که جنبه تزیینی دارند و قرار نیست مفهوم خاصی را به مخاطب منتقل کند، بهتر است به‌جای آنکه این تصویر را در میان کدهای HTML قرار دهید، در بین کدهای CSS از آن استفاده کنید.