مشاوره رایگان : 09173119959
ترجیح میدهم که این مطلب را با اهمیت تگ Alt آغاز نکنیم. میخواهیم کمی به عقب بازگردیم؛ به اهمیت تصاویر در یک مقاله آنلاین. شما اغلب برای جذاب شدن، بهتر خوانده شدن و گاهی برای کوتاه کردن مطالب، از تصاویر استفاده میکنید. تصاویر در فهم بهتر مطالب توسط کاربران اینترنتی نقش مؤثری دارند اما کاربرد آنها تنها به همین مورد خلاصه نمیشود.
تصاویر یکی از راههای مؤثر در بهبود سئوی وبسایت شما محسوب میشوند. استفاده از تصاویر جذاب نه تنها به خوانده شدن مطالب شما توسط کاربر کمک میکند، بلکه میتواند ترافیک خوبی را نیز به سمت سایت شما روانه کند.
یکی از نکات مهم در بهینه سازی تصاویر سایت، استفاده از ویژگی Alt برای آنها است. تگ Alt و تگ عنوان در تقویت جایگاه مطالب در نتایج موتورهای جستجو و بهبود دسترسی کاربران اینترنتی به وبسایت شما تاثیرگذارند. در این نوشتار تلاش کردهایم تا تمام نکات پیرامون تگ Alt و تگ عنوان و شیوه بهینهسازی آنها را با بیانی ساده شرح دهیم.
بنابراین اگر دوست دارید با تگ Alt و چگونگی بهینه سازی آن آشنا شوید، این مقاله را تا انتها دنبال کنید.
در تمام تصاویر به کار رفته در یک وبسایت، تگ Alt توصیفکننده موضوعی است که از تصویر استنباط میشود. این تگ میتواند به عنوان متنی جایگزین برای تصاویر به هنگام خطا در بارگذاری نیز مورد استفاده قرار گیرد تا کاربران در صورت عدم نمایش تصویر، از مفهوم و عملکرد آن باخبر شوند.
افزون بر این، مرورگرها قابلیتی دارند که معمولاً افراد نابینا یا دارای اختلال بینایی برای شنیدن مطالب آنلاین از آن استفاده میکنند. خواندن این تگها توسط مرورگر، انتقال مفهوم و محتوای تصاویر را برای این افراد امکانپذیر میکند. اما این تنها کاربرد تگ Alt نیست!
کد زیر نمونه یک تگ تصویر HTML کامل است: همانطور که مشاهده میکنید در کد بالا 3 قسمت وجود دارد که در زیر کاربرد هر کدام را بررسی میکنیم:
ویژگیهای عنوان و Alt در یک تصویر، گرچه از لحاظ تکنیکی واقعاً تگ محسوب نمیشوند اما با نام تگ عنوان و تگ Alt شناخته میشوند. تگ Alt مفهوم و کاربرد تصویر را توصیف میکند. بنابراین، اگر شما از یک تصویر به عنوان یک دکمه برای خرید کالای X استفاده کردهاید، تگ Alt آن باید چیزی شبیه به دکمه خرید کالای X باشد.
هنگامی که نشانگر موس را روی تصاویر میکشید، تگ عنوان ظاهر میشود. این تگ در حقیقت میتواند یک راهنمای ساده درباره عکس یا یک پیشنهاد جذاب برای تشویق کاربران به کلیک بر روی عکس باشد. بنابراین، در مورد مثال تصویر دکمه خرید کالا، تگ عنوان میتواند یک ابزار فراخوان برای عمل (یا اصطلاحاً Call-to-Action) مانند خرید کالای X تنها با 20 هزار تومان باشد.
به طور معمول، تصاویر وبسایت برای بهتر دیده شدن توسط موتورهای جستجو به تگ Alt نیاز دارند. معمولاً تصاویری که به منظور طراحی و تزئین وبسایت استفاده میشوند، باید در بین کدهای CSS قرار گیرند نه در میان کدهای HTML. با این وجود اگر امکان این تغییر وجود ندارد، همانند تصویر زیر به راحتی میتوانید تگ Alt را خالی بگذارید تا مرورگرها و موتورهای جستجو از خواندنشان صرف نظر کنند.
گوگل برای تگهای Alt تصاویر، ارزش نسبتاً بالایی در نظر گرفته است. این ارزشگذاری به دلیل فهم آسانتر تصاویر و تعیین موضوع محتوای پیرامون آنها صورت میگیرد. همانطور که قبلاً بارها اشاره کردیم این ارزشگذاری به قدری جدی است که گوگل سرویس Google Image را به آن اختصاص داده است. همچنین، افزونه Yoast SEO محتوای وبسایت را پیش از بارگذاری بررسی کرده و معمولاً توصیه میکند که حداقل یک تصویر به همراه تگ Alt (متشکل از کلمه کلیدی) باید در محتوا وجود داشته باشد. به این ترتیب، در صورت نبود تصویر در محتوا یا استفاده نکردن از تگ Alt، به شما اطلاع میدهد.
با این حال، افزونه Yoast تنها یک ماشین پردازش است و از مفهوم محتوای شما آگاهی ندارد. وجود کلمه کلیدی در تگهای Alt اگرچه الزامی است، اما به معنای استفاده بیش از اندازه آنها در تمام تگها نیست. شما به عکسهایی مناسب، باکیفیت و مرتبط با محتوای خود نیاز دارید که در تگهای توصیفیشان به نوعی از کلمات کلیدی استفاده کنید. با این حال، گاه محتوای تصویر به قدری به جزئیات میپردازد که اجازه استفاده از کلمات کلیدی کوتاه و کلی را به شما نمیدهد. با این وجود استفاده از تگهای Alt طولانی و توصیفی هم شانس استفاده بهتر از کلمه کلیدی را افزایش میدهد و هم در فهم تصویر و محتوا برای موتورهای جستجوگر مؤثر است.
اگر از وردپرس برای مدیریت محتوای وبسایت و وبلاگ خود استفاده میکنید، میتوانید از قابلیتهای در نظر گرفته شده برای تگ عنوان و تگ Alt تصاویر بهره گیرید. وردپرس به طور پیشفرض نامی که تصاویر با آن ذخیره میشوند را برای تگ عنوان یا نام تصویر در مطلب در نظر میگیرد که در صورت عدم ارتباط آن با محتوا میبایست این نام را تغییر دهید.
همچنین، تصاویر ذخیرهشده در دوربینهای عکاسی نیز با نامهایی نظیر DCMIMAGE10.jpg ذخیره میشوند که نام آنها باید متناسب با محتوای شما تغییر کنند. پس از تنظیم عنوان، اگر هیچ متن مناسبی برای تگ Alt در نظر ندارید، بهتر است همان عنوان عکس را در قسمت متن جایگزین (همان تگ Alt) کپی کنید. اگرچه این کار چندان توصیه نمیشود، اما بهتر از خالی گذاشتن این قسمت است.
ما از جدیدترین تکنولوژی های تحت وب بهره می بریم.برای سفارش طراحی سایت خود با شماره 09173119959 تماس بگیرید
نام و نام خانوادگی :*
ایمیل :
نظرات: *
خدمات طراحی سایت سیرن
تمامی حقوق این وب سایت متعلق به گروه طراحی سیرن می باشد و هر گونه کپـی برداری از آن پیــگرد قانـونی خواهد داشت
صفحه نخست
سفارش طراحی
نمونه کارها
وبلاگ
تماس با ما