تگ alt چیست و چطور کار می کند؟

هنگامی که تصاویری را در وردپرس یا سایر سیستم ها جای گذاری می کنید علاوه بر توضیحات امکان نوشتن تگAlt   را هم دارید. در برخی شبکه های اجتماعی مثل اینستاگرام نیز به همین ترتیب. اما این تگ چیست و چه کاربردی دارد و چطور باید از آن استفاده کرد؟ برای پاسخ این سوالات تا انتهای مطلب همراه آژانس دیجیتال مارکتینگ تاس باشید.

پیشنهاد می کنیم مطالعه کنید: بهترین افزونه های انتقال محتوا

تگ Alt  چیست؟

متن Alt (متن جایگزین) ، همچنین به عنوان “ویژگی های alt” ، “توصیف های alt” یا از نظر فنی به عنوان “برچسب های alt” اشتباه شناخته می شود ، در یک کد HTML برای توصیف ظاهر و عملکرد یک تصویر در یک صفحه استفاده می شود. شما با استفاده از این قطعه کد تصویر را به زبان نوشته توصیف می کنید.

تگ Alt در موارد زیر کاربرد دارد:

1. افزودن متن جایگزین به عکس ها قبل از هر چیز یک اصل در دسترس بودن وب است. کاربران کم بینا که از صفحه خوان ها استفاده می کنند، برای درک بهتر تصویر داخل صفحه ، یک ویژگی alt را می خوانند.

2. اگر پرونده تصویری بارگیری نشود ، متن Alt به جای تصویر به کاربران نمایش داده می شود. مثلا اگر تصویری از یک جاذبه گردشگری منتشر کرده باشید و لود نشود متن «برج خلیفه دبی» به کاربران نمایش داده می شود.

3. متن Alt زمینه / توصیفات بهتری را برای خزنده های موتور جستجو فراهم می کند و به آنها کمک می کند تا یک تصویر را به درستی نمایه کنند.

پرداختیم alt در ویدیو زیر به اهمیت تگ

مثال تگ  Alt

به طور مثال برای تصویر زیر کد تگ Alt به این صورت است:

<img src = “pupdanceparty.gif” alt = “توله سگها می خندند”>

قالب تگ Alt  بهینه

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

بیایید به چند نمونه متن alt برای این تصویر از یک دسته کلوچه زغال اخته با ظاهری خوشمزه نگاهی بیندازیم:

به طور مثال برای تصویر یک بشقاب پنکیک به این صورت اقدام می کنیم:

 <img src = “pancakes.png” alt = “پنکیک”>

این متن alt فقط “خوب” است زیرا توصیفی چندانی ندارد. بله، این تصویری از چندتا پنکیک است. اما ، در مورد این تصویر چیزهای بیشتری برای گفتن وجود دارد.

مثلا:

<img src = “pancakes.png” alt = “پشته پنکیک بلوبری با پودر قند”>

این متن alt جایگزین بهتری است زیرا توصیف آن چیزی است که در تصویر وجود دارد. این فقط یک دسته “پنکیک” نیست (همانطور که اولین نمونه متن alt نشان داد). این یک دسته پنکیک زغال اخته با گردگیری پودر قند است!

و یک تگ Alt شبیه به این اصلا توصیه نمیشود:

<img src = “pancakes.png” alt = “”>

یا

<img src = “pancakes.png” alt = “پنکیک پنکیک کیک تابه کیک هات کیک هات کیک صبحانه مواد غذایی بهترین صبحانه برتر صبحانه دستور العمل های صبحانه دستور پنکیک”>

هیچ یک از این نمونه ها توصیه نمی شود. خط اول کد در واقع اصلاً شامل هیچ متن alt نیست (توجه داشته باشید که نقل قول ها خالی هستند) ، در حالی که مثال دوم پر کردن کلمات کلیدی در متن alt را نشان می دهد.

چرا تگAlt مهم است؟

1. استفاده از تگAlt برای دسترسی

تگAlt  یک اصل طراحی وب قابل دسترسی است. هدف اصلی (و هنوز اصلی) آن توصیف تصاویر برای بازدیدکنندگانی است که قادر به دیدن آنها نیستند. این شامل خوانندگان صفحه و مرورگرهایی است که تصاویر را مسدود می کنند ، اما همچنین شامل کاربرانی می شود که اختلال بینایی دارند یا در غیر این صورت قادر به شناسایی تصویری تصویر نیستند. درج متن متناوب با تصاویر شما تضمین می کند که همه کاربران ، صرف نظر از توانایی بصری ، می توانند از محتوای سایت شما قدردانی کنند.

2. تگAlt و سئو تصویر

استفاده از متن alt بر روی تصاویر شما می تواند تجربه کاربری بهتری را ایجاد کند ، اما همچنین ممکن است به شما مزایای صریح و ضمنی SEO را بدهد. همراه با اجرای عنوان تصویر و بهترین روشهای نامگذاری پرونده ، از جمله متن alt نیز ممکن است در سئو تصویر کمک کند.

در حالی که طی سالها فناوری شناسایی تصویر موتور جستجو بسیار پیشرفت کرده است ، خزنده های جستجو هنوز نمی توانند تصاویر موجود در صفحه وب سایت را مانند ما “ببینند” ، بنابراین عاقلانه نیست که تفسیر را فقط در دست آنها بگذارید. اگر آنها نمی فهمند ، یا آن را اشتباه متوجه نمی شوند ، ممکن است شما می توانید برای کلمات کلیدی ناخواسته رتبه بندی کنید یا به طور کلی از رتبه بندی غافل شوید.

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

چطور متن alt خوب بنویسم؟

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

بهتر است این توصیف را نسبتا کوتاه نگه دارید. محبوب ترین صفحه خوان ها متن alt را با 125 کاراکتر قطع می کنند ، بنابراین توصیه می شود متن را به همان تعداد کاراکتر یا کمتر نگه دارید.

از کلمات کلیدی خود استفاده کنید Alt text فرصتی دیگر را برای شما فراهم می کند تا کلمه کلیدی مورد نظر خود را در یک صفحه قرار دهید و در نتیجه فرصتی دیگر برای سیگنال دادن به موتورهای جستجو است که صفحه شما بسیار به یک جستجوی خاص مرتبط است در حالی که اولین اولویت شما باید توصیف و ارائه متن برای تصویر باشد ، اما اگر انجام چنین کاری منطقی باشد ، حداقل کلمه کلیدی خود را در متن alt حداقل یک تصویر در صفحه قرار دهید.

نکته:

ممکن است این طور به نظر برسد که با پرکردن تگAlt با کلمات کلیدی سئوی بهتری را خواهید داشت اما واقعیت این است که گوگل برای متن کم نوشتاری alt امتیازات شما را ضبط نمی کند، اما شما دچار مشکل خواهید شد. پس بهتر است از پر کردن این تگ با کلمات کلیدی زیاد خودداری کنید.

جمع بندی

در این مقاله با تگAlt  و کارکرد آن و تاثیراتش بر سئو آشنا شدید. اگر سوالی در این باره در ذهن دارید می توانید از بخش نظرات زیر همین پست از ما بپرسید. یا تجربیات مفید خود را با سایر کاربران به اشتراک بگذارید. فراموش نکنید که همواره و برای تمامی خدمات سئو از جمله سئو در مشهد می توانید روی همکاری تاس حساب کنید.