متن جایگزین تصاویر را در یک صفحه وب توصیف می کند. در کد HTML و معمولاً در خود صفحه قابل مشاهده نیست. اما چه چیزی در مورد متن جایگزین مهم است؟ و چگونه می توانید از آن برای بهبود سئو و تجربه کاربری استفاده کنید؟
پس با شرکت خدمات سئو ایراکد همراه شوید تا در این باره بیشتر بدانید!
چرا متن جایگزین تصاویر مهم است؟
متن چایگزین تصاویر به چهار دلیل اصلی اهمیت دارد.
متن جایگزین دسترسی را بهبود می بخشد:
میلیونها نفر دچار اختلال بینایی هستند و بسیاری از صفحهخوانها برای مصرف محتوای آنلاین استفاده میکنند. اینها با تبدیل محتوای روی صفحه، از جمله تصاویر، به صدا کار می کنند.
تصاویر بدون متن جایگزین برای صفحهخوانها مشکل ایجاد میکنند، زیرا هیچ راهی برای انتقال محتوای تصویر به کاربر وجود ندارد. معمولاً از روی این تصاویر می گذرند، یا بدتر از آن، نام فایل های تصویری طولانی و غیر مفید را می خوانند.
گوگل در راهنمای شروع SEO خود و بهبود سئو سایت در مورد اهمیت متن جایگزین برای کاربران دارای صفحه خوان صحبت می کند(SEO starter guide)
متن چایگزین تصاویر میتواند «ارتباط موضوعی» را بهبود بخشد:
گوگل به کلمات موجود در یک صفحه نگاه می کند تا بفهمد در مورد چیست. به عنوان مثال، اگر در صفحه از پودل ها، لابرادورها و رتریورها نام برده می شود، گوگل می داند که مربوط به نژادهای سگ است.
این چه ارتباطی با تصاویر دارد؟
زیرا گاهی اوقات، زمینه در تصاویری که گوگل قادر به خواندن آنها نیست، قفل می شود.
در حالی که گوگل تقریباً می تواند بگوید که اینها تصاویر سگ های بدون متن جایگزین هستند، نژاد خاص ممکن است کمتر آشکار باشد – و اینجاست که متن جایگزین وارد می شود.
متن چایگزین تصاویر می تواند به شما در رتبه بندی در تصاویر گوگل کمک کند:
Google Images دومین موتور جستجوی بزرگ جهان است. این مسئول 20.45٪ از کل جستجوهای آنلاین است، که آن را در مجموع از YouTube، Bing و سایر موتورهای جستجو برتری می دهد.
این بدان معناست که فرصتی برای هدایت ترافیک از Google Images وجود دارد.
فقط به تعداد کلیک هایی که در سه ماه گذشته روی وبلاگ Ahrefs از Google Images داشتیم نگاه کنید:
این تنها درصد کمی از ترافیک ما است زیرا ما یک وبلاگ سئو هستیم. مردم معمولاً اطلاعاتی را که ما با استفاده از جستجوی تصویر منتشر می کنیم جستجو نمی کنند. این یک داستان کاملاً متفاوت برای کسانی است که در بخش های بصری مانند مد یا غذا هستند، جایی که مردم اغلب محتوا را با استفاده از جستجوی تصویر پیدا می کنند.
John Mueller از گوگل می گوید که متن جایگزین بخش مهمی از بهینه سازی تصاویر گوگل است:
اگر میخواهید تصاویرتان در آنجا رتبهبندی شوند، متن جایگزین برای Google Images بسیار مفید است. حتی اگر از بارگذاری تنبل استفاده میکنید، میدانید که کدام تصویر بارگذاری میشود، بنابراین هرچه زودتر آن اطلاعات را در آنجا دریافت کنید و نحوه ارائه آن را آزمایش کنید. —سپتامبر 2018.
برای مطالعه مقالات بیشتر از سایت ایراکد در زمینه شبکه های اجتماعی می توانید روی لینک زیر کلیک کنید.
متن چایگزین تصاویر به عنوان متن لنگر برای پیوندهای تصویر عمل می کند:
Anchor text به کلمات قابل کلیکی اشاره دارد که یک صفحه وب را به صفحه دیگر پیوند می دهند. Google از آن برای درک بیشتر در مورد صفحه وب و آنچه در مورد آن است استفاده می کند.
اما همه پیوندها متنی نیستند. برخی از آنها تصویر هستند. گوگل بیان می کند: اگر تصمیم دارید از یک تصویر به عنوان پیوند استفاده کنید، پر کردن متن جایگزین آن به Google کمک میکند تا اطلاعات بیشتری درباره صفحهای که به آن پیوند میدهید بفهمد. تصور کنید که در حال نوشتن متن لنگر برای یک پیوند متنی هستید.
نحوه اضافه کردن متن چایگزین تصاویر:
به سادگی یک ویژگی alt را به تگ <img> در کد HTML اضافه کنید.
تصویر با تگ: alt
<img src=“pie.jpg” alt=“steak and ale pie”>
اگر از یک CMS مدرن استفاده میکنید، باید بدون نیاز به حفاری در کد HTML، متن جایگزین اضافه کنید. به عنوان مثال، در وردپرس، هنگام افزودن تصویر به صفحه یا پست، فیلدی برای متن جایگزین وجود دارد:
موارد در CMS های دیگر مشابه است.
آیا باید متن جایگزین را به همه تصاویر اضافه کنید؟
نه، این یک تصور غلط رایج است. اگر تصویر برای اهداف تزئینی وجود دارد و حاوی اطلاعات مهمی نیست، دیگر نیازی به افزودن متن جایگزین نیست.
به عنوان مثال، برخی از وب سایت ها دارای نمادهایی برای جداسازی محتوا هستند:
اینها فقط برای زیبا به نظر رسیدن هستند، بنابراین نباید متن جایگزین اضافه کنید. انجام این کار فقط بازدیدکنندگان را با صفحه خوان ها آزار می دهد و هیچ “ارزش SEO” به صفحه اضافه نمی کند. همین امر در مورد تصاویر عمومی یا استوک مانند این صدق می کند:
داشتن متن جایگزین با خواندن «حمام و شمع» برای خوانندگان کم بینا مفید نیست زیرا اطلاعاتی است که آنها نیازی به دانستن آن ندارند. بهتر است صفحه خوان آن را به طور کامل نادیده بگیرد.
اما، اینجا یک نکته مهم است…
اگر یک تصویر به متن جایگزین نیاز ندارد، بهترین روش اضافه کردن یک ویژگی alt خالی است. این به این دلیل است که برخی از صفحهخوانها در غیاب ویژگی alt، نام فایلها را میخوانند، در حالی که بیشتر آنهایی را که دارای موارد خالی هستند، نادیده میگیرند.
در اینجا به نظر می رسد: <img src=”spacer.gif” alt=””>
چگونه متن جایگزین خوب بنویسیم؟
متن جایگزین علم سریع و آموختنی نیست پس این پنج روش برتر را دنبال کنید:
- مختصر باشد. متن جایگزین طولانی برای کسانی که از صفحه خوان استفاده می کنند آزاردهنده است. تا حد امکان از کلمات کمتری استفاده کنید. (اگر شرح طولانی لازم است از ویژگی longdesc استفاده کنید.)
- دقیق باش. روی توصیف تصویر تمرکز کنید.
- از پر کردن کلمات کلیدی خودداری کنید. اینجا جایی برای شاخک زدن کلمات کلیدی نیست.
- از بیان اینکه این یک تصویر است خودداری کنید. نیازی به اضافه کردن «تصویر…» یا «تصویر…» در توضیحات نیست. هم گوگل و هم اسکرینخوانها میتوانند خودشان این کار را انجام دهند.
- از اضافه کاری خودداری کنید. اطلاعاتی که از قبل در متن تصویر وجود دارد را تکرار نکنید. به عنوان مثال، اگر عکسی از استیو جابز دارید و متنی که مستقیماً در زیر تصویر نوشته شده است “استیو جابز” است، نیازی به افزودن این توضیحات به تگ alt نیست. گوگل باید درک کند که عنوان در واقع متن جایگزین است.
همچنین باید به یاد داشته باشید که متن جایگزین را به دکمه های فرم اضافه کنید. در غیر این صورت، صفحه خوان ها ممکن است از آنها عبور کنند و برخی از بازدیدکنندگان نتوانند با وب سایت شما تعامل داشته باشند.
نمونه های متن جایگزین خوب و بد:
بیایید مطمئن شویم که با چند مثال متوجه میشویم چه چیزی خوب و چه چیزی خوب نیست:
خوب نیست: <img src=“cheesecake.png” alt=“picture of cheesecake”>
بد نیست: <img src=“cheesecake.png” alt=“cheesecake”>
خوبه: <img src=“cheesecake.png” alt=“strawberry cheesecake”>
بهترین: <img src=“cheesecake.png” alt=“strawberry cheesecake with cream”>
خوب نیست: <img src=“steve-jobs.png” alt=“steve jobs apple iphone ipad mac”>
بد نیست: <img src=“steve-jobs.png” alt=“steve jobs”>
خوبه: <img src=“steve-jobs.png” alt=“apple founder, steve jobs”>
بهترین: <img src=“steve-jobs.png” alt=“apple founder, steve jobs, holding the iphone 4”>
خوب نیست: <img src=“amp.png” alt=“image4″>
بد نیست: <img src=“amp.png” alt=“orange amplifier”>
خوبه: <img src=“amp.png” alt=“orange amplifier – 30 watts”>
بهترین: <img src=“amp.png” alt=“orange AD30HTC – 30 watt amplifier”>
به درج شماره مدل در آن مثال نهایی توجه کنید. این تمرین خوبی است، به خصوص برای تصاویر موجود در صفحات محصولات تجارت الکترونیک.
نحوه پیدا کردن و رفع مشکلات با ویژگی های alt:
بسیاری از ابزارها قادر به خزیدن در سایت شما و یافتن ویژگی های جایگزین گم شده هستند، از جمله حسابرسی سایت Ahrefs.
اما نداشتن متن جایگزین همیشه یک مشکل نیست زیرا همه تصاویر به متن جایگزین نیاز ندارند. به عنوان مثال، نگاهی به این ویژگی های alt گم شده بیندازید:
از نام فایل ها مشخص است که نیازی به متن جایگزین ندارند. آنها تزئینی هستند، به این معنی که ما می خواهیم یک صفحه خوان درست از روی آنها عبور کند.
بنابراین، به جای خزیدن در سایت خود و وسواس در مورد هر ویژگی alt گم شده (بیشتر سایت ها دارای تعداد زیادی ویژگی گمشده هستند)، یک ایده بهتر این است که تگ های alt را برای صفحاتی که قبلاً ترافیک دارند، بررسی و بهبود دهید.
دو دلیل برای این وجود دارد:
- آنها خوانندگان ضعیف بینایی دارند. 2. 4 درصد از شهروندان ایالات متحده دارای ناتوانی بینایی هستند. این تقریباً یک نفر از هر 42 نفر است به این معنی که به طور متوسط، اگر صفحه شما 10000 بازدیدکننده در ماه داشته باشد، 240 نفر از آنها نمی توانند محتوای شما را به درستی مصرف کنند.
- آنها احتمالاً می توانند ترافیک بیشتری داشته باشند. متن جایگزین میتواند به رتبه بهتر تصاویر در Google Images کمک کند و این منجر به ترافیک بیشتر میشود. حتی تنها یک درصد افزایش به صفحه ای با 10000 بازدید ماهانه، 100 بازدیدکننده اضافی است.
این روند است:
گام 1. صفحات پربازدید خود را از جستجوی ارگانیک بیابید:
Google Analytics، Google Search Console یا گزارش «صفحات برتر» را در اکسپلورر سایت Ahrefs بررسی کنید.
گام 2. ویژگی های alt خود را بررسی کنید:
افزونه رایگان Alt Text Tester Chrome را نصب کنید، صفحه را با بیشترین ترافیک بارگیری کنید، سپس برنامه افزودنی را فعال کنید. هر زمان که روی یک تصویر میچرخید، باید متن جایگزین را ببینید.
اگر ویژگی alt وجود نداشته باشد، یک هشدار مشاهده خواهید کرد.
متن جایگزین را برای چند تصویر در صفحه بررسی کنید. به زودی احساس خواهید کرد که آیا آنها خوب، ضعیف یا اصلاً بهینه شده اند یا خیر.
مرحله شماره 3. برای صفحات بیشتر تکرار کنید:
این روند را برای صفحاتی که بیشترین بازدید را در وب سایت خود دارند تکرار کنید. این باید به شما این حس را بدهد که آیا بهینه سازی متن جایگزین شما صدا است یا نیاز به کار دارد.
از آنجایی که بیشتر وب سایت ها حجم زیادی از ترافیک خود را به تعداد انگشت شماری از صفحات می رسانند، این کار نباید خیلی طول بکشد. به عنوان مثال، تنها ده پست در وبلاگ Ahrefs 51% از ترافیک ارگانیک ماهانه را تشکیل می دهد. بنابراین ما می توانیم به راحتی متن جایگزین را برای اکثر صفحات پر بازدید خود در چند دقیقه بررسی و بهینه سازی کنیم.
سخن نهایی
بهینه سازی متن جایگزین مهم است، اما تمام سئوی تصاویر این نیست. شما همچنین باید نام فایلها را بهینه کنید، تصاویر واکنشگرا را ارائه دهید، بارگذاری تنبل را در نظر بگیرید و موارد دیگر.