تفاوت alt و tittle در تصاویر چیست؟ چرا باید از آنها استفاده کرد؟


نویسنده:
چهارشنبه ۹ بهمن ۱۳۹۸
۱۶ بازدید
تفاوت alt و tittle در تصاویر چیست؟چرا باید از آنها استفاده کرد؟

یکی از اصولی که در محتوای وب و سئو سایت‌ها حائز اهمیت می‌باشد انتخاب و قرار دادن تصاویر در کنار محتوای ایجاد شده در سایت می‌باشد. زمانی‌که ادمین یک سایت تصاویری را در سایت خود قرار می‌دهد، باید به این نکته توجه کافی داشته باشد که تصاویر باحجم مناسبی بهینه شده باشند. همچنین استفاده از دو تگ Alt و Title برای عنوان و متن مناسب تصویر، باعث می‌شود وب‌سایت موردنظر برای رتبه‌بندی بهتر در گوگل بین رقبای خود بهینه‌سازی شود.

اگر مایلید که بدانید چگونه می‌توان حجم تصاویر سایتتان را بهینه‌سازی کنید، می‌توانید به مقاله زیر مراجعه کنید:

بهترین روش‌های بهینه‌سازی و کاهش حجم تصاویر سایت

دراین مقاله قصد داریم دو تگ Alt و Title را معرفی کرده و درمورد چگونگی سئو سایت‌ها با استفاده از این دو تگ بپردازیم.

علت استفاده از Alt و Title

همانطور که بیان کردیم تصاویر نقش بسیار مهمی در محتوای سایت دارند، استفاده از این دوتگ کاربردی، به سئو سایت شما کمک می‌کند و باعث می‌شود سایت شما حرفه‌ای‌تر به نظر برسد.
دلیل دیگر اهمیت این خصیصه ها موتورهای جستجو هستند. زمانی که موتورهای جستجو به ایندکس سایت می‌پردازند، تصویر موردنظر را باتوجه به وجود این تگ‌ها درک کرده و درنتیجه محتوای سایت‌ها رتبه بهتری کسب می‌کنند.

همچنین برای کاربران کم‌بینا یا نابینا که از دستگاه‌های متن‌خوان استفاده می‌کنند، وجود چنین تگ‌هایی بسیار مفید است. بدین صورت‌که هنگامی که به یک تصویر در محتوای سایت رسیدند، با استفاده از تگ عنوان و تگ متنی می‌توانند متوجه حضور تصویر و مفهوم آن بشوند.

تگ Alt در تصاویر به چه معناست؟

یکی از مواردی که باعث می‌شود در محتوای ایجاد شده سایت، کاربر متن را درک کرده و با آن ارتباط بهتری برقرار کند، استفاده از یک تصویر مشخص و برجسته می‌باشد. ولی گاهی اوقات ممکن است این تصویر در صفحه موردنظرمان بارگیری نشود و درنتیجه کاربر از موضوع تصویر آگاه نشود. اینجاست که alt به کمک ما می‌آید.

خصیصه alt یک متن جایگزین تصویر می‌باشد که موضوع تصویر را توصیف می‌کند. این تگ زمانی‌که تصویر بارگیری نشود در داخل ظرف تصویر نمایان می‌شود و مفهوم عکس را بازگو می‌کند.

نحوه ایجاد تگ Alt برای تصاویر در وردپرس

وردپرس این امکان را به شما می‌دهد که زمانی‌که تصویر موردنظر خود را در سایت آپلود می‌کنید، بتوانید به راحتی متن جایگزین تصویر را به آن اضافه کنید. برای اینکار می‌توانید بعد از افزودن محتوای متنی خود در قسمت افزودن نوشته وردپرس، از گوشه سمت چپ، گزینه قرار دادن تصویر شاخص را انتخاب کنید. سپس بعد از آپلود تصویر، در قسمت کادرهایی که وردپرس در اختیار شما قرار می‌دهد ” متن جایگزین تصویر” را اضافه کنید.

تفاوت alt و tittle در تصاویر چیست؟چرا باید از آنها استفاده کرد؟


تفاوت alt و tittle در تصاویر چیست؟چرا باید از آنها استفاده کرد؟


تگ Tittle در تصاویر به چه معناست؟

این تگ زمانی نشان داده می‌شود که کاربر نشان‌گر ماوس خود را بر روی تصویر حرکت دهد، دراین صورت پنجره کوچکی باز می‌شود که عنوان تصویر درآن نوشته شده است. در واقع از این تگ برای نام گذاری و معرفی هر تصویر استفاده می‌شود.

نحوه ایجاد تگ Tittle برای تصاویر در وردپرس

در وردپرس، هنگامی‌که تصویر موردنظر خود را آپلود کردید، در گوشه سمت چپ، کادری با نام “عنوان” وجود دارد. در این فیلد نمی‌توان title را قرار داد. زیرا وردپرس از این فیلد برای مدیریت تصاویر استفاده می‌کند و ارتباطی با title تصویر ندارد.

تفاوت alt و tittle در تصاویر چیست؟چرا باید از آنها استفاده کرد؟

برای قرار دادن عنوان در تصویر باید کمی دست به کد شوید! کافیست از بخش تنظیمات هر بلاک در ویرایشگر گوتنبرگ آن را روی ویرایش به عنوان HTML قرار دهید. (مانند تصویر زیر)
برای ویرایشگرهای کلاسیک باید حالت ویرایشگر را از حالت دیداری به متن تغییر دهید.

قرار دادن title در تصاویر وردپرس


سپس در کد <img> یک title اضافه کنید مانند کد زیر:

امیدوارم این مقاله برای شما کاربران عزیز مفید بوده باشد! برای آشنایی بیشتر با سیستم مدیریت محتوای وردپرس می‌توانید از قسمت وردپرس در بخش مقالات آموزشی سایت ما بازدید کنید.

مطالب زیر را حتما بخوانید

تغییر سایز تصاویر شاخص در وردپرس با افزونه Regenerate Thumbnails

برای تغییر سایز تصاویر شاخص یا بازسازی تصاویر وردپرس از افزونه Regenerate Thumbnails کمک بگیرید. بررسی + تنظیمات افزونه در...

فشرده سازی تصاویر در وردپرس با افزونه wp smush

برای کاهش حجم تصاویر و بهینه‌سازی آن همچنین برای تغییر سایز تصاویر بزرگ و پر حجم بهتر است از افزونه...

۱۵ روش رایگان برای افزایش بازدید سایت

۱۵ روشی که بدون هزینه کردن می‌توانید ترافیک و بازدید سایت را افزایش دهید، در این مقاله بخوانید.

افزایش امنیت وردپرس با رعایت ۱۰ نکته

افزایش امنیت وردپرس با انجام ۱۰ نکته‌ی ساده‌ی زیر تا حد زیادی قابل انجام است. برای افزایش امنیت در وردپرس...

آمار بازدید در وردپرس با افزونه Slimstat Analytics

افزونه‌ی slimstat analytics یا همان wp-slimstat سابق، جزو مهم‌ترین افزونه‌های آمار وب سایت‌های وردپرسی است. این افزونه با امکانات بالا...

تست سلامتی سایت در وردپرس – حال سایت شما چطور است؟

تست سلامت سایت یک ابزار جدید وردپرس است که به شما کمک می کند سایتتان را معاینه کنید. در این...

دیدگاهتان را بنویسید

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *