وبسایتها برای استفادهها و اهداف خاصی توسط افراد ایجاد میشوند، اگر پای صحبتهای مدیران سایت بنشینید تمامی آنها یک آرزوی مشترک برای سایت خود در سردارند و آنهم رسیدن سایت به صفحه اول جستجوی گوگل است.
درگذشته تکنیکهایی توسط برخی افراد انجام میشد که بهنوعی گوگل را فریب میدادند تا سایت در مدتزمان اندکی به صفحه اول نتایج برسد اما باگذشت زمان گوگل با استفاده از هوش مصنوعی قدرتمند و الگوریتمهای هوشمندانه خود توانست سایتهایی را که بهصورت غیراصولی به صفحات بالای جستجو آمده بودند را شناسایی و در لیست سیاه خود قرار دهد.
این روزها تنها میشود با استفاده از علم و دانش سئو رتبه سایت خود را در نتایج گوگل بالا بیاورید یکی از اقدامات مهم در این راستا استفاده درست و اصولی از تگ alt است که در ادامه قصد داریم با یکدیگر با تگ ALT آشنا شده و بررسی کاملی بر این تگ داشته باشیم.
برای آشنایی هرچه بهتر، موارد استفاده و اهمیت تگ ALT تا انتهای محتوا با ما همراه باشید تا با یکدیگر به جمعبندی کاملی نسبت به تگ مذکور برسیم.
تگ ALT چیست؟
موتورهای جستجو در طول سال بارها و بارها با الگوریتمهای هوشمندانه و کاملتر آپدیت و بروز رسانی میشوند تا بتوانند وبسایتهایی که از اصول سئو بهدرستی استفاده میکنند را به مخاطبان نهایی نشان دهند، درواقع طبق نقلقولی معروف:
هرسایتی را که در رتبه یک گوگل میبینید، حتماً دارای مدیریت حرفهای است.
مدیریت حرفهای و یا بهکلی تر وبسایتهایی که بهصورت حرفهای و اصولی پیریزی میشوند در پیامی آشکارا جدیت و مورداطمینان بودن خود را به مخاطب هدف القا خواهند کرد و خود را از رقبای دیگر جدا میکنند.
تصاویری که در سایت بارگزاری میشوند بهمانند محتوای متنی میبایست برای موتورهایی جستجو بهینهسازی و بهاصطلاح سئو شوند تا مرورگر بتواند از طریق رباطهای خود نتایج مرتبط با عبارتی که کاربر جستجو میکند را نشان دهد.
تگ ALT هم دقیقاً برای همین منظور در کنار تگ عنوان و یا Title معرفیشده است که هرکدام وظایفی مشخص را بر عهدهدارند.
هنگامیکه تصویری را در سایت خود بارگذاری میکنید در تگ ALT میبایست جمله ای را که بهصورت متنی تصویر بار گذاری شده را معرفی میکند قرار دهید. در محتوای واردشده در تگ alt سعی کنید از کلمات کلیدی استفاده کنید و از قرار دادن جملات بلند، نامفهوم و طولانی خودداری کنید تا بهترین نتایج را کسب کنید.
درصورتیکه شما از سیستم مدیریت محتوای وردپرس استفاده نمیکنید، تگ ALT را باید نوشته اما در وردپرس این تگ از پیش نوشتهشده و فقط شما متن را در قسمت مربوط قرار خواهید داد که در ادامه بهطور کامل کاربرد تگ ALT را در وردپرس مورد بررسی قرار خواهیم داد.
کاربرد تگ ALT
در بالا تگ ALT را معرفی کردیم و از اهمیت بالای آن گفتیم، اما سؤال اصلی این است که کاربر این تگ در چیست و به هنگام استفاده چه ویژگی را برای کاربر خواهد داشت؟
تصویری را در نظر داشته باشید که قصد بار گذاری آن را بر روی وبسایت خوددارید، بعد از آدرسدهی تصویر با استفاده از کد img ما به دو تگ دیگر احتیاج داریم، یعنی تگهای alt و title
خیلی از افراد کارایی تگ title و alt را با یکدیگر یکی میداند که این نکته اشتباه است و هرکدام از آنهای گفتهشده وظایفی مشخص دارند برای مثال:
وارد وبسایت موردعلاقه خود شوید و از میان انبوهی از تصاویر موس را بر روی یکی از آنها نگهدارید (کلیک نکنید) بهاحتمال بسیار زیاد بعد از نگهداشتن موس بر روی تصویر متنی در کادری تقریباً کوچک برای شما نمایان داده خواهد شد که توضیحاتی در مورد تصویر را به کاربر ارائه میدهد. این اقدام با تگ عنوان و یا Title صورت گرفته است.
بار دیگر به وبسایت قبلی وارد شوید، اگر به دلایلی فنی مانند مشکل در مرورگر و یا پایین بودن سرعت اینترنت تصاویر نتوانند برای شما بار گذاری شوند چه خواهد شد؟ احتمالاً با آیکونی رو در رو خواهید شد که نشان دهند عدم لود شدن تصویر است.
اینجاست که اصلیترین کاربرد تگ alt روشن میشود، شما در هنگام نوشتن کد و واردکردن تصاویر اگر از تگ alt استفاده کنید در صورت اینکه کاربر نتواند بنا به هر دلیلی تصویر را مشاهده کند در کنار آیکون ارور همان متنی نمایش داده میشود که شما در تگ alt وارد کردهاید.
برای همین موضوع است که پیشنهاد میشود در هنگام نوشتن متن در این تگ سعی کنید تصویر را بهصورت متنی و دقیق همراه با استفاده کلمات کلیدی به نگارش درآورید تا کاربر شما بهخوبی درک کند که تصویری را که نمیتواند مشاهده کند چه چیزی را میخواهد نشان دهد.
در تگ ALT چی بنویسیم؟
حال که با تگ alt و کاربرد آن در دنیای وب آشنا شدهایم بد نیست تا نحوه نوشتن این تگ را هم در کدهای HTML با یکدیگر مرور کنیم اما قبلش به این نکته توجه داشته باشید که در HTML به ALT، تگ گفته نمیشود و در حقیقت یک اتریبیوت از تگ IMG است اما در کشور ما، به هنگام صحبت از ALT آن را با پیشوند تگ معرفی میکنند و برای اینکه بیشتر کاربران با این اسم راحتتر هستند ما هم در محتوا ALT را با پیشوند تگ معرفی میکنیم.
بهطورکلی اگر بهصورت اختصاصی مشغول نوشتن کدهای سایت هستید برای درج کردن تصویر باید از تگ IMG استفاده کنید که این تگ بهطورمعمول ۳ اتریبیوت میگیرد.
یکی از اتریبیوت ها، SRC و یا آدرس فایلی است که تصویر در آن ذخیره شده درکنار آن اتریبیوت یا همان تگ ALT در IMG قرار میگیرد.
مثال:
فرض کنید قرار است تصویر یک درخت گردو را دریکی از قسمتهای سایت خود درج کنید، برای این کار باید کدی نوشته و اتریبیوت به آن دهید که در زیر نمونهای از یک تگ کامل تصویر در html را برای شما آوردهایم.
<img src= “#” title= “walnut tree” alt= “walnut tree in the forest”>
اگر با دقت به کد بالا نگاه کنید خواهید دید که ابتدا از تگ img استفاده کردیم و به این تگ ۳ اتریبیوت دادهایم، ابتدا مسیر تصویر را مشخص کردهایم (بهجای مسیر از # استفادهشده) سپس متن عنوان و بعد متن ALT را نوشتهایم.
اگر تصویر برای مخاطب بهدرستی لود شود، هنگام رفتن موس کاربر بر روی تصویر متنی که در عنوان نوشتهایم به کاربر نشان خواهد داده شد و اگر به هر دلیلی تصویر لود نشود متن قسمت ALT به کاربر نشان خواهد داده شد.
به این نکته هم توجه داشته باشید که برخی از کاربران دنیای نت که نابینا هستند برای کار با وبسایتهای مختلف از ابزار صوتی کمک خواهند گرفت که در این صورت متن تگ ALT بهصورت صوتی برای این عزیزان بخش میشود.
تگ ALT در وردپرس
اگر شما هم مانند خیل وسیعی از کاربران از سیستم مدیریت محتوا سایت یا همان وردپرس استفاده میکنید کار شما بهمراتب راحتتر است و با اندکی وقت میتوانید تصاویر خود را برای موتورهای جستجو بهینهسازی کنید.
هنگامیکه میخواهید تصویری به محصولات سایت خود و یا محتوا اضافه کنید در قسمت سمت چپ گزینههایی وجود دارد که میبایست آنها را تکمیل نمایید.
برای اینکه Title تصویر را وارد کنید کادری را که با واژه “نام” نشان دادهشده است تکمیل نمایید، با تکمیل کردن این قسمت همان اتفاقی رقم خواهد خورد که در بالا بهصورت دستی نسبت به نوشتن کد Title پرداخته بودیم.
برای اینکه تگ ALT را در تصاویر بار گذاری شده سایتهای وردپرسی تکمیل نمایید در قسمت سمت چپ میبایست به کادری با اسم “متن جایگزین” مراجعه کنید.
متنی را که در این قسمت وارد میکنید دقیقاً همان کاربردی را دارد که در بالا و در کدهای HTML موردبررسی قراردادیم.
سیستم وردپرس که برای راحتی هرچه بیشتر مدیریت وبسایت حتی برای افرادی که سواد برنامهنویسی بالایی ندارند عرضهشده، کار را بسیار برای نکات پایهای سئو آسان نموده و کاربر با اندکی زمان میتواند تصاویر سایت خود را بهینهسازی کند.
با اینکه سئو سازی و تکمیل تگ ALT در وردپرس وقت زیادی را از شما نمیگیرد میتواند تأثیر بسیار زیادی را بر روی رتبه سایت شما گذاشته تا ترافیک بیشتری را از مخاطبین هدف تجربه کنید.
توجه داشته باشید که تگ ALT اگر حاوی اطلاعات درستی از تصویر به همراه کلمه کلیدی و بیشازحد طولانی نبوده باشد، تفاوتی ندارد که در وردپرس تکمیل گردد ویا بهصورت اختصاصی در HTML نوشته شود، در صورت نوشتن درست تگ ALT باید انتظار تأثیر یکسانی را در وبسایتهای اختصاصی و وردپرسی داشته باشید.
تأثیر تگ ALT بر سئو سایت
اگر به گذشته نگاهی داشته باشیم خواهیم دید بیشتر کاربران عبارتی را در موتور جستجوی گر گوگل سرچ کرده و معمولاً در صفحه اول از میان لینکها یکی را انتخاب میکردند، بهبیاندیگر بیشتر اوقات از روی لینک محتوای متنی کاربران وارد سایت میشدند و طبیعتا هرچقدر مدیر سایت بر روی این قسمت بیشتر سرمایهگذاری میکرد ترافیک سایت هم بیشتر میشد.
اما بهمرورزمان تنها محتوای متنی نبود که بیشترین کاربران را بهسوی سایت سوق میداد و امروزه بسیاری از کاربران با کلیک کردن بر روی تصاویر و حتی ویدئوها وارد سایت میشوند.
جالب است بدانید که تصاویر هم مانند محتوای متنی اگر کپی باشند بر روی سئو سایت تاثیر بهشدت منفی میگذارند از همین رو پیش نهاد میشود تا با بار گذاری تصاویر جذاب و اختصاصی کاربران را ترغیب کنید تا با کلیک کردن بر روی تصویر وارد وبسایت شوند.
تگ ALT اگر متن درستی همراه با کلمات کلیدی داشته باشد میتواند تصاویر سایت شما را بهینه کند و رتبه آنها را در گوگل بالا بیاورد به خاطر همین نکته است که اهمیت این تگ تا به این اندازه بالا خواهد رفت.
بسیاری از کاربران وب فارسی هستند که عبارتی را سرچ میکنند و به سراغ تصاویر میروند در این مرحله هرچه توضیحات عنوان تصاویر به همراه خود تصویر و تگ ALT جذاب و بهینهتر باشند شانس بیشتری را برای جلب نظر کاربران خواهند داشت.
افراد و مدیران سایتهای زیادی بودند که بعد از اطلاع از اهمیت تصاویر بر روی سئو سایت با صرف زمان در این قسمت توانستهاند ترافیک سایت خود را در بازه چند ماه بسیار بیشتر از گذشته کنند که ماحصل این اتفاق هم درآمد بیشتر برای مدیران وبسایتها بوده. امروزه تنها محتوای متنی نمیتواند کاربران را جذب کند و ترافیک سایت را بالا به برد بلکه باید از محتوای متنی و تصاویر و حتی ویدئو بهصورت مکمل یکدیگر برای ارتفاع سئو سایت استفاده کرد.
جمعبندی
اگر از ابتدای محتوا با مایید و با دقت نکات را بررسی کرده باشید حتماً تا به حالا از اهمیت تگ ALT و نقش پررنگ تصاویر سئو شده در بهبود سئو سایت آگاه شدهاید، درمجموع باید به این نکته اشارهکنیم که استفاده نکردن از این تگ مشکلی را برای بار گذاری تصاویر بر روی وبسایت ایجاد نمیکند اما اگر استفاده شود تاثیر بسیار زیادی در افزایش رنک سایت میتواند از خود بهجای بگذارد. در پایین به مهمترین نکات در رابطه با تگ ALT دومرتبه ولی بهصورت کوتاه اشاره خواهیم کرد.
- ALT درواقع اتریبیوت تگ IMG است که در ایران به تگ مشهور شده است
- در صورت عدم لود شدن تصویر برای کاربر متنی که در تگ ALT قرارگرفته نشان داده خواهد شد
- از کلمات کلیدی در تگ ALT استفاده کنید
- تا حد ممکن بهصورت متنی تصویر را شبیهسازی کنید
- جملات طولانی استفاده نکنید
- در وردپرس تگ ALT با نام متن جایگزین شناخته میشود