متن جایگزین تصویر چیست؟ چگونه از متن جایگزین تصویر برای سئو استفاده کنیم؟

متن جایگزین تصویر، ابزاری اساسی است تا به موتورهای جستجو کمک کنید که تصاویر را در وب‌سایت شما تشخیص دهند تا در سئوی وب‌سایت به شما کمک کنند! زیرا با ظهور شبکه‌های اجتماعی تصویر محور مانند اینستاگرام، استفاده از تصاویر در وب‌سایت‌ها هم الزامی است؛ اما بات‌های موتورهای جستجو برای کرال و ایندکس، هنوز قادر به تشخیص تصاویر در وب‌سایت‌ها نیستند و در نتیجه متن، باید به کمک تصویر بیاید!

در این مقاله، ما متن جایگزین تصویر را معرفی می‌کنیم که ابزاری کلیدی در سئوی وب‌سایت شما است!

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

مشکل تصاویر از دیدگاه سئو این است که کامپیوترها شاید بتوانند شکل عمومی و رنگ‌ها را در یک تصویر تشخیص دهند اما واقعاً نمی‌توانند جزئیات تصویر را تفکیک کنند؛ یعنی، وقتی یک موتور جستجو صفحه شما را کرول می‌کند، تصویر شما را «نمی‌بیند» و این یک مشکل است!

اگر موتورهای جستجو نمی‌دانند که چه چیزی در یک تصویر وجود دارد، امکان ندارد که بتوانند ارتباط تصویر با محتوای متنی شما را تشخیص دهند یا بدانند که اصلاً ارتباطی با صفحه وجود دارد! آن‌ها حتی نمی‌توانند تشخیص دهند که یک تصویر به یک جستجو در موتور جستجو مربوط است! خوشبختانه، یک راه نسبتاً ساده وجود دارد تا این مشکل را حل کرد و سئوی شما و تجربه کاربری را بهتر کرد: متن جایگزین تصویر!

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

Alternative Text که اغلب به‌اختصار alt text خوانده می‌شود، یک ویژگی HTML است که به تگ تصویر اضافه می‌شود تا توضیحاتی در مورد تصویر ارائه دهد:

<img src="https://www.example.com/example-image.jpg” alt=”This is the alt text”/>

هنگامی‌که مرورگر نمی‌تواند یک گرافیک را بارگذاری کند، متن جایگزین را به‌جای تصویر در محفظه تصویر نشان می‌دهد. در عکس زیر می‌توانید یک نمونه از مرورگر را ببینید که نتوانسته عکس واقعی را بارگذاری کند و به‌جای آن، متن جایگزین را در محفظه تصویر نشان می‌دهد:

متن جایگزین همچنین توسط صفحه خوان‌ها (screen reader) و سایر تکنولوژی‌های کمکی برای کاربرانی که مشکل بینائی دارند، استفاده می‌شود.

چگونه می‌توانید از متن جایگزین در سئو استفاده کنید؟

از دیدگاه سئو، متن جایگزین یکی از فاکتورهای مهم در بهینه‌سازی تصاویر است و احتمالاً مهم‌ترین عامل بعد از نام فایل تصویر است. به عبارتی، متن جایگزین فرصت ارائه‌شده به شما است تا کلمات کلیدی را به تصویر خود اضافه کنید تا به آن‌ها کمک کنید در نتایج جستجو، رتبه‌بندی شوند. هنگامی‌که متن جایگزین می‌نویسید، مشروح و دقیق باشید زیرا شما توضیحات را برای کسی یا چیزی می‌نویسید که نمی‌تواند ببیند!

هنگامی‌که متن جایگزین خود را می‌نویسید، اطمینان حاصل کنید که keyword هدف صفحه را در آن قرا می‌دهید که البته نباید خیلی کار سختی باشد چراکه درهرحال، تصویر شما باید به موضوع محتوای صفحه مربوط باشد! بهتر است که فقط از یک کلمه کلیدی استفاده کنید مگر اینکه شما دو کلمه دارید که به‌شدت به هم نزدیک هستند. مثل همیشه، از انباشته سازی کلمات کلیدی، جدا خودداری کنید!

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

• متن جایگزین توسط انسان‌ها استفاده می‌شود پس متن جایگزین خوب، مساوی تجربه کاربری خوب است و تجربه کاربری خوب هم به سئوی خوب منجر می‌شود.
• هنگامی‌که متن جایگزین شما به نحوه تایپ جستجوی مردم در گوگل نزدیک‌تر است، به‌احتمال‌زیاد، رتبه بالاتری خواهد داشت.

البته در مورد جزئیات، زیاده‌روی هم نکنید! محدودیت کاراکتر خاصی وجود ندارد (مثل آنچه در تگ عنوان یا توضیحات وجود دارد)، اما گوگل پیشنهاد می‌کند که اگر متن جایگزین را کوتاه‌تر بنویسید، بهتر است. در عکس‌های پائین می‌توانید چند نمونه از متن‌های جایگزین برای یک تصویر روی یک صفحه با کلمه کلیدی هدف «پاندا در حال جشن گرفتن» را ببینید.

در  زیر HTML احتمالی برای عکس بالا را می‌بینید:

<img src=”https://s3.amazonaws.com/woocms.woorank.com/2016/Nov/celebrating_panda-1480416313590.jpg“ alt=”Panda”/>

این متن جایگزین، خوب است یعنی خیلی بد نیست اما خیلی مشروح هم نیست! پاندا موضوع تصویر است اما اتفاقات زیادی در تصویر اتفاق می‌افتد که در این متن جایگزین بیان نشده است. علاوه بر این، از کلمه کلیدی صفحه که «پاندا در حال جشن گرفتن» است، استفاده نمی‌کند.

در زیر، نسخه متفاوتی از آن HTML را می‌بینید:

<img src=”https://s3.amazonaws.com/woocms.woorank.com/2016/Nov/celebrating_panda-1480416313590.jpg“ alt=”Celebrating panda”/>

این متن جایگزین بهتر است چراکه توضیحات بیشتری نسبت به استفاده از تنها یک کلمه «پاندا» دارد و از کلمه کلیدی هدف صفحه استفاده می‌کند؛ اما هنوز به‌اندازه کافی مشروح و مفید نیست!

در زیر، نسخه سوم از تگ تصویر بالا را می‌بینید:

<img src=”https://s3.amazonaws.com/woocms.woorank.com/2016/Nov/celebrating_panda-1480416313590.jpg“ alt=”Celebrating panda in orange party hat sitting at computer”/>

این نسخه، متن جایگزین ایده آل را نمایش می‌دهد: توضیح می‌دهد که در تصویر چه اتفاقاتی در حال وقوع است، از کلمه کلیدی هدف صفحه در ابتدای تگ استفاده می‌کند و از یک کلمه کلیدی مشابه مفهومی (party hat) هم استفاده می‌کند.

قبل از اینکه هیجان‌زده شوید و متن جایگزین تصاویر خود را با کلمات کلیدی و عبارات مرتبط پرکنید، مثال زیر را در نظر بگیرید:

<img src=”https://s3.amazonaws.com/woocms.woorank.com/2016/Nov/celebrating_panda-1480416313590.jpg“ alt=”Celebrating panda, panda, happy panda, panda party, party panda, panda celebrating, panda bear, celebrating panda bear”/>

این نمونه، بدترین راه ممکن برای استفاده از متن جایگزین تصویر است! گوگل متوجه خواهد شد که ویژگی تگ، از کلمات و عبارات تکراری انباشته شده است! اگر همه ویژگی‌ها را خالی بگذارید، بهتر است مانند نمونه زیر:

<img src=”https://s3.amazonaws.com/woocms.woorank.com/2016/Nov/celebrating_panda-1480416313590.jpg“ alt=””/>

متن جایگزین در مقایسه با عنوان تصویر: تفاوت چیست؟

Image title و متن جایگزین هر دو یک attribute در تگ تصویر هستند که محتوای تصویر را توضیح می‌دهند. برای نوشتن هر دو، کاربر را هم باید در نظر بگیرید اما متن جایگزین منبع اصلی اطلاعات است در مورد اینکه چه چیزی در عکس وجود دارد. عنوان تصویر باید اطلاعات بیشتری که امکان افزودن آن‌ها در متن جایگزین نبوده، اضافه کند.

عنوان تصویر در تگ تصویر به‌صورت زیر ظاهر می‌شود:

<img src=”image.jpg” alt=”Alt text description” title=”Image title”/>

بااین‌وجود، شما باید یک رویکرد مشابه (مانند متن جایگزین) برای بهینه‌سازی عنوان تصویر داشته باشید:

• به کاربرانی که نمی‌توانند تصاویر را ببینند، کمک کنید تا محتوای تصویر را درک کنند.
• به موتورهای جستجو کمک کنید تا محتوای تصویر را درک کنند.
• از یک کلمه کلیدی استفاده کنید که به تصویر و محتوای صفحه مرتبط است.

خلاصه

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