یاد بگیرید چگونه سئوی تصویر وب‌سایت و دسترسی‌پذیری آن را با استفاده از متن جایگزین بهینه کنید. یاد بگیرید متن جایگزین چیست، چرا برای سئو مهم است و چگونه به درستی از آن استفاده کنید.
در این راهنما، با متن جایگزین (alt text) آشنا خواهید شد: ماهیت آن، اهمیت برای سئوی داخلی (روی صفحه)، نحوه استفاده صحیح و موارد دیگر.
اضافه کردن متن جایگزین برای تمام تصاویر وب‌سایتتان، اغلب نادیده گرفته می‌شود. هرچه اطلاعات بیشتر باشد، بهتر است. ترجمه اطلاعات بصری به متن برای موتورهای جستجو که در تلاش برای درک وب‌سایت شما هستند و کاربرانی که از ابزارهای خواندن صفحه نمایش استفاده می‌کنند، اهمیت دارد.
متن جایگزین چیست و چه کاربردهایی دارد؟
متن جایگزین منبع دیگری از اطلاعات است که ایده‌ها و محتوای وب‌سایت شما را به یکدیگر مرتبط می‌کند.
این راهنمای عملی و مختصر شامل نکات و توصیه‌هایی است که می‌توانید به‌سرعت برای بهبود سئوی تصویر و دسترسی‌پذیری وب‌سایت خود استفاده کنید.
متن جایگزین چیست؟
متن جایگزین (یا Alt Text) – که همچنین به عنوان ویژگی Alt یا تگ Alt شناخته می‌شود (که از نظر فنی درست نیست زیرا «تگ» نیست) – به سادگی یک قطعه متن است که تصویر را در کد HTML توصیف می‌کند.
کاربردهای متن جایگزین چیست؟
عملکرد اصلی متن جایگزین توصیف تصویری بود که قادر به بارگذاری نشد.
سال‌ها پیش، زمانی که اینترنت بسیار کندتر بود، متن جایگزین به شما کمک می‌کرد تا محتوای تصویری را که خیلی سنگین بود و نمی‌توانست در مرورگر شما بارگذاری شود، بشناسید.
امروزه، تصاویر به ندرت بارگذاری نمی شوند – اما اگر بارگذاری شوند، آن متن جایگزینی است که به جای یک تصویر خواهید دید.
متن جایگزین (alt text) همچنین به ربات‌های موتورهای جستجو کمک می‌کند تا محتوای تصویر و ارتباط آن با متن صفحه را درک کنند. مهم‌تر از آن، متن جایگزین برای دسترسی‌پذیری و افرادی که از نرم‌افزارهای خواندن صفحه استفاده می‌کنند، ضروری است:
متن جایگزین به افراد دارای معلولیت (برای مثال، کسانی که از نرم‌افزار خواندن صفحه استفاده می‌کنند) کمک می‌کند تا از محتوای تصویر مطلع شوند.
البته، مانند هر جنبه‌ای از سئو، تگ جایگزین (alt text) هم گاهاً به اشتباه استفاده می‌شود و حتی در برخی موارد، مورد سوء‌استفاده قرار می‌گیرد. بیایید حالا نگاه دقیق‌تری به این موضوع بیندازیم که چرا تگ جایگزین اهمیت دارد.
چرا تگ جایگزین مهم است؟
وب و وب‌سایت‌ها تجربه‌ای بسیار بصری هستند. پیدا کردن وب‌سایتی بدون تصاویر یا عناصر گرافیکی کار سختی است. به همین دلیل است که تگ جایگزین بسیار مهم است.
تگ جایگزین به ترجمه محتوای تصویر به کلمات کمک می‌کند و بدین ترتیب، تصویر را برای مخاطبان گسترده‌تری قابل دسترس می‌کند، از جمله افراد دارای معلولیت و ربات‌های موتورهای جستجو که هنوز به اندازه‌ای باهوش نیستند که هر تصویر، زمینه و مفهوم آن را به طور کامل درک کنند.
چرا تگ جایگزین برای سئو مهم است؟
تگ جایگزین یکی از عناصر مهم در بهینه‌سازی سئوی داخلی (on-page SEO) به شمار می‌رود. با بهینه‌سازی درست تگ‌های جایگزین، وب‌سایت شما شانس بهتری برای کسب رتبه در نتایج جستجوی تصاویر گوگل پیدا می‌کند.
بله تگ جایگزین یک فاکتور مهم برای رتبه‌بندی در جستجوی تصاویر گوگل است. بسته به حوزة فعالیت و خاص بودن وب‌سایت شما، ترافیک حاصل از جستجوی تصاویر گوگل می‌تواند نقش بسزایی در موفقیت کلی وب‌سایتتان ایفا کند.
برای مثال، در مورد وب‌سایت‌های تجارت الکترونیک، کاربران اغلب به جای تایپ کردن نام محصول در جستجوی استاندارد گوگل، جستجوی خود را برای محصولات با جستجوی تصاویر گوگل آغاز می‌کنند.
اگر شما به بهینه سازی متن جایگزین آن ها توجه نکنید، ممکن است گوگل و سایر موتورهای جستجو تصاویر محصول کمتری را نمایش دهند (یا اصلاً آنها را نمایش ندهند).
بدون بهینه سازی تصویر مناسب، ممکن است تعداد زیادی از ترافیک و مشتریان بالقوه را از دست بدهید.
اهمیت تگ جایگزین برای دسترسی‌پذیری
در حالی که دیده شدن در نتایج جستجوی تصاویر گوگل بسیار مهم است، اما نکتة حتی مهم‌تری وجود دارد: دسترسی‌پذیری. خوشبختانه، در سال‌های اخیر توجه بیشتری به دسترسی‌پذیری شده است (یعنی اینکه وب برای همه افراد، از جمله افراد دارای معلولیت و یا کاربرانی که از ابزارهای خواندن صفحه استفاده می‌کنند، در دسترس باشد).
فرض کنید متن جایگزین تصاویر شما واقعاً محتوای آنها را توصیف کند، نه اینکه صرفاً انباشته از کلمات کلیدی باشد. در این صورت، به افرادی که نمی‌توانند این تصویر را ببینند کمک می‌کنید تا آن و محتوای کل صفحه وب را بهتر درک کنند.
بگذارید بگوییم یکی از صفحات وب شما یک راهنمای ممیزی سئو است که حاوی اسکرین‌شات‌هایی از ابزارهای مختلف خزش (crawling) است. آیا بهتر نیست به جای قرار دادن متن جایگزین مشابه «ممیزی سئو» برای هر تصویر، محتوای هر اسکرین‌شات را توصیف کنید؟
نمونه‌های تگ جایگزین (Alt Text)
پیدا کردن نمونه‌های خوب و بد زیادی از تگ جایگزین کار سختی نیست. بیایید با استفاده از همان مثال راهنمای ممیزی سئو، چند نمونه به شما نشان دهم.
نمونه‌های خوب تگ جایگزین
فرض کنید راهنمای سئوی ما حاوی اسکرین‌شات‌هایی از ابزارهایی مانند Google Search Console و Screaming Frog است.
نکته: همچنین ایده خوبی است که به نام فایل خود توجه داشته باشید. استفاده از نام‌های توصیفی برای فایل‌ها یک فاکتور رتبه‌بندی نیست، اما من این کار را به عنوان یک‌رویة خوب سئو توصیه می‌کنم.
بعضی از این کدها به شرح زیر است:
<img src=”google-search-console-coverage-report.jpg” alt=”The Coverage Report in Google Search Console showing the number of indexed and excluded pages”>
<img src=”google-search-console.jpg” alt=”Google Search Console tool from Google”>
<img src=”screaming-frog-html-pages.jpg” alt=”List of HTML pages in Screaming Frog”>
<img src=”screaming-frog” alt=”Screaming Frog crawl in progress”>
نمونه‌های بد و یا هرزنامه‌ای تگ جایگزین
همچنین نمونه‌های زیادی از استفادة بد از تگ جایگزین دیده‌ام، از جمله انباشته کردن کلمات کلیدی یا هرزنامه‌ای کردن.
در اینجا نحوه تبدیل نمونه‌های خوب بالا به نمونه‌های بد آمده است:
<img src=”google-search-console-coverage-report.jpg”alt=”seo audit free, seo audit cheap, seo audit specialist, seo audit, seo audits”>
<img src=”google-search-console.jpg” alt=”google seo ,seo google, google, seo, google search console seo”>
<img src=”screaming-frog-html-pages.jpg” alt=”seo auditor, seo audit, seo audits”>
<img src=”screaming-frog” alt=”seo audit”>
همانطور که مشاهده می‌کنید، نمونه‌های بالا هیچ اطلاعاتی در مورد آنچه این تصاویر واقعاً نشان می‌دهند ارائه نمی‌کنند.
همچنین می‌توانید نمونه‌ها و حتی نکات بیشتر در مورد سئوی تصاویر را در Google Search Central پیدا کنید.
اشتباهات رایج تگ جایگزین
انباشته کردن کلمات کلیدی در تگ جایگزین تنها اشتباهی نیست که می‌توانید مرتکب شوید.
در اینجا چند نمونه از اشتباهات رایج تگ جایگزین آورده شده است:
- استفاده نکردن از تگ جایگزین یا استفاده از تگ جایگزین خالی.
- استفاده از یک تگ جایگزین برای تصاویر مختلف.
- استفاده از تگ جایگزین بسیار کلی که واقعاً تصویر را توصیف نمی‌کند. به عنوان مثال، استفاده از تگ جایگزین “سگ” روی عکس یک سگ به جای اینکه سگ را با جزئیات بیشتر، رنگ آن، کاری که انجام می‌دهد، نژاد آن و غیره توصیف کنید.
- استفاده خودکار از نام فایل به عنوان تگ جایگزین – که ممکن است منجر به تگ جایگزین بسیار کاربرپسند نشود، مانند “googlesearchconsole”، “google-search-console” یا “photo2323″، بسته به نام فایل.
نکات نگارش تگ جایگزین (Alt Text)
و در نهایت، در اینجا نکاتی در مورد نحوه نوشتن تگ جایگزین صحیح وجود دارد تا به طور واقعی هدف خود را برآورده کند:
- کلمات کلیدی را در تگ جایگزین انباشته نکنید. این کار به رتبه‌بندی صفحه وب شما برای این کلمات کلیدی کمک نمی‌کند.
- تصویر را به طور دقیق توصیف کنید، اما همچنان آن را نسبتاً کوتاه نگه دارید. از اضافه کردن چندین جمله به تگ جایگزین خودداری کنید.
- از کلمات کلیدی هدف خود استفاده کنید، اما به صورت طبیعی، به عنوان بخشی از توصیف تصویر. اگر کلمه کلیدی هدف شما با توصیف تصویر مطابقت ندارد، از آن استفاده نکنید.
- از متن روی تصاویر استفاده نکنید. تمام متن باید به صورت کد HTML اضافه شود.
- نگویند، “این یک تصویر از است.” گوگل و کاربران می‌دانند که این یک تصویر است. فقط محتوای آن را توصیف کنید.
- مطمئن شوید که فقط با خواندن تگ جایگزین می‌توانید محتوای تصویر را تجسم کنید. این بهترین تمرین برای اطمینان از اینکه تگ جایگزین شما خوب است، است.
چگونه مشکلات متن جایگزین تصاویر را برطرف کنیم؟
حالا شما تمام بهترین شیوه‌ها و اشتباهات رایج تگ جایگزین را می‌دانید. اما چگونه بررسی کنیم که متن جایگزین تصاویر یک وب‌سایت چیست؟
با روش‌های زیر می‌توانید تگ جایگزین را آنالیز کنید:
بازرسی از یک عنصر (کلیک راست کنید و هنگام نگه داشتن روی تصویر، گزینه Inspect را انتخاب کنید) راه خوبی برای بررسی این است که آیا یک تصویر خاص تگ جایگزین دارد یا خیر. با این حال، اگر می‌خواهید این کار را به صورت عمده بررسی کنید، یکی از دو روش زیر را توصیه می‌کنم.
سپس صفحه‌ای را که می‌خواهید تصاویر آن را بررسی کنید، باز کنید.
روی «توسعه‌دهنده وب» کلیک کنید و به «تصاویر» > «نمایش ویژگی‌های جایگزین» بروید. به این ترتیب، می‌توانید محتوای متن جایگزین تمام تصاویر موجود در یک صفحه وب خاص را مشاهده کنید.
یافتن و رفع متن جایگزین (Alt Text) گمشده
برای بررسی متن جایگزین تصاویر کل وب‌سایت، از یک خزنده (crawler) مانند Screaming Frog یا Sitebulb استفاده کنید.
سایت را خزش (crawl) کنید، به گزارش تصاویر بروید و متن جایگزین تمام تصاویر وب‌سایت را مطابق با راهنمای ویدئویی که در زیر نشان داده شده است، بررسی کنید.
شما همچنین می‌توانید فقط تصاویری را که متن جایگزین ندارند، استخراج کرده و شروع به رفع این مشکلات کنید.
ممکن است متن جایگزین به نظر نرسد که اولویت دارد، اما مهم است
هر منبع اطلاعاتی درباره محتوای شما ارزش دارد. چه برای کاربران دارای مشکلات بینایی باشد و چه برای ربات‌ها، متن جایگزین به ارائه زمینه برای تصاویر در وب‌سایت شما کمک می‌کند.
در حالی که فقط یک عامل رتبه‌بندی برای جستجوی تصاویر است، هر کاری که برای کمک به موتورهای جستجو در درک وب‌سایت خود انجام می‌دهید، می‌تواند به ارائه نتایج دقیق‌تر کمک کند. نشان دادن تعهد به دسترسی‌پذیری نیز یک جزء حیاتی از بازاریابی دیجیتال مدرن است.
منابع: https://chatgpt.com/c/23b7e33d-01b6-4a99-b9c4-97795686e7e3
