تگ آلت چیست؟ تاثیر تگ آلت بر سئو سایت
تگ Alt چیست و چه اهمیتی در سئو سایت دارد؟
استفاده از تصاویر در صفحات مختلف سایت، علاوه بر زیبایی می تواند به انتقال بهتر مفهوم محتوای آن صفحه کمک کند. مهمتر از ایجاد جذابیت و درک بهتر محتوا برای کاربر، تصاویر می توانند تاثیر زیادی بر بهبود سئو و افزایش ترافیک سایت داشته باشند. به همین خاطر توجه به بهینهسازی تصاویر یکی از روشهای کاربردی در سئو به شمار میآید. تگ Alt یکی از ابزارهایی است که استفاده از آن در بهینهسازی تصاویر سایت بسیار کارآمد است. از مهمترین مزایای بهکارگیری تگ Alt و تگ عنوان (title) میتوان به بهبود رتبه محتوا در صفحهی نتایج و در پی آن دسترسی بهتر کاربر به مطالب سایت اشاره کرد. ما در این مقاله قصد داریم درباره مفهوم تگ Alt و تاثیر آن بر سئو سایت بیشتر بگوییم.
تگ Alt چیست؟
به شرح یا متنی که موضوع تصویر را در سایت توضیح میدهد، تگ Alt گفته میشود. اگر در هنگام بارگذاریِ صفحهای از یک سایت، به هر دلیلی (سرعت پایین اینترنت، اشکال در آدرس تصویر و ...) تصویر موجود در آن لود نشود، این توضیح (تگ Alt) بهعنوان جایگزین تصویر، مفهوم و عملکرد تصویر را به کاربر نشان میدهد. به همین سبب نام Alt یا متن جایگزین (Alternative text) را برای آن در نظر گرفتهاند. همچنین این ویژگی با عناوین دیگری مانند «Alt attribute» و « Alt text» و «Alt description» نیز شناخته میشود. این تگ بهعنوان یک ویژگی کاربردی به برچسب تصویر در HTML اضافه میشود تا به موتورهای جستجو کمک کند که مفهوم تصاویر را بهتر درک کنند.
جالب است بدانید که این ابزار به افراد نابینا و کمبینا هم کمک میکند. این افراد معمولا از مرورگرهایی استفاده میکنند که دارای قابلیت بازگویی آنلاین مطالب هستند و یا با استفاده از دستگاههای صفحه خوان (Screen reader) صفحهای از سایت را بررسی میکنند. بدین ترتیب تگ Alt کمک میکند تا نابینایان هم مفهوم تصاویر را دریافت کنند.
کد HTML خصوصیت Alt یک تصویر به این صورت نوشته میشود:
<img title="“image" src="“image.jpg”" alt="“image" />
بخش های کد HTML خصوصیت Alt
این کد از سه بخش تشکیلشده است که هر بخش کاربرد متفاوتی دارد:
img title : عنوان تصویر را نشان میدهد. شما هر عنوانی را که برای تصویرتان در نظر گرفته باشید باید در این قسمت از کد بنویسید.
alt : شما باید تگ alt موردنظرتان را در این قسمت از کد و درست بین دو علامت نقلقول قرار دهید.
img src : آدرس محل ذخیرهی تصویر را باید در این قسمت از کد جای دهید.
هرچند ازنظر تکنیکی، در یک تصویر ویژگیهایی مثل Alt و عنوان، تگ محسوب نمیشوند اما معمولا با نام «تگ» شناخته میشوند. وقتی شما نشانگر موس را روی عکس قرار میدهید، میتوانید تگِ عنوان را مشاهده کنید. این تگ میتواند بهعنوان یک راهنما برای عکس و یا یک پیشنهاد جذاب برای کاربر باشد، پیشنهادی که او را به کلیک روی عکس تشویق کند. در حالت دوم این تگ درواقع بهعنوان ابزاری برای فراخوان یک عمل (Call to Action) در سایت قرار میگیرد.
تبلیغات درون متنی/
اگر تمایل دارید برای شرکت خود اقدام به طراحی سایت کنید پیشنهاد می کنم ابتدا مقالات مربوط به تفاوت طراحی سایت شرکتی و طراحی سایت فروشگاهی را مطالعه کنید. من به شما پیشنهاد می کنم خدمات طراحی سایت پیام آوا را برای این کار نگاه کنید. شرکت پیام آوا بهترین و با کیفیت ترین خدمات طراحی سایت را در قالب طراحی سایت ارزان و مقرون به صرفه به شما ارائه می کند.
تبلیغات درون متنی
تگ Alt تصاویر چیست و چه تاثیری بر سئوی سایت دارد؟
ترجیح میدهم که این مطلب را با اهمیت تگ Alt آغاز نکنیم. میخواهیم کمی به عقب بازگردیم؛ به اهمیت تصاویر در یک مقاله آنلاین. شما اغلب برای جذاب شدن، بهتر خوانده شدن و گاهی برای کوتاه کردن مطالب، از تصاویر استفاده میکنید. تصاویر در فهم بهتر مطالب توسط کاربران اینترنتی نقش مؤثری دارند اما کاربرد آنها تنها به همین مورد خلاصه نمیشود.
تصاویر یکی از راههای مؤثر در بهبود سئوی وبسایت شما محسوب میشوند. استفاده از تصاویر جذاب نه تنها به خوانده شدن مطالب شما توسط کاربر کمک میکند، بلکه میتواند ترافیک خوبی را نیز به سمت سایت شما روانه کند.
یکی از نکات مهم در بهینه سازی تصاویر سایت، استفاده از ویژگی Alt برای آنها است. تگ Alt و تگ عنوان در تقویت جایگاه مطالب در نتایج موتورهای جستجو و بهبود دسترسی کاربران اینترنتی به وبسایت شما تاثیرگذارند. در این نوشتار تلاش کردهایم تا تمام نکات پیرامون تگ Alt و تگ عنوان و شیوه بهینهسازی آنها را با بیانی ساده شرح دهیم.
بنابراین اگر دوست دارید با تگ Alt و چگونگی بهینه سازی آن آشنا شوید، این مقاله را تا انتها دنبال کنید.
تگ Alt چیست؟
در تمام تصاویر به کار رفته در یک وبسایت، تگ Alt توصیفکننده موضوعی است که از تصویر استنباط میشود. این تگ میتواند به عنوان متنی جایگزین برای تصاویر به هنگام خطا در بارگذاری نیز مورد استفاده قرار گیرد تا کاربران در صورت عدم نمایش تصویر، از مفهوم و عملکرد آن باخبر شوند.
افزون بر این، مرورگرها قابلیتی دارند که معمولاً افراد نابینا یا دارای اختلال بینایی برای شنیدن مطالب آنلاین از آن استفاده میکنند. خواندن این تگها توسط مرورگر، انتقال مفهوم و محتوای تصاویر را برای این افراد امکانپذیر میکند. اما این تنها کاربرد تگ Alt نیست!
کد زیر نمونه یک تگ تصویر HTML کامل است:<img title="“image" src="“image.jpg”" alt="“image" />
همانطور که مشاهده میکنید در کد بالا 3 قسمت وجود دارد که در زیر کاربرد هر کدام را بررسی میکنیم:
- img src: این بخش، مرتبط با آدرس تصویر است. برای آنکه تصویری را در محتوای سایت خود قرار دهید، باید آدرس تصویر در محلی که ذخیره شده است را در این قسمت قرار دهید.
- alt: این بخش مرتبط با تگ alt است. در بین علامت نقل قول، باید تگ Alt مورد نظر خود را قرار دهید.
- title: این بخش در حقیقت عنوان تصویر شماست. در این بخش باید برای تصویر خود عنوان مناسب قرار دهید.
ویژگیهای عنوان و Alt در یک تصویر، گرچه از لحاظ تکنیکی واقعاً تگ محسوب نمیشوند اما با نام تگ عنوان و تگ Alt شناخته میشوند. تگ Alt مفهوم و کاربرد تصویر را توصیف میکند. بنابراین، اگر شما از یک تصویر به عنوان یک دکمه برای خرید کالای X استفاده کردهاید، تگ Alt آن باید چیزی شبیه به دکمه خرید کالای X باشد.
هنگامی که نشانگر موس را روی تصاویر میکشید، تگ عنوان ظاهر میشود. این تگ در حقیقت میتواند یک راهنمای ساده درباره عکس یا یک پیشنهاد جذاب برای تشویق کاربران به کلیک بر روی عکس باشد. بنابراین، در مورد مثال تصویر دکمه خرید کالا، تگ عنوان میتواند یک ابزار فراخوان برای عمل (یا اصطلاحاً Call-to-Action) مانند خرید کالای X تنها با 20 هزار تومان باشد.
به طور معمول، تصاویر وبسایت برای بهتر دیده شدن توسط موتورهای جستجو به تگ Alt نیاز دارند. معمولاً تصاویری که به منظور طراحی و تزئین وبسایت استفاده میشوند، باید در بین کدهای CSS قرار گیرند نه در میان کدهای HTML. با این وجود اگر امکان این تغییر وجود ندارد، همانند تصویر زیر به راحتی میتوانید تگ Alt را خالی بگذارید تا مرورگرها و موتورهای جستجو از خواندنشان صرف نظر کنند.
تگ Alt چه تاثیری بر سئو سایت دارد؟
برای آنکه تصاویر یک سایت توسط موتورهای جستجو بهتر درک شوند، به تگ Alt احتیاج دارند. به همین خاطر تگ Alt بر بهبود سئوی یک سایت بسیار موثر خواهد بود چراکه کمک میکند تا موتورهای جستجو با درک بهتر مفهوم عکس و محتوای سایت، آن را در جایگاه بهتری در صفحه نتایج قرار دهد. اهمیت این موضوع تا جایی است که گوگل، سرویس Google image را بر پایهی تگ Alt ایجاد کرده است. اگر هم از سیستم تولید محتوای وردپرس استفاده کنید، افزونه یوآست سئو (Yoast SEO) قبل از بارگذاری محتوا به شما توصیه میکند که حداقل از یک تگ Alt استفاده کنید و بهتر است این تگ شامل کلمه کلیدی باشد. چراکه خزنده (Spider)های موتور جستجو با کمک تگ Alt راحتتر میتوانند مفهوم تصاویر را index کنند.
شما متناسب با محتوای سایتتان باید از عکسهایی باکیفیت استفاده کنید و در تگهای توصیفیِ این عکسها، کلمات کلیدی را به شکل مناسبی به کار ببرید. درصورتیکه محتوای تصویرتان به جزییات زیادی میپردازد، بهتر است که از تگهای توصیفی طولانی استفاده کنید. اینگونه تگها علاوه بر اینکه برای بهکارگیری مناسب کلمات کلیدی دستتان را باز میگذارد برای درک تصویر و محتوا هم به موتورها جستجو کمک بیشتری میکنند. اگرچه استفاده از کلمات کلیدی در تگهای Alt ضروری است اما بههیچعنوان توصیه نمیشود که در تمامی تگها و بیشازحد لزوم از آنها استفاده کنید. بهعلاوه برای نوشتن تگ Alt نیازی نیست که در ابتدای عبارتِ توصیفی موردنظرتان از «تصویر یک ...» یا «عکس یک ...» استفاده کنید. زیرا موتورهای جستجو با شناسایی این تگ بهطور خودکار درمییابند که شما از یک تصویر استفاده کردهاید. بنابراین نیازی به استفاده از چنین عبارتهایی نیست.
چگونه یک تگ alt اثربخش برای سئو ایجاد کنیم؟
هنگام استفاده از تگ alt تصویر، مهم است که اطلاعات متنی بیان شود تا کاربران در نمایش تصویر مشاهده کنند و صرفا برای دادن یک لیبل به تصویرتان نباشد. یکی از توصیههای گوگل این است که تا آنجایی که ممکن است آنها را برای کاربران نهایی مفید کنید. در ادامه لیستی از نکات در مورد چگونگی اینکه میتوانید یک متن alt (تگ alt) مؤثر ایجاد کنید، آمده است.
- متن را کوتاه و ساده نگه دارید؛
بهترین گزینه این است که از یک متن alt تصویر کوتاه و دقیق استفاده کنید. اگر از تصویری استفاده میکنید که مربوط به متن مقاله شماست، بهتر است از تگ توصیفی تر استفاده کنید.
- میتوانید موضوع صفحه را در متن alt ذکر کنید؛
یکی از مؤثرترین راههایی که گوگل در مورد موضوع صفحه شما و افزایش رتبهبندی آن در موتورهای جستجو بیان میکند متن alt است. بنابراین اگر صفحه شما در مورد استراتژی بازاریابی است در نتیجه یک مزیت سئو خواهد بود که صفحه شامل یک تصویر از بازاریابی با متن alt مانند ‘alt=”Marketing”‘ داشته باشد.
- متن احاطه شده در تصویر را در نظر بگیرید؛
موقعیت تصاویر با تگهای alt تصویر در نزدیکی متن مناسب کمک خواهد کرد که یک تجربه قابل فهم را برای بازدیدکنندگان غیر بصری ایجاد کند.
- با به کار بردن کلمات کلیدی، وبسایت شما رتبه بهتری در موتورهای جستجو میگیرد؛
با استفاده از کلمات کلیدی وبسایت خود، کمک به افزایش رتبه تصاویر کنید. اما مراقب باشید تا با بد به کار بردن آنها به سئوی خود آسیب نزنید.
- از به کار بردن بیش از حد کلمات کلیدی (keyword stuffing) دوری کنید؛
گوگل و سایر موتورهای جستجو این نوع کارها را دوست ندارند؛ بنابراین بهتر است که از این کار اجتناب کنید. یک توصیف ساده بر روی تصویر خود کافی است و از هر نوع پنالتی شدن در گوگل اجتناب خواهد کرد.
جمعبندی: تگ alt چیست؟
همانطور که بهطور کامل توضیح داده شد استفاده از تگ Alt مزایای بسیاری برای سایت و کاربران دارد، مزایایی مانند درک بهتر محتوا توسط موتورهای جستجو و بهبود دسترسی افراد نابینا به سایت. بنابراین بهتر است همواره از این ویژگی به بهترین نحو بهره ببرید. در آخر ذکر این نکته ضروری است که اگر قصد دارید از تصاویری استفاده کنید که جنبه تزیینی دارند و قرار نیست مفهوم خاصی را به مخاطب منتقل کند، بهتر است بهجای آنکه این تصویر را در میان کدهای HTML قرار دهید، در بین کدهای CSS از آن استفاده کنید.
---------------------------------------------------------------------------------------------------------------------------
تبلیغات میان متنی/
درب شیشه ای چیست؟ا یکی از ملزومات دکوراسیون لوکس و مدرن ساختمان های امروز به حساب می آیند. قیمت درب شیشه ای را در سایت قائم الکتریک مشاهده کنید. همچنین درب ورودی ساختمان ها نیز برای حفظ امنیت عبور و مرور نیازمند تجهیزات راهبند است. قیمت راهبند را از قائم الکترونیک به راحتی دریافت کنید. تیم نکته عمومی و عامیانه این است که در شیشه ای یا همان درب شیشه ای به درب اتوماتیک شیشه ای اشاره دارند. درب شیشه ای در انواع مختلف را از قائم الکترونیک بخواهید.
تبلیغات میان متنی
-----------------------------------------------------------------------------------------------------------------------------------------
تاثیر تگ Alt بر سئو سایت
گوگل برای تگهای Alt تصاویر، ارزش نسبتاً بالایی در نظر گرفته است. این ارزشگذاری به دلیل فهم آسانتر تصاویر و تعیین موضوع محتوای پیرامون آنها صورت میگیرد. همانطور که قبلاً بارها اشاره کردیم این ارزشگذاری به قدری جدی است که گوگل سرویس Google Image را به آن اختصاص داده است. همچنین، افزونه Yoast SEO محتوای وبسایت را پیش از بارگذاری بررسی کرده و معمولاً توصیه میکند که حداقل یک تصویر به همراه تگ Alt (متشکل از کلمه کلیدی) باید در محتوا وجود داشته باشد. به این ترتیب، در صورت نبود تصویر در محتوا یا استفاده نکردن از تگ Alt، به شما اطلاع میدهد.
با این حال، افزونه Yoast تنها یک ماشین پردازش است و از مفهوم محتوای شما آگاهی ندارد. وجود کلمه کلیدی در تگهای Alt اگرچه الزامی است، اما به معنای استفاده بیش از اندازه آنها در تمام تگها نیست. شما به عکسهایی مناسب، باکیفیت و مرتبط با محتوای خود نیاز دارید که در تگهای توصیفیشان به نوعی از کلمات کلیدی استفاده کنید. با این حال، گاه محتوای تصویر به قدری به جزئیات میپردازد که اجازه استفاده از کلمات کلیدی کوتاه و کلی را به شما نمیدهد. با این وجود استفاده از تگهای Alt طولانی و توصیفی هم شانس استفاده بهتر از کلمه کلیدی را افزایش میدهد و هم در فهم تصویر و محتوا برای موتورهای جستجوگر مؤثر است.
تگ Alt و تگ عنوان در وردپرس
اگر از وردپرس برای مدیریت محتوای وبسایت و وبلاگ خود استفاده میکنید، میتوانید از قابلیتهای در نظر گرفته شده برای تگ عنوان و تگ Alt تصاویر بهره گیرید. وردپرس به طور پیشفرض نامی که تصاویر با آن ذخیره میشوند را برای تگ عنوان یا نام تصویر در مطلب در نظر میگیرد که در صورت عدم ارتباط آن با محتوا میبایست این نام را تغییر دهید.
همچنین، تصاویر ذخیرهشده در دوربینهای عکاسی نیز با نامهایی نظیر DCMIMAGE10.jpg ذخیره میشوند که نام آنها باید متناسب با محتوای شما تغییر کنند. پس از تنظیم عنوان، اگر هیچ متن مناسبی برای تگ Alt در نظر ندارید، بهتر است همان عنوان عکس را در قسمت متن جایگزین (همان تگ Alt) کپی کنید. اگرچه این کار چندان توصیه نمیشود، اما بهتر از خالی گذاشتن این قسمت است.
در واقع، با توجه به امکانات کاربرپسندی که وردپرس در اختیار مدیران وبسایت قرار میدهد، عدم استفاده از تگ Alt و بهینهسازی نکردن تصاویر سایت به جز تنبلی دلیل دیگری ندارد. این در حالی است که با همین تغییرات جزئی (که تنها چند دقیقه زمان میبرد) میتوانید سئوی وبسایت خود را به میزان زیادی بهبود داده و جایگاه بهتری در نتایج موتورهای جستجو کسب کنید
سخن پایانی
بازاریابی و تبلیغات به رکن اساسی جامعه امروز ما تبدیل شده است. سئو و بهینه سازی سایت برای موتورهای جست و جو و همچنین تبلیغات گوگل ادوردز از جمله مهمترین روش ها برای بیشتر دیده شدن سایت شما به حساب می آید. شرکت پیام آوا خدمات طراحی سایت تهران و سئو را با مناسب ترین قیمت به شما ارائه می دهد.