همانطور که می دانید تصاویر تأثیر بسیار زیادی بر روی سئوی سایت میگذارند. و به عنوان یک عضو بسیار مهم در یک مقاله آنلاین به حساب میآیند. شما میتوانید برای جذابتر شدن مقاله خود و همچنین برای جلب توجه بیشتر بین کاربران از تصاویر استفاده کنید. این تصاویر نقش بسیار مهمی در مقاله شما داشته و تنها به همین موارد خلاصه نمیشوند. تصاویر به بالارفتن رتبه سایت شما کمک میکنند. و همچنین باعث میشوند ترافیک خوبی به سمت سایت شما روانه شود. یکی از نکات بسیار مهم در بهینه سازی تصاویر سایت، استفاده از ویژگی Alt برای آنها است. تگ Alt یا عنوان باعث بالا رفتن رتبه سایت شما در نتایج موتورهای جستجو یا مرورگرها میشود. از این رو در این مقاله قصد داریم تا در رابطه با تأثیر تگ Alt تصاویر روی سئو سایت مطالب مفیدی را برای تو ارائه دهیم.
بنابراین خواهشمندیم تا انتهای مقاله با ما همراه باشید.
معرفی تگ Alt
در تمام تصاویر موجود در یک وبسایت، از تگ Alt تصاویر وب سایت استفاده میشود. که توصیف کننده موضوعی است که از تصویر استنباط میشود. در واقع این تگ میتواند به عنوان جایگزین مناسبی برای متن تصاویر در نظر گرفته شود. به عبارت دیگر این تگ میتواند به عنوان متن جایگزینی برای تصاویر به هنگام خطا در بارگذاری نیز مورد استفاده قرار گیرد. تا کاربران در صورت عدم نمایش تصویر از مفهوم عملکرد آن باخبر شوند.
علاوه بر این موضوع، مرورگرها و موتورهای جستجو قابلیتی دارند که به وسیله آن، افراد نابینا یا دارای اختلال بینایی برای شنیدن مطالب آنلاین از آنها استفاده کنند. در این صورت خواندن این تگها توسط موتورهای جستجو یا مرورگرها باعث میشود مفهوم و محتوای تصاویر برای این دسته از افراد قابل فهم باشد.
نمونه یک تگ Alt تصویر HTM L
کد <img title=”“image” src=”“image.jpg”” alt=”“image” /> نمونه یک تگ تصویر HTML میباشد. همان طور که مشاهده میکنید این کد از سه قسمت به وجود آمده است که هرکدام کاربردهای مخصوص به خود را دارد. در ادامه به کاربردهای این سه بخش میپردازیم.
- کاربرد img src: این قسمت مرتبط با آدرس تصویر میباشد. در واقع برای این که تصویر را در محتوای سایت خود قرار دهید باید آدرس تصویر را در این قسمت قرار دهید.
- کاربرد alt: این بخش مرتبط با ترتیب alt میباشد. شما موظفید تگ alt مورد نظر خود را در بین علامت نقل قول قرار دهید.
- کاربرد title: این قسمت نقش عنوان را برای تصاویر شما ایفا میکند. از این رو شما باید در این بخش برای تصاویر خود عنوان مناسبی قرار دهید.
ویژگیهای عنوان و تگ Alt تصاویر از نظر تکنیکی واقعاً تگ محسوب نمیشوند. اما با نام تگ عنوان و تگ Alt شناخته میشوند. در نظر داشته باشید که تگ Alt کاربرد تصویر را توصیف میکند. از این رو اگر شما از یک تصویر به عنوان یک دکمه برای خرید کالای مورد نظر خود استفاده کردهاید، تگ Alt نیز باید چیزی شبیهِ دکمه خرید آن کالا محسوب شود. زمانی که شما نشانگر موس خود را بر روی تصاویر میکشید تگ عنوان ظاهر میشود.
این تگ میتواند به عنوان یک راهنمای ساده در رابطه با کالای مورد نظر یا پیشنهاد جذاب برای تشویق کاربران در نظر گرفته شود. همچنین میتواند کاربران را ترغیب به کلیک بر روی عکس کند. بنابراین در مثال بالا که در رابطه با خرید کالا بود، تگ عنوان میتواند یک ابزار فراخوان برای عمل در نظر گرفته شود. که اصطلاحاً به آن Call-to-Action میگویند. مانند خرید کالای مورد نظر تنها با ۲۰ هزار تومان!
نکته
به طور کلی میتوان این چنین بیان کرد که تصاویر وب سایت برای اینکه در موتورهای جستجو بهتر دیده شوند به تگ alt نیاز دارند. معمولاً تصاویری که برای طراحی و تزیین وب سایتها مورد استفاده قرار میگیرند باید دارای کدهای CSS باشند. از این رو این تصاویر نباید در میان کدهای HTML قرار بگرند. با وجود این موضوع اگر امکان این تغییر وجود ندارد میتوانید تگ ALT را خالی بگذارید. در این صورت موتور های جستوجو از خواندن این مطالب صرفنظر میکنند.
تأثیر تگ Alt تصاویر روی سئو سایت
همانطور که تا اینجای مقاله اشاره کردیم گوگل برای تگهای Alt تصاویر ارزش بسیار بالایی در نظر گرفته است. از این رو تأثیر تگ Alt روی سئو سایت از مطالب بسیار مهم برای بحث و بررسی میباشد. دلیل این ارزشگذاری توسط گوگل این است که این تگها کمک بسیار زیادی برای فهم آسانتر تصاویر و تعیین موضوع محتوای پیرامون آنها میکنند. همچنین میزان این ارزش گذاری آنقدر بالا است که گوگل سرویس Google Image را به این موضوع اختصاص داده است.
همچنین افزونهای را به عنوان Yoast SEO در نظر گرفته است. که محتوای وب سایت را پیش از بارگذاری بررسی میکند. و معمولاً توصیه میکند که حداقل یک تصویر به همراه تگ Alt باید در محتوا وجود داشته باشد. در نظر داشته باشید که در این تصویر تگ Alt باید متشکل از کلمه کلیدی باشد. و این کلمه حتماً در آن وجود داشته باشد. به این ترتیب در صورتی که در محتوای سایت شما از تصاویر و یا تگ Alt استفاده نشود این افزونه به شما هشدار میدهد که ممکن است رتبه و ارزش محتوا و سایتتان پایین بیاید.
افزونه Yoast و تأثیر تگ Alt روی سئو سایت
این افزونه تنها یک ماشین پردازش میباشد. و از مفهوم محتوای شما آگاهی ندارد. با وجود آنکه حضور کلمه کلیدی در تگ Alt الزامی است اما اگر بیش از اندازه و در تمام تصاویر از آن استفاده کنید، استاندارد نبوده و به سئو سایت شما صدمه وارد میکند. از این رو نیاز به استفاده بیش از اندازه از کلمه کلیدی در تگهای Alt نمیباشد.
در نظر داشته باشید که شما در محتوای خود به عکسهای مناسب، با کیفیت و مرتبط با محتوای خود نیاز دارید. که بتوانید در تگهای توصیفیشان کلمات کلیدی خود استفاده کنید. با وجود این موضوع گاهی محتوای تصاویر به جزئیات میپردازد که اجازه استفاده از کلمات کلیدی کوتاه و کلی را به شما نمیدهد. در این مواقع استفاده از تگهای Alt هم شانس استفاده بهتر از کلمه کلیدی را افزایش میدهد و هم در فهم تصویر و محتوا برای موتورهای جستجوگر مؤثر است.
تگ عنوان در وردپرس و تأثیر تگ Alt روی سئو
ممکن است شما برای مدیریت محتوای وب سایت و یا وبلاگ خود از وردپرس استفاده کنید. در این صورت میتوانید از قابلیتهای در نظر گرفته شده برای تگ عنوان و تگ Alt تصاویر استفاده کنید. توجه داشته باشید که وردپرس به طور پیشفرض نامی که تصاویر با آن ذخیره میشوند را برای تگ عنوان و یا نام تصویر در مطلب در نظر میگیرد. بنابراین در صورت عدم ارتباط آن با محتوا باید این نام را تغییر دهید. و نامی مرتبط با محتوای خود برای آن در نظر بگیرید.
تصاویر ذخیره شده در دوربینهای عکاسی به نامهایی مانند DCMIMAGE10.jpg ذخیره میشوند. که این نامها متناسب با محتوای شما نمیباشد. از این رو موظفید آنها را پیش از واگذاری تغییر دهید. پس از تنظیم عنوان، در صورتی که هیچ متن مناسبی برای تگ Alt در نظر ندارید میتوانید همان عنوان عکس را در قسمت متن جایگزین و یا تگ Alt قرار دهید. با وجود آنکه این موضوع چندان مناسب نبوده و توصیه نمیشود اما از خالی گذاشتن این قسمت بهتر است.
نکته
به طور کلی وردپرس امکانات بسیار مناسبی را برای کاربران خود در نظر گرفته است. و این امکانات همگی کاربر پسند میباشند. عدم استفاده از تگ Alt و بهینه سازی نکردن تصاویر سایت تأثیر منفی بر روی رتبه سایت شما گذاشته و دلیلی جز تنبلی ندارد. شما میتوانید با تغییرات جزئی که تنها چند دقیقه زمان شما را صرف میکند تأثیر بسیار مناسب بر روی رتبه و ارزش وب سایت خود ایجاد کنید. و باعث بهبودی جایگاه وب سایت خود در میان نتایج موتورهای جستجو در مرورگرها شوید. اینها همگی دلیلی بر اهمیت تأثیر تگ Alt روی سئو سایت میباشد.
روش نوشتن تگ Alt مناسب و تأثیر تگ Alt تصاویر روی سئو
شما میتوانید برای آنکه در این زمینه به نتیجه مطلوب خود برسید چشمانتان را ببندید و خواندن تگ Alt تصاویر محتوا خود را به شخص دیگری واگذار کنید. در صورتی که پس از شنیدن آن میتوانید به طور منطقی و کامل تصاویر را در ذهن خود داشته باشید متوجه خواهید شد که از شیوه درستی برای نوشتن تگ Alt تصاویر استفاده کردهاید. به عنوان مثال به عکس زیر نگاه کنید. آنچه که مشاهده میکنید تصویر یک پیتزا میباشد.
تگهای Alt مناسب برای تصویر بالا
کد <img src=”pizza.png” alt=”pizza”> را با ارفاق میتوان یک تگ Alt نسبتاً مناسب دانست. در واقع به عنوان یک تگ عالی در نظر گرفته نمیشود. چرا که از عبارات توضیحی و توصیفی در آن استفاده نشده است. به عنوان مثال اندازه و طعم آن قابل فهم نیست. با وجود آنکه این تصویر یک تصویر ساده از پیتزا میباشد اما شما میتوانید بیش از عبارت پیتزا در رابطه با آن صحبت کنید. و در واقع برای آن از صفات توصیفی بهره ببرید. به عنوان مثال میتوانید از کد زیر برای تگ Alt تصویر در این مقاله استفاده کنید:
<img src=”pizza.png” alt=”slice of chicken pizza”>
ترجمه: برشی از پیتزای مرغ
این تگ نسبت به تگ قبل بسیار مناسب میباشد. چراکه از یک عبارت توصیفی با طول مناسب و کافی استفاده شده است. و تصویر موجود را برای کاربر قابل فهم تر نمایش میدهد.
نکته مهم
توجه داشته باشید که تگ Alt تصاویر شما نباید طول بیش از اندازه بلند داشته باشد. در واقع در صورتی که تگ Alt تصاویر شما در محتوای وب سایتتان بیش از اندازه بلند باشد و تنها تعدادی از کلمات کلیدی در آن گنجانده شده باشند به نتیجه مطلوب خود نخواهید رسید. و تأثیر مثبتی بر روی سایت شما نخواهد گذاشت.
همچنین در مثال گفته شده برای جلوگیری از هرگونه بی نظمی و بهم ریختگی از تگهای انگلیسی استفاده شده است. این موضوع به آن معنا نمیباشد که شما نمیتوانید تگ Alt تصاویر خود را به زبان فارسی بنویسید.
نکات مهم در رابطه با نوشتن تگ Alt مناسب و تأثیر تگ Alt روی سئو سایت
-
تصویر را به بهترین شکل ممکن توصیف کنید
تگ Alt به عنوان مهمترین عامل برای تشخیص مفهوم تصاویر در این مرورگرها و موتورهای جستجو در نظر گرفته میشود. همچنین گزینه بسیار مناسبی برای افرادی است که از قدرت بینایی مناسبی برخوردار نمیباشند. در صورتی که در مقاله خود از تصاویری استفاده کردهاید که مفهوم خاصی ندارد و تنها برای تزیین و زیبایی میباشد بهتر است آنها را به جای اینکه در کدهای HTML قرار دهید در میان کدهای CSS بگذارید.
-
در نظر گرفتن طول مناسب برای تگ Alt
به طور کلی عبارتهای کوتاه برای توصیف هیچ تصویری کافی نمیباشند. به عنوان مثال حتی اگر تصویر یک پارچه را در مقاله خود قرار دهید باید اطلاعات مناسبی در رابطه با جنس، رنگ و مدل آن را در تگ Alt قرار دهید. در واقع در این بخش باید از عبارات توصیفی استفاده کنید. تا در این صورت عکس برای کاربر مفهومیتر در نظر گرفته شود.
در صورتی که از عبارات بسیار بلند برای تگ Alt تصاویر خود استفاده کنید این عبارات به وسیله مرورگرهای مخصوص افراد نابینا خوانده نمیشود. علاوه بر این موضوع برای توصیف یک تصویر تنها باید به کلیات آن اشاره کنیم. و نیازی به اشاره به قسمتهای جزئی آن نمیباشد. از این رو در مجموع میتوان گفت که طول مناسب برای تگ Alt تصاویر باید کمتر از ۱۲۵ کاراکتر باشد.
-
استفاده از کلمات کلیدی و تأثیر تگ Alt روی سئو سایت
گوگل با وجود آنکه نمیتواند نقاط ضعف نوشته شما را متوجه شود اما در صورتی که در تگ Alt تصاویر محتوای خود از کلمات کلیدی بهره ببرید میتواند متوجه آن شود. و در صورتی که ارتباطی میان متن و تصاویر وجود نداشته باشد شما را به دردسر میاندازد. از این رو توصیه ما به شما این است که تلاش کنید تا تصاویر موجود در محتوای وب سایت خود را با عبارات مناسب توصیف کنید. تا برای کاربران و همچنین مرورگرها موتورهای جستجو قابل فهم باشد.
-
از تصاویر به جای متن استفاده نکنید
موتورهای جستجو و مرورگرها نمیتوانند متن نوشته شده در تصاویر موجود در وب سایت شما را بخوانند. از این رو سعی کنید از تصاویر به جای متن استفاده نکنید. در صورتی که مجبور به استفاده از چنین عکسهایی در محتوای مقاله خود شدید متن آن را در بخش تگ Alt تصاویر قرار دهید. تا موتورهای جستجو بتوانند از آن آگاه شوند. این موضوع اهمیت بالایی در رتبه وب سایت شما دارد. و تأثیر تگ Alt روی سئو سایت را نشان میدهد.
-
نزدیکی تأثیر تگ Alt تصاویر روی سئو سایت به جستجوی کاربران
سعی کنید تگ Alt تصاویر خود را به گونهای بنویسید که علاوه بر جذاب بودن برای کاربران برای موتورهای جستجو نیز جذاب باشد. چرا که تنها در این صورت است که تصاویر شما در نتایج جستجو نمایش داده خواهند شد.
-
دکمههای فرم و تأثیر تگ Alt تصاویر روی سئو سایت
در صورتی که در وب سایتتان از یک فرم پیروی میکنید و از یک تصویر برای دکمه ارسال (Submit) بهره میبرد حتماً از تگ Alt برای توصیف کامل عملکرد آن استفاده کنید. بنابراین نوشتن عباراتی مانند جستجو (Search)، ثبت نام (Sign Up)، ورود (Log In) و اعمال (Apply Now) در متن Alt این دکمهها ضروری است.
از عباراتی همچون تصویر یک… و عکس یک… استفاده نکنید
به طور کلی موتورهای جستجو تصور میکنند که متن Alt شما به یک تصویر مشخص اشاره دارد. از این رو نیازی به مشخص کردن آن نمیباشد.
جمع بندی مطالب و نکات پایانی
شاید تصورش کمی برایتان سخت به نظر برسد اما قرار دادن تگ Alt برای تصاویر تأثیر بسیار مناسب بر روی ترافیک و سئو سایت شما میگذارد. و باعث افزایش رتبه آن در نتایج موتورهای جستجو میشود. تصور کنید کاربری به دنبال تصویر خاص در نتایج جستجوی گوگل میباشد که ناگهان با تصویر جذاب وب سایت شما رو به رو میشود. در این صورت از طریق همان تصویر وارد سایت شما شده و به یک مشتری و یا کاربر تبدیل میشود. این مثال تأثیر تگ Alt روی سئو سایت را به خوبی نشان میدهد.
در صورتی که در وبسایت خود تصاویری دارید که از هیچ عنوانی برای آنها استفاده نکردهاید بهتر است زمانی را برای نوشتن مطالب در قسمت عناوین و تگهای Alt اختصاص دهید. چرا که این کار وقت زیادی را از شما نمیگیرد و تأثیر بسیار مثبت و مفیدی در وبسایت شما و رتبه آن میگذارد.
ممنون از این که تا انتهای مقاله همراه وبسایت استاد وب بودید. امیدوارم از مطالب گفته شده لذت برده باشید. و مطالب برایتان مفید، آموزنده و کاربردی واقع شده باشند. شما میتوانید با مراجعه به مقالات موجود در این سایت از طریق لینکهای زیر اطلاعات بسیار مناسب و مفید در زمینههای مرتبط به دست آورید. و از این طریق اطلاعات خود را افزایش دهید.