شروع پرقدرت آموزش HTML و CSS [ ورود به دنیای هیجان انگیز وب! ]

30% تخفیف برای مدت محدود!

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


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

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

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

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

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

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

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

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

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

معرفی تگ Alt در تصاویر

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

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

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

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

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


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


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

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

چگونه می‌توان تگ Tittle را در وردپرس ایجاد کرد؟

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

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

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

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


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

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

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

شورت کد چیست؟ هر آنچه باید از ShortCode‌ها در وردپرس بدانید

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

نحوه ایجاد گالری تصاویر در وردپرس بدون نیاز به افزونه

داشتن یک گالری تصاویر به مدیران وب‌سایت‌ها این امکان را می‌دهد که تصاویر داخل سایت خود را در قالب اُرگانیز...

آموزش طراحی و ایجاد انواع جدول در وردپرس

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

راهنمای قدم‌به‌قدم انتقال وب‌سایت وردپرس از لوکال‌هاست به هاست بدون افزونه

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

پکیج آموزش html و css

دوره آموزش HTML و CSS

دوره آموزش HTML و CSS به صورت ویدیویی و پروژه محور : ...

دوره آموزش افزونه EDD

دوره آموزش افزونه EDD

اگر قصد ساخت یک فروشگاه آنلاین برای فروش انواع فایل‌های قابل دانلود ...

دوره آموزش وردپرس فارسی

دوره آموزش وردپرس فارسی

در پکیج آموزش وردپرس فارسی یاد می‌گیرید که چطور از صفر و ...

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

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

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