.
متن جایگزین یا "Alt Text" یکی از عناصر حیاتی در بهینهسازی تصاویر وبسایت است که اغلب نادیده گرفته میشود. در وردپرس، افزودن متن جایگزین به تصاویر نه تنها به بهبود سئو (SEO) و رتبهبندی وبسایت شما در موتورهای جستجو کمک میکند، بلکه نقش بسیار مهمی در دسترسیپذیری (Accessibility) محتوای شما برای تمامی کاربران، به ویژه افرادی با محدودیتهای بینایی، ایفا میکند.
متن جایگزین چیست و چرا اهمیت دارد؟
متن جایگزین (Alt Text) یا تگ Alt، متنی توصیفی است که به یک تصویر در کد HTML آن اضافه میشود. این متن به جای تصویر نمایش داده میشود زمانی که:
تصویر بارگذاری نشود: به هر دلیلی (مانند سرعت اینترنت پایین یا خطا در سرور)، اگر تصویر قابل مشاهده نباشد، متن جایگزین به کاربر نشان داده میشود.
کاربر از صفحهخوان (Screen Reader) استفاده کند: برای افراد نابینا یا کمبینا که از نرمافزارهای صفحهخوان استفاده میکنند، متن جایگزین خوانده میشود تا محتوای تصویر را درک کنند.
موتورهای جستجو تصویر را خزش (Crawl) کنند: موتورهای جستجو مانند گوگل نمیتوانند تصاویر را "ببینند" و محتوای آنها را درک کنند. متن جایگزین به آنها کمک میکند تا موضوع تصویر را بفهمند و آن را در نتایج جستجوی تصاویر رتبهبندی کنند.
نقش متن جایگزین در سئو (SEO)
متن جایگزین یکی از فاکتورهای سئو داخلی (On-Page SEO) است که به بهبود دیدگاه موتورهای جستجو نسبت به محتوای شما کمک میکند.
افزایش درک موتورهای جستجو: با ارائه متن جایگزین مناسب، به گوگل و سایر موتورهای جستجو کمک میکنید تا موضوع و محتوای تصاویر شما را درک کنند. این درک بهتر میتواند منجر به رتبهبندی بالاتر در جستجوی تصاویر گوگل (Google Images) شود.
افزایش ترافیک ارگانیک: اگر تصاویر شما برای کلمات کلیدی مرتبط به درستی بهینهسازی شده باشند، کاربران میتوانند با جستجوی آن کلمات کلیدی، تصاویر شما را پیدا کرده و از طریق آنها به وبسایت شما هدایت شوند. این امر میتواند منبع قابل توجهی از ترافیک ارگانیک باشد.
پشتیبانی از کلمات کلیدی اصلی: متن جایگزین فرصتی است برای گنجاندن کلمات کلیدی مرتبط با محتوای صفحه شما، اما باید این کار را به صورت طبیعی و بدون زیادهروی انجام دهید. از پر کردن (Keyword Stuffing) متن جایگزین با کلمات کلیدی غیرمرتبط خودداری کنید.
کاهش نرخ پرش (Bounce Rate): وقتی تصاویر شما به درستی توصیف شدهاند، کاربران و موتورهای جستجو درک بهتری از محتوای شما خواهند داشت. این امر میتواند باعث جذب کاربران مرتبطتر شده و در نتیجه، نرخ پرش را کاهش دهد.
| عنوان | توضیحات | مثال/راهنما |
|---|---|---|
| Alt Text چیست؟ | متنی است که هنگام بارگذاری نشدن تصویر یا برای کاربران نابینا نمایش داده میشود. | "عکس یک گربه خوابیده روی مبل" |
| هدف اصلی Alt Text | بهبود دسترسی (Accessibility) و کمک به درک تصاویر توسط موتورهای جستجو. | - |
| تأثیر بر سئو | نقش مستقیم در سئو تصویر، افزایش ترافیک از جستجوی تصویری گوگل. | تصویر با alt مناسب در Google Images رتبه بهتری میگیرد. |
| نکات مهم نوشتن Alt Text | 1. توصیفی و دقیق باشد2. کلمه کلیدی اصلی را شامل شود3. کوتاه و مفید باشد | "image123" ← اشتباه "کفش چرم مشکی مردانه" ← صحیح |
| کجا آن را وارد کنیم؟ | هنگام آپلود تصویر در وردپرس، در فیلد «متن جایگزین» یا در HTML با alt="". |
<img src="shoe.jpg" alt="کفش ورزشی سفید زنانه"> |
| تعداد کاراکتر پیشنهادی | 80 تا 125 کاراکتر برای حفظ وضوح و کارایی. | - |
| نبایدها (خطاهای رایج) | استفاده از کلمات عمومی مانند “image” یا “picture”، تکرار بیش از حد کلمات کلیدی | "عکس محصول محصول محصول کفش کفش" |
| در تصاویر تزئینی چطور؟ | از alt="" خالی استفاده کنید تا صفحهخوانها از روی آن عبور کنند. |
<img src="line.png" alt=""> |
| ابزارهای پیشنهادی | افزونههایی مانند Yoast SEO یا Rank Math برای بررسی کیفیت Alt Text. | نشان میدهد کدام تصاویر Alt ندارند. |
| بهترین زمان وارد کردن | بلافاصله پس از آپلود تصویر در کتابخانه رسانه وردپرس. | مدیریت سریعتر و منسجمتر تصاویر. |
نقش متن جایگزین در دسترسیپذیری (Accessibility)
این جنبه از متن جایگزین به اندازه سئو مهم است، حتی اگر کمتر مورد توجه قرار گیرد.
بهبود تجربه کاربری برای افراد با محدودیت بینایی: همانطور که اشاره شد، صفحهخوانها متن جایگزین را برای کاربرانی که قادر به دیدن تصویر نیستند، میخوانند. این امر به آنها کمک میکند تا محتوای بصری صفحه را درک کرده و تجربه کاربری کاملی داشته باشند.
سازگاری با استانداردهای وب: بسیاری از کشورها و سازمانها استانداردهایی برای دسترسیپذیری وب دارند (مانند WCAG - Web Content Accessibility Guidelines) که استفاده از متن جایگزین برای تصاویر را الزامی میکند. رعایت این استانداردها نشاندهنده تعهد شما به ارائه محتوای فراگیر است.
تجربه کاربری بهتر برای همه: حتی برای کاربرانی که مشکلی در بینایی ندارند، در مواقعی که تصاویر بارگذاری نمیشوند، متن جایگزین میتواند اطلاعات مفیدی را ارائه دهد و از ناامیدی کاربر جلوگیری کند.
نحوه افزودن متن جایگزین در وردپرس
افزودن متن جایگزین در وردپرس بسیار ساده است. شما میتوانید این کار را در حین آپلود تصویر یا بعداً از طریق کتابخانه رسانه انجام دهید.
1. هنگام آپلود تصویر جدید:
وقتی تصویری را به ویرایشگر وردپرس (گوتنبرگ یا ویرایشگر کلاسیک) اضافه میکنید، در قسمت تنظیمات بلوک تصویر (در ویرایشگر گوتنبرگ) یا جزئیات پیوست (در ویرایشگر کلاسیک)، فیلدی به نام "متن جایگزین (Alt Text)" مشاهده خواهید کرد. متن توصیفی خود را در این فیلد وارد کنید.
2. از طریق کتابخانه رسانه (Media Library):
میتوانید به بخش رسانه > کتابخانه در پیشخوان وردپرس خود بروید. روی تصویری که میخواهید ویرایش کنید کلیک کنید و در پنجره جزئیات پیوست، فیلد "متن جایگزین" را پیدا کرده و آن را پر کنید یا ویرایش کنید. این روش برای تصاویری که قبلاً آپلود کردهاید و متن جایگزین ندارند یا نیاز به ویرایش دارند، مفید است.
چگونه یک متن جایگزین خوب بنویسیم؟ (نکات کاربردی)
نوشتن متن جایگزین موثر هنری است که نیاز به دقت و کاربرد صحیح دارد. در اینجا چند نکته کلیدی وجود دارد:
توصیفی و مختصر: متن جایگزین شما باید تصویر را به طور دقیق و مختصر توصیف کند. تصور کنید که تصویر را برای فردی توضیح میدهید که نمیتواند آن را ببیند.
مثال بد: "گل"
مثال خوب: "گل رز قرمز شکفته در باغ با قطرات شبنم روی برگها"
از کلمات کلیدی مرتبط استفاده کنید: اگر کلمات کلیدی مرتبطی با محتوای شما وجود دارد که به طور طبیعی در توصیف تصویر میگنجند، آنها را اضافه کنید. اما هرگز کلمات کلیدی را به زور در متن جایگزین وارد نکنید. هدف اصلی توضیح تصویر است.
تصویر: یک گوشی سامسونگ گلکسی S24 اولترا.
- متن جایگزین خوب: "گوشی هوشمند سامسونگ گلکسی S24 اولترا با قلم S Pen و رنگ تیتانیوم خاکستری"
- متن جایگزین بد (پر کردن کلمات کلیدی): "گوشی هوشمند بهترین گوشی موبایل 2024 گوشی سامسونگ گوشی گلکسی S24 اولترا جدیدترین گوشی"
طول مناسب: سعی کنید متن جایگزین را زیر 125 کاراکتر نگه دارید. برخی از صفحهخوانها ممکن است متنهای بسیار طولانی را کوتاه کنند.
بدون کلمات "تصویر از" یا "عکس از": نیازی به اضافه کردن عباراتی مانند "تصویر از" یا "عکس از" نیست، زیرا صفحهخوانها به طور خودکار میدانند که در حال خواندن متن جایگزین یک تصویر هستند.
برای تصاویر دکوراتیو: اگر تصویری صرفاً جنبه دکوراتیو دارد و هیچ اطلاعات مهمی را منتقل نمیکند (مانند یک خط جداکننده گرافیکی یا یک پسزمینه ساده)، میتوانید متن جایگزین آن را خالی بگذارید (alt=""). این کار به صفحهخوانها میگوید که این تصویر را نادیده بگیرند.
تصاویر لینکدار: اگر تصویری لینک به صفحهای دیگر است، متن جایگزین باید هدف لینک را توصیف کند، نه فقط تصویر را.
مثال: تصویر دکمه "دانلود کتاب الکترونیکی"
متن جایگزین خوب: "دانلود کتاب الکترونیکی رایگان راهنمای سئو"
ابزارهای کمکی برای بهینهسازی تصاویر در وردپرس
ارافزونههای سئو: افزونههای محبوب سئو مانند Yoast SEO و Rank Math دای قابلیتهایی هستند که به شما در بررسی و بهینهسازی متن جایگزین کمک میکنند و حتی ممکن است به شما پیشنهاداتی برای بهبود ارائه دهند.
افزونههای بهینهسازی تصاویر: افزونههایی مانند Smush یا EWWW Image Optimizer میتوانند به فشردهسازی تصاویر و بهبود سرعت بارگذاری کمک کنند، که به طور غیرمستقیم بر سئو تأثیر میگذارد، اما به یاد داشته باشید که فشردهسازی نباید کیفیت تصویر را به حدی کاهش دهد که محتوای آن برای کاربر نامفهوم شود.
نتیجهگیری
متن جایگزین در وردپرس یک ابزار قدرتمند و در عین حال ساده برای ارتقاء وبسایت شما است. با صرف زمان اندک برای نوشتن متن جایگزینهای توصیفی و مرتبط، میتوانید به طور قابل توجهی سئو وبسایت خود را بهبود بخشید، ترافیک ارگانیک بیشتری جذب کنید، و تجربه کاربری بهتری را برای تمامی بازدیدکنندگان، از جمله افراد دارای محدودیتهای بینایی، فراهم آورید. این یک گام کوچک با نتایج بزرگ است که هر مدیر وبسایتی باید آن را جدی بگیرد.
نکته مهم
این یک باکس برای نمایش نکات کلیدی و مهم است. میتوانید از این ساختار در ویرایشگر متن خود برای برجسته کردن بخشهای خاصی از محتوا استفاده کنید.
نظرات (0)