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

تبلیغات
تبلیغات تبلیغات

فرق بین تگ 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 بعنوان یک عامل رتبه بندی برای تصاویر تمرکز دارند.

 

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

دانلود


هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=47822
کلمات کلیدی پست :
مطالب مرتبط
3,532قالب متفاوت برای ادامه مطلب هر دسته در وردپرس تاریخ : 2018/05/30
12,231آموزش نصب وردپرس روی لوکال هاست تاریخ : 2016/02/25
8,029قالب زیبای سما دیزاین برای وردپرس تاریخ : 2014/05/11
2,020پوسته بازی های کامپیوتری Gamezone برای وردپرس تاریخ : 2019/10/4
3,796وردپرس ۵٫۰ و تغییرات احتمالی آن تاریخ : 2018/10/4
6,432آموزش افزودن اطلاعات فردی به جستجوی گوگل تاریخ : 2017/09/12
15,003دانلود قالب دومنا نسخه 2 برای فروش دامنه تاریخ : 2014/11/14
5,897افزونه ساخت منو های تمام صفحه Jumbo برای وردپرس تاریخ : 2015/02/23
8,610دانلود فرم ارسال دیدگاه بسیار زیبا جی کوئری تاریخ : 2013/11/24
29,591تغییر ظاهر مدیریت وردپرس با قالب Material Admin تاریخ : 2020/07/29
5,485افزودن درصد پیشرفت مطالب در وردپرس با افزونه Content Progress تاریخ : 2017/07/16
13,862دانلود قالب رستوران و فست فود Cooker برای وردپرس تاریخ : 2016/04/10
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات
تبلیغات