متن جایگزین تصویر (Alt Tag) برای علامت گذاری تصاویر و گرافیک ها در یک سند HTML استفاده می شود. اگر نمایش تصویر در مرورگر اختلالی داشته باشد، به جای تصویر، alt tag نمایش داده می شود. در بهینه‌سازی موتورهای جستجو، این یک پارامتر مهم در بهینه‌سازی درون صفحه است، زیرا گوگل می‌تواند به لطف تگ‌های alt، آنچه که روی تصاویر قابل مشاهده است، بهتر درک کرد. متن جایگزین ذخیره شده شرح کوتاهی از تصویر بارگیری نشده است.
کد تگ Alt به عنوان یک عنصر HTML در متن منبع یک فایل تصویری ذخیره می شود. استفاده از کاراکترهای کدگذاری دوگانه به جای نقل قول های تگ بسیار مهم است:
به گوگل کمک می کند درک بهتری از ماهیت تصویر داشته باشد <img src = ”image.jpg” alt = ”mahdi najjari’
اکثر CMS ها از پیاده سازی خودکار تگ Alt برخوردارند. هنگام نوشتن تگ آلت، مطمئن شوید کلمه کلیدی اصلی را نام ببرید و توضیحاتی را انتخاب کنید که تا حد امکان کوتاه و معنادار باشد.
همچنین، استفاده زیاد از کلمات کلیدی تکراری برای یک موضوع در تگ Alt می‌تواند باعث بهینه‌سازی بیش از حد و جریمه کیورد استافینگ شود، برچسب‌های Alt روی تصاویر باید برای دسترسی به وب مفید و طبیعی باشند.
در سال 2020، ظرفیت درک دیداری و طبقه‌بندی کوئری دیداری گوگل به لطف فناوری‌های هوش مصنوعی به شدت افزایش یافت. متون، چهره‌ها، اشیا، مکان‌ها، نشانه‌ها، حیوانات، مناظر روی تصاویر به همراه پسوند تصاویر، پالت رنگ، فراداده IPTC و موارد دیگر می‌توانند برای درک مشارکت متن تصاویر برای صفحه وب استفاده شوند. برچسب‌های جایگزین، آدرس‌های اینترنتی تصویر، عناوین تصویر، زیرنویس‌های تصویر، لینک‌های روی تصاویر، متن بسته‌بندی تصاویر دیگر رتبه‌بندی تصاویر اما قدیمی‌تر و فاکتورهای درک بهینه‌سازی موتور جستجو هستند. همچنین برای مشاهده اینکه گوگل چگونه تصویری را در وب دریافت می کند، می توان از هوش مصنوعی ویژن گوگل که یک فناوری جدید ادراک هوش مصنوعی دیداری است استفاده کرد.
ویژگی Alt تصویر برای چیست؟
اصطلاح ویژگی alt از دو کلمه تشکیل شده است. “alt” مخفف “alternative text” است. اصطلاح “attribute” در دستور زبان نیز استفاده می شود. اصطلاح “Alt Tag” که اکنون نیز استفاده می شود مترادف است با “تگ” در انگلیسی به معنای علامت گذاری یا برچسب است.
علاوه بر تگ Alt، تگ های دیگری مانند تگ H برای عنوان یا برچسب تصاویر وجود دارد. برای کسب اطلاعات بیشتر در مورد تگ HTML می توانید راهنمای استفاده از HTML معنایی و اهمیت آن برای سئو را مطالعه کنید.
در درجه اول تگ آلت تصویر را توصیف می کند و هدف آن برای بهینه سازی موتورهای جستجو نمی‌باشد. سپس اطلاعات ذخیره شده در متن جایگزین می تواند به عنوان جایگزینی برای گرافیک نمایش داده شود. برای مثال، زمانی که یک عامل باعث می شود تصاویر برای کاربر نمایش داده نشود یا بارگذاری نشود، متن جایگزین تصویر نمایش داده می شود.
در صورت بروز مشکل در سرور و بارگذاری نشدن گرافیک، می توان از ویژگی های تصویر استفاده کرد. همچنین گاهی اوقات توسعه دهندگان پوشه تصویر را در سرور جابجا می کنند، در نتیجه تصاویر موجود در سایت توسط کاربران و خزنده های موتورهای جستجو قابل مشاهده نیستند. سپس تگ Alt تأثیر می گذارد و به جای تصویر نمایش داده می شود.
Alt Attribute نقش مهمی در طراحی سایت های بدون مراقبت ایفا می کند. در مثالی دیگر:
متن جایگزین برای تصاویر کاربرد عملی دیگری دارد: به عنوان مثال، کاربران نابینا می توانند محتوای وب را با استفاده از «خواننده صفحه» بخوانند.
از آنجایی که این خوانندگان نمی توانند تصاویر را تفسیر کنند، تگ های alt مربوطه را می خوانند. به این ترتیب، کاربران کم بینا این فرصت را دارند که نه تنها متون، بلکه عناصر گرافیکی یک وب سایت را نیز درک کنند. برای کسب اطلاعات بیشتر در مورد اهمیت کاربردپذیری صفحه و تجربه کاربری ، خواندن دستورالعمل کمک کننده است.
ویژگی های Alt به عنوان محتوا برای موتورهای جستجو
ربات‌های موتور جستجو جمع‌آوری‌کننده داده‌های بسیار پیچیده هستند، حتی اگر از درک دیداری و ظرفیت درک قوی برخوردار باشند، به خزنده‌های موتور جستجو کمک می‌کنند تا هدف موجود تصاویر در یک صفحه وب را درک کنند و همینطور می‌تواند به بهبود کارایی خزیدن و قدرت محتوا کمک کنند.
به همین دلیل، موتورهای جستجو داده های تصویر را بر اساس اطلاعات اضافی که خزنده ها در یک وب سایت پیدا می کنند، فهرست می کنند.
یک جزء مهم برای تشخیص محتوای تصویر، ویژگی alt است. این ویژگی به موتورهای جستجو کمک می کند تا ارتباط محتوای گرافیکی را برای جستجو تصویر و جستجوهای ارگانیک تعیین کند.
اتربیوت Alt تصویر در کجا وارد می شود؟
ویژگی‌های Alt به عنوان عناصر HTML در متن منبع، مستقیماً در لینک تصویر مربوطه ذخیره می‌شوند. مثال زیر گزیده ای از متن منبع را نشان می دهد که در آن یک تگ Alt برای یک گرافیک ذخیره شده است
<img src = “/img/dog-image-1.jpg“ alt = “A dog eating its X Brand Food“>
متن Alt در گیومه بعد از alt قرار دارد. “Img src” نشان دهنده URL گرافیکی است.
برچسب های Alt چه محتوایی باید داشته باشند؟
اصولاً هنگام پر کردن ویژگی alt هیچ محدودیتی وجود ندارد. با این حال، توصیه می شود که تصویر را تا حد امکان مختصر و دقیق توصیف کنید. به عنوان یک راهنما، شما باید محتوای تصویر را تنها با متن تشخیص دهید. در بسیاری از موارد دو کلمه کافی است.
اگر یک تصویر تابع محتوایی نداشته باشد، ویژگی نیز می‌تواند خالی بماند. برای جلوگیری از سردرگمی هنگام خواندن کد منبع باید ویژگی alt تنظیم شود.
یک تگ Alt خالی به این شکل خواهد بود: Alt = “” . خالی ماندن آنها می تواند در دسترسی به وب آسیب برساند.
مهم است که وب مسترها یا سئوکاران از تگ alt از کلمات کلیدی، کلمات مرتبط گوگل و پیشنهادات گوگل استفاده کنند. همچنین استفاده از تگ های Alt از اصول مهم است، تگ alt باید محتوای تصاویر را و عملکرد خود را در صفحه وب تعریف کند و با هدف جستجو کاربر ارتباط ایجاد شود.
یک متن جایگزین تصویر چه ویژگی هایی دارد؟
- کلمات باید تصویر را توضیح دهند.
- از تکرار کلمات کلیدی پرهیز کنید.
- کلمات باید به طور طبیعی در تگ های alt استفاده شوند.
- کلمات بهتر است عناصر تصویر را توصیف کنند
- متن جایگزین باید ارتباط صفحه وب با هدف کاربر و هدف جستجو را افزایش دهد.
- متن جایگزین باید مزایایی برای دسترسی به وب ایجاد کند.
- تگ‌های Alt برای تصاویر باید بر اساس جستجوی بصری در موتورهای جستجو ایجاد شوند تا بتوانند نیت کاربر و هدف جستجو را در بر گیرند.
- محتوای بهتر است متناسب با زیر عنوان خودش باشد
- بهتر است کلمات و پیشنهادات مرتبط گوگل و کلمه کلیدی بدون زیاده روی در آن ها درج شود
تفاوت تگ Alt در مقابل تگ عنوان تصویر چیست؟
تگ عنوان زمانی نمایش داده می شود که کاربر مکان نما را روی یک تصویر حرکت می دهد. ویژگی title همچنین می تواند لینک ها را با جزئیات بیشتری توصیف کند و اطلاعات بیشتری در مورد هدف لینک در اختیار کاربر قرار دهد.
اساساً تگ عنوان و تگ Alt از این جهت متفاوت هستند که تگ عنوان اطلاعاتی را در زمانی که ماوس تمام می شود به کاربر نشان می دهد، در حالی که ویژگی alt معمولاً برای بازدید کننده قابل مشاهده نیست و تنها به عنوان جایگزینی برای تصویر نمایش داده می شود.
زیرا همانطور که قبلا ذکر شد، “اتربیوت Alt” به عنوان جایگزینی برای توضیحات تصویر استفاده می شود. با این حال، اگر از تگ عنوان یک تصویر استفاده نشود، متن جایگزین معمولاً زمانی که ماوس روی تصویر رد می شود ظاهر می شود.
برچسب‌های عنوان همچنین ارتباط بیشتری با هدف تصویر و اهمیت آن در صفحه وب ایجاد می‌کنند و بهینه سازی محتوا را ارتقا می دهد.
آخرین نظرات در مورد ویژگی Alt تصویر
درست است که فقط چند کاراکتر درون ویژگی Alt قرار می گیرد، ولی اهمیت آن در آموزش سئو را نباید دست کم بگیرید. تگ‌های Alt می‌توانند به بهینه‌سازی تصویر و بهبود رتبه‌بندی در جستجوی گوگل و سایر موتورهای جستجو کمک کنند. علاوه بر نام و عنوان فایل، تگ alt تاثیر بالایی بر نتایج جستجو دارد.
برچسب Alt به طور معنی‌داری در ترکیب با برچسب‌های عنوان، به تقویت ارتباط یک وب‌سایت با یک کلمه کلیدی خاص کمک می‌کند. با این حال، وب‌مسترها و سئوکاران باید خود را به توضیحات تصویر محدود نکنند و از این ویژگی برای استفاده بجا از کلمات کلیدی استفاده کنند. علاوه بر این، ویژگی تصویر تنها یکی از پارامترهای متعدد برای بهینه سازی در صفحه است و به عنوان یک عنصر متا، با عنوان مرتبط با رتبه بندی قابل مقایسه نیست.
