ارزدیجیتال
حراجی دامنه های ویژهمشاهده





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

فرق بین تگ alt و title در تصاویر چیست؟

وردپرس , مقالات,آموزش,ترفند

فرق بین تگ alt و title در تصاویر چیست؟

مقدار زیادی از محتوای وب شامل تصاویر است با این حال بسیاری از صاحبان سایت تصاویر خود را برای سرعت و رتبه بندی بهتر بهینه نمیکنند. با اینکه وردپرس همراه با گزینه ای برای اضافه کردن متن ALT و عنوان تصویر می آید اغلب مبتدیان تفاوت و نحوه ی استفاده از آنرا نمیفهمند. در این مقاله ما تفاوت بین تگ ALT و title در تصاویر را آموزش میدهیم.

 

متن ALT و عنوان تصویر چیست؟

متن ALT یا متن جایگزین یک ویژگی اضافه شده به برچسب تصویر در HTML میباشد. این متن در داخل ظرف تصویر زمانیکه تصویر نمایش داده نمیشود دیده میشود. این موضوع به موتورهای جستجو در درک تصویر کمک میکند. متن جایگزین برای تصاویری که در صفحه پیدا نمیشود مفید است.

فرق بین تگ alt و title در تصاویر چیست؟

عنوان تصویر ویژگی دیگری است که میتوان به تگ تصویر در HTML اضافه کرد. متنی که در تگ عنوان وارد میکنید زمانیکه تصویر نمایش داده نشود به کاربر نشان داده نمیشود. در عوض زمانیکه کاربر ماوس را اطراف عکس حرکت میدهد در یک پنجره نمایش داده میشود.

فرق بین تگ alt و title در تصاویر چیست؟

تگ alt و title تصاویر اغلب برای بهبود بخشیدن به دسترسی به وب سایت برای کسانیکه دید ضعیف دارند یا دستگاه صفحه خوان دارند استفاده میشود. صفحه خوان متن مقاله وارد شده را میخواند و زمانیکه به تصاویر می آید به تصاویر میگوید:Title XYZ. به کاربران اجازه میدهد که بدانند چرا با وجود دیده نشدن عکس،تگ اضافه کرده اید.

 

نحوه ی افزودن متن ALT به تصویر در وردپرس

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

فرق بین تگ alt و title در تصاویر چیست؟

میتوانید با رفتن به رسانه>کتابخانه به تصاویر،متن ALT اضافه کنید و در زیر تصویر روی Edit link کلیک کنید.

فرق بین تگ alt و title در تصاویر چیست؟

نحوه ی افزودن TITLE تصاویر در وردپرس

زمانیکه در حال آپلود یک تصویر با استفاده از آپلودر رسانه وردپرس ساختاری هستید،فیلد عنوان را میبینید. فیلد عنوان توسط وردپرس برای مدیریت فایل های رسانه ای استفاده میشود و نباید با ویژگی عنوان استفاده شده در تصویر مغشوش شود.

فرق بین تگ alt و title در تصاویر چیست؟

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

فرق بین تگ alt و title در تصاویر چیست؟

پنجره ویرایش تصویر را جاییکه نیاز است روی گزینه پیشرفته کلیک شود را خواهد آورد. گزینه ای را برای افزودن ویژگی عنوان تصویر نمایش میدهد.

فرق بین تگ alt و title در تصاویر چیست؟

برای کاربرانی که از ویرایش کمی از HTML نمیترسند به سادگی به ویرایش متن تغییر دهید و ویژگی عنوان را به برچسب تصویر اضافه کنید مانند زیر:

<img class="alignleft size-medium wp-image-2204" src="http://www.example.com/wp-content/uploads/2014/10/bike.jpg" alt="alternate text for image" width="300" height="199" title="A proper title attribute" />

متناوبا میتوانید از یک افزونه به نام Restore Image Title که با استفاده از فیلد عنوان در آپلود بعنوان ویژگی عنوان از تصاویر استفاده کنید.

 

نتیجه گیری کلی:

به کاربران خود توصیه میکنیم که هم از متن ALT و هم از TITLE تصاویر استفاده کنند. یکی از مزایای واضح آن کمک به موتورهای جستجوی در کشف تصاویر و نمایش آنها در نتایج جستجوی تصویری گوگل میباشد. مزیت دیگر آن بهبود دسترسی به سایت و توضیح تصاویر برای افرادی که نیازهای خاص دارند. موتورهای جستجو بخصوص گوگل ادعا دارد که آنها فقط روی تگ ALT بعنوان یک عامل رتبه بندی برای تصاویر تمرکز دارند.

 

اما این به این معنا نیست که آنها بطور کامل از ویژگی عنوان چشم پوشی میکنند،سعی کنید به هر دو ویژگی با استفاده از کلمات کلیدی که تصاویر را توصیف میکند متون مختلف اضافه کنید. همچنین به یاد داشته باشید که کلمات زیادی به هر دو ویژگی اضافه نکنید. در عوض نوشتن متون توصیفی و متون مفید تصاویر را توصیف میکند.

این محتوا چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 وردپرس , مقالات,آموزش,ترفند
لینک کوتاه مطلب : https://www.20script.ir/?p=47822
کلمات کلیدی پست :
مطالب مرتبط
14,751دانلود کتاب آموزش کامل مدیریت وردپرس فارسی تاریخ : 2016/10/26
8,828وردپرس ۵٫۰ و تغییرات احتمالی آن تاریخ : 2018/10/4
10,739ریست کردن پسورد تمامی کاربران در وردپرس تاریخ : 2017/07/11
16,066دانلود قالب عروسی moreno برای وردپرس تاریخ : 2013/11/22
6,636آموزش اضافه کردن استایل دلخواه به ابزارک ها در وردپرس تاریخ : 2019/11/4
13,012محدود کردن ثبت نام با ایمیل خاص در وردپرس تاریخ : 2017/09/9
23,379افزونه وردپرس درج منبع خبر با روتیتر تاریخ : 2015/06/21
7,812ایجاد محدودیت در بازنگری پست ها در وردپرس تاریخ : 2018/12/31
14,512قالب وردپرس دیزاینر نسخه 2 تاریخ : 2014/08/30
23,420افزونه ایجاد فرم های فلت WP Flat Cost Estimation Form Creator تاریخ : 2014/06/17
3,808انتقال کاربر به صفحه تشکر بعد از ثبت نظر در وردپرس تاریخ : 2023/11/7
9,980رفع خطای پنهان شدن دکمه های ویرایشگر متن در وردپرس تاریخ : 2019/09/18
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب