نصب گوگل آنالیتیکس در وردپرس
نحوه نصب گوگل آنالیتیکس در وردپرس
آوریل 4, 2018
سئوی داخلی سایت
چک لیست فنی سئو برای بهینه سازی داخلی سایت
آوریل 15, 2018
تگ Alt تصاویر یا متن جایگزین تصویر

تگ Alt یا متن جایگزین تصویر چیست و چه تأثیری بر روی سئو دارد؟

تگ Alt یا متن جایگزین تصویر و تأثیر آن بر روی سئومتن جایگزین تصویر (alt text) ، که با عناوینی همچون صفت جایگزین، توصیف جایگزین، و در زبان محاوره ای تگ Alt (که این عبارت از نظر فنی و تکنیکی درست نیست!) نیز شناخته می شود، به عنوان یک کد در HTML برای توصیف ظاهر و کارکرد یک تصویر در یک صفحه مورد استفاده قرار می گیرد.

موارد استفاده از تگ Alt یا متن جایگزین تصویر

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

2- اگر نتوان یک فایل تصویری را بارگذاری کرد و یا نمایش تصویر برای مرورگر غیرفعال باشد، تگ Alt یا متن جایگزین تصویر به جای آن تصویر نمایش داده می شوند و این به موضوع به جذب بهتر کاربران کمک خواهد کرد.

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

نمونه کد تگ Alt یا متن جایگزین تصویر

 

بهترین فرمت برای نوشتن تگ Alt یا متن جایگزین تصویر

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

در ادامه چند نمونه متن Alt برای تصویر یک لپتاپ اچ پی آورده شده است:

لپتاپ اچ پی 15 اینچ مدل 011 هارد 500 گیگ

<img src="laptop.jpg" alt="لپتاپ اچ پی">

این متن برای تگ Alt فقط “خوب” است، زیرا خیلی توصیفی نیست. درست است که این تصویر یک لپتاپ اچ پی است، اما می توان توصیفات بیشتری را هم اضافه کرد.

مطلب مرتبط  بهینه سازی سایت برای جستجوی صوتی

<img src="laptop.jpg" alt="لپتاپ اچ پی 15 اینچ مدل 011 هارد 500 گیگ">

این متن ، جایگزین بهتری است زیرا به مراتب توصیف بیشتری در مورد تصویر دارد. این تصویر فقط یک “لپتاپ” نیست (آنچه که در تگ Alt اول آورده شد)، این تصویر یک لپتاپ اچ پی 15 اینچ مدل 011 هارد 500 گیگ است.

<img src="laptop.jpg" alt="">

<img src="laptop.jpg" alt="لپتاپ اچ پی 15 اینچ مدل 011 لپتاپ اچ پی 500 گیگ لپتاپ اچ پی رم 8گیگ لپتاپ اچ پی که دیر خراب می شود">

هیچ یک از این دو نمونه قابل قبول نیست، متن اول اصلا تگ Alt را ندارد و متن مورد دوم کلمات کلیدی اضافه و هرز دارد.

چرا تگ Alt یا متن جایگزین تصویر مهم است؟

1- دسترسی وب

تگ Alt یکی از اصول در دسترس بودن وب است. هدف اصلی و اولیه این است که تصاویر برای بازدید کنندگانی که قادر به دیدن آن ها نیستند، توصیف شود. که در واقع شامل بازدیدکنندگانی می شود که در صفحه نمایش و مرورگر های آن ها نمایش تصاویر مسدود شده است، و یا افراد دارای نقص بینایی(نابینا و کم بینا) که قادر نیستند تصاویر را به صورت بصری ببینند و همچنین کاربرانی که به علت مشکلات سرعت اینترنت ، فیلترینگ و یا مشکلات مرورگرها در بارگذاری تصویر دچار مشکل هستند. محتوای تگ Alt به همراه تصاویر تضمین می کند که همه کاربران، بدون در نظر گرفتن توانایی بصری آن ها، قادر خواهند بود محتوای سایت شما را درک کنند.

2- بهینه سازی و سئوی تصاویر سایت

با استفاده از متن جایگزین تصاویر می توانید تجربه کاربری بهتری ایجاد کنید و این مورد به شما کمک می کند که سئوی سایت خود را بهبود داده و رنک بهتری را کسب نمایید.

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

با توجه به این موضوع و همچنین اثرگذاری محتوای هر صفحه (شامل متن ، تصویر ، ویدئو ، موزیک و…) بر روی سئوی سایت، استفاده از تگ Alt تصاویر راه حل مناسبی برای معرفی بهتر تصاویر هر صفحه وب به موتورهای جستجو و در نتیجه کسب رتبه بهتر و سئوی مناسب تر خواهد شد.

مطلب مرتبط  معرفی 11 روش برای افزایش نرخ تبدیل صفحه فرود سایت

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

تگ alt یا کدهای css؟ برای متن لوگو از کدامیک استفاده کنیم؟

در ویدئوی زیر، مت کاتس به این سوال پاسخ داده است که برای متن لوگوی سایت ها از تگ alt استفاده کنیم و یا آن را با کدهای css مخفی کنیم؟

 

چگونه یک تگ Alt تصویر خوب بنویسیم؟

1- مختصر و مفید بنویسید

اکثر بات ها و مرورگرها، متن های جایگزین تصویر که بیشتر از 125 کارامتر باشد را کامل نمی خوانند، بنابراین توصیه می شود که تعداد کاراکترهای تگ Alt در همین حدود باشد.

2- تصویر را دقیق و خاص و تا حد ممکن توصیف کنید

اولین و اصلی ترین هدف متن جایگزین تصویر یا همان تگ Alt ، توضیح و توصیف متن برای کاربرانی است که به هر دلیلی قادر نیستند تصویر را ببینند. اگر تصویری در سایت وجود دارد که به درستی مفهوم و ارزشی را نمی رساند و هدف آن فقط طراحی و زیبایی است، باید آن را در میان کدهای CSS قرار دهید و جایگاهی در HTML ندارد.

3- کلمات کلیدی را در تگ Alt بکار ببرید

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

4- از تصاویر به عنوان متن استفاده نکنید

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

مطلب مرتبط  چگونه یک سایت نوپا و کوچک با سایت های معتبر رقابت کند؟

5- از کاربرد بیش از حد کلمات کلیدی بپرهیزید

استفاده بیش از حد معمول از کلمات کلیدی در تگ Alt تصاویر ، موردی است که توسط موتورهای جستجو به عنوان یک فعالیت اسپم شناخته می شود و بر روی رتبه سایت شما تأثیر منفی خواهد گذاشت. پیشنهاد می شود از تگ Alt برای توصیف بهتر تصویر استفاده کرده و در صورت امکان و مرتبط بودن تصویر با کلمه کلیدی ، از کلمه کلیدی خود در تگ Alt به صورت معمول استفاده کنید.

6- استفاده از تگ longdesc=””

از تگ  longdesc=”” برای توصیف تصاویر پیچیده که نیاز به توصیف بیشتری دارند، استفاده کنید.

7- واژه هایی مانند “تصویر”، “عکس” و امثالهم را در تگ Alt قرار ندهید

در واقع تگ Alt برای توصیف و توضیح یک تصویر است، بنابراین نیازی نیست که کلمه “تصویر” را در تگ قید نمایید.

8- دکمه ها را نادیده نگیرید

در اگر وب سایت خود از یک تصویر به عنوان دکمه “submit” استفاده می کنید، به آن تصویر هم ویژگی Alt را بدهید. دکمه های تصویر باید تگ Alt داشته باشند که عملکرد دکمه مانند “جستجو”، “اعمال کن”، “ثبت نام” و غیره را توصیف کند.

تبلیغ در گوگل برتینا

این مطلب چقدر برای شما مفید بود؟

امتیاز 5 / 5. تعداد نظرات : 1

اولین نظر را شما ثبت کنید!

2 دیدگاه ها

  1. Agahi90.iR گفت:

    *** هوالرزاق ****

    با سلام و سپاس از لطف شما

    یه مورد هست که هر چقدر گشتیم چیزی پیدا نکردیم در آنالیزور سایت ” woorank ” بخشی هست که میگه فقط 1 تصویر شما ویژه گی ” alt ” نداره میدونم شاید بنظرتون مضحک بنظر برسه ولی هر چی گشتیم این مورد رو پیدا نکردیم اگر لطف کنید ببینید شما میتونید مسیر فایل رو متوجه بشید
    اگر لطف بفرمایید فقط یه نگاه بندازید ممنون میشیم. برای دیدن این خطا لطفا بروی لینک زیر کلیک نمایید و به بخش ” Alt Attribute ” یه نظری بیاندازید پیشاپیش هم عذر خواهی هم تشکر ویژه . . میبخشید مصدع اوقات شدیم .

    https://www.woorank.com/en/www/agahi90.ir

    *** با سپاسی بیکران از لطف شما سربلند باشید ****

    • پوریا فرجی گفت:

      سلام
      این فایل مربوط به قسمت “به اشتراک گذاری مطلب در شبکه های اجتماعی” هست که هم اکنون در سورس سایت از طریق ابزار inspect element مشاهده نمی شود و برای بررسی بیشتر نیاز هست که به طور کامل به سایت دسترسی داشت. ضمن اینکه این فایل عکس دارای اهمیت چندانی نیست و در صورتیکه برای آن تگ ALT قرار نداده باشید مشکل خاصی ایجاد نمی کند.
      اینگونه گزارشات سایتهایی مانند woorank به صورت کلی بوده و گاها در برخی از موارد (مانند این مورد شما) در این گزارشات ایراداتی از سایتها گرفته می شود که چندان مهم نیست.
      از همراهی شما متشکریم.

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

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