Alt و متن جایگزین تصاویر
( کد: OL38 )مدرس:
داریوش ببریان
من داریوش ببریان هستم. نزدیک به 17 سال در زمینه طر...
- مدت زمان آموزش 28 دقیقه
- زبان آموزش فارسی
- تعداد درس ها 1 درس
- سطح آموزش (متوسط)
- تاریخ بروزرسانی 1399 /04 /02
- دانلود سیلابس
چنانچه فصل 5 مجموعه آموزش سئو را خریداری کرده اید, نیازی به خرید این درس نیست
امروزه نقش و اهمیت خصوصیت (Alternative Text (alt بر هیچ فردی پوشیده نیست چرا که نه فقط برای موتورهای جستجو بلکه برای افرادی که ناتوانی در استفاده از صفحات وب سایت دارند (Web Accessibility) میتواند کمک بسیار خوبی باشد.
در این درس آموزشی بسیار متفاوت شما را با جنبه های دیگر Alt در تگ img آشنا خواهیم نمود و ارتباط آن را با افزایش و بهتر شدن رتبه تصاویر در موتورهای جستجو آشنا خواهیم نمود.
در مورد Web Accessibility و ارتباط آن با alt به تفضیل صحبت خواهیم نمود چرا که امروزه توجه به افراد ناتوان یکی از فاکتورهای مهم سئو تلقی میشود بطوریکه که شرکت گوگل در ابزار Google Lighthouse که به صورت کامل در فصل آموزش Google Lighthouse آموزش داده شده است در مورد بخشی جداگانه ای در زمینه Accessibility مواردی را گفته است که بهتر است در سایت رعایت شود تا امتیاز سئو سایت نیز افزایش پیدا نماید.
در بخش دیگر از این آموزش سئو از سایت الگوها در مورد فاکتورهایی صحبت خواهیم نمود که باعث میشود متن خوبی را برای alt بنویسیم. بطوریکه 8 فاکتور را برای این مورد شرح خواهیم دارد و برای بیشتر آنها, وب سایت های متعدد را برایتان مثال خواهیم زد.
اگر جزء آن دسته از افرادی هستید که تصاویر سایتتان به جای اینکه با تگ img وارد شده باشد از css برای این کار استفاده نموده اید حتما بخشی از این ویدئوی آموزشی را مشاهده نمایید.
در پایان درس امروز به سایت آزمایشی خودمان بر روی دامنه dariush.pro سر خواهیم زد و موارد alt را بر روی تصاویر سایت بررسی خواهیم نمود.
سعی نمودیم شما عزیزان با دیدن این بخش آموزشی دید متفاوت تری نسب به استفاده از alt در تصاویر وب سایت خودتان داشته باشید تا این نکته ها باز هم بتواند در سئوی نهایی سایت شما تاثیر گذار باشد.
لیست درس ها
-
متن خوب برای Alt تصاویر 27:48
سیلابس:
- تعریف خصوصت alt
- معرفی نام های مختلفی که به alt نسبت میدهند
- بررسی بخش Google Image و آشنایی ابتدایی با نقش alt
- بررسی موارد مختلف استفاده از alt در طراحی سایت
- ارتباط نرم افزارهای صفحه خوان (Screen Reader) با خصوصیت alt
- مشاهده سایت سازمان W3C بر استفاده از alt در صفحات وب سایت
- آشنایی با واژه Web Accessiblity و ارتباط آن با alt
- رابطه alt با لود نشدن تصاویر در صفحات وب
- بررسی دقیق استفاده موتورهای جستجو از متن alt و نمایش آن به کاربران
- بررسی نکات مثبت استفاده از alt و اهمیت این موارد در سئو
- بهینه سازی تصاویر برای سئو با استفاده از alt و نکات مهم آن
- بررسی بخش مهمی از سایت گوگل و آنالیز دستورالعمل هایی که برای استفاده از تصاویر و alt تاکید شده است
- بررسی مواردی که میتوانیم alt خوبی برای تصاویر بنویسیم
- بررسی وجود کلمات کلیدی در متن alt و میزان تکرار پذیری آن و دستورالعمل هایی که برای آن وجود دارد
- میزان و نحوه توصیف تصویر مربوطه به واسطه alt
- بررسی موارد Keyword Stuffing در متن alt
- میزان کوتاه یا طولانی بودن متن alt
- استفاده از خصوصیت longdesc در تگ Img
- بهینه سازی تصاویر سایت آزمایشی (dariush.pro) بر مبنای آموزش های این درس
-
معنی alt تصاویر چیست؟
به خصوصیت (Attribute) برای تصاویر گفته میشود که توسط آن میتوانیم متنی جایگزین را برای تصاویر در نظر بگیریم. عموما این متن را موتورهای جستجو میتوانند بخوانند و اگر زمانی به هر دلیلی تصویر لود نشود هم مرورگرها این متن را نشان میدهند. Alt بسیار ارزش سئو دارد و نبودن آن یکی از فاکتورهای منفی برای سئو تلقی میشود
-
آیا موتورهای جستجو میتوانند متن های داخل تصاویر را بخوانند؟
خیر. البته این مطلب به این معنی نیست که چنین تکنولوژی برای خواندن متن های داخل تصاویر وجود ندارد بلکه سیاست بر این است که متن های انتخاب شدنی در صفحات را موتورهای جستجو میخوانند. بنابراین از این رو متن داخل Altرا برای تصاویر در نظر گرفته اند.
-
آیا بهینه سازی تصاویر در سئو تاثیر گذار است؟
بله حتما. هم این بهینه سازی باید به لحاظ کیفیت و سایز کیلوبایتی آن به جهت لود سریع در داخل صفحات وب سایت باشد و هم به لحاظ داشتن متن alt. چرا که سرویس ویژه گوگل به نام Google Image Search هم امروزه در بین کاربران در دنیا بسیار محبوب میباشد و بسیاری از افراد از همین طریق میتوانند وب سایت های مورد علاقه شان را پیدا نمایند.
-
1398/11/13seosazan0این آموزش در زمینه طراحی سایت هستش یا سئو دوست عزیزبستن پاسخ ها
-
1398/09/16دنیای سئو0عالی بودشبستن پاسخ ها
-
1398/09/11اکبری محمد0چرا آموزش html نمیزارید پس؟بستن پاسخ ها