آموزش افزودن خودکار متن جایگزین (alt) به تصاویر مطالب وردپرس با استفاده از عنوان نوشته

[Ahmad]

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

چرا افزودن متن جایگزین (alt) مهم است؟

متن alt باعث می‌شود خزنده‌های گوگل محتوای تصاویر شما را بهتر بفهمند و تصاویر در جستجو ایندکس شوند. همچنین نقش کلیدی در دسترسی‌پذیری وب دارد و به افرادی که از صفحه‌خوان استفاده می‌کنند کمک می‌کند. اگر تصویری به هر دلیل لود نشود، متن alt نمایش داده می‌شود. بنابراین داشتن یک alt مناسب و مرتبط با محتوا (مانند عنوان مطلب) بهترین روش برای بهبود سئو تصاویر وردپرس است.

روش اتوماتیک‌سازی افزوده شدن alt براساس عنوان مطلب

برای انجام این کار نیاز نیست افزونه خاصی نصب کنید، تنها کافی است کد زیر را به فایل functions.php قالب فرزند (child theme) یا افزونه اختصاصی خود اضافه نمایید. این قطعه کد به‌صورت خودکار به هر تصویری که داخل محتوای نوشته بدون alt درج شده، مقدار alt را برابر با عنوان همان پست تعیین می‌کند.

add_filter('the_content', 'ak_add_alt_to_images');
function ak_add_alt_to_images($content){
    if(is_single()){
        global $post;
        $title = get_the_title($post->ID);
        $pattern = '/<img(.*?)alt=[\'"](.*?)[\'"](.*?)>/i';
        $replacement = '<img$1alt="'.$title.'"$3>';
        // ابتدا بررسی می کند که alt هست یا نه
        if(!preg_match($pattern, $content)){
            $pattern_no_alt = '/<img(?![^>]*\salt=)(.*?)>/i';
            $replacement_no_alt = '<img$1 alt="'.$title.'">';
            $content = preg_replace($pattern_no_alt, $replacement_no_alt, $content);
        }
    }
    return $content;
}

این قطعه کد، تصاویر بدون alt را یافته و آن را اتوماتیک مقداردهی می‌کند بدون اینکه تصاویر با alt قبلی را دستکاری کند.

عملکرد دقیق کد و نکات کلیدی

• کد فقط برای محتوای نوشته (is_single) اجرا می‌شود.
• اگر تصویری alt نداشته باشد، alt آن را با عنوان مطلب جایگزین می‌کند.
• اگر از قبل alt داشته باشد، مقدار alt قبلی حفظ می‌شود.
• کد در functions.php باید بعد از بروزرسانی قالب حفظ شود (به همین دلیل پیشنهاد Child Theme یا افزونه اختصاصی).
• سازگار با نسخه‌های جدید وردپرس و اکثر ویرایشگرها.

برای تست کد می‌توانید یک پست تازه ایجاد کرده و یک تصویر بدون alt وارد کنید. بعد از ذخیره سازی و مشاهده پست، باید alt تصویر با عنوان نوشته برابر باشد.

بهبود سئو تصاویر با سایر ترفندها

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

افزونه‌های مکمل برای مدیریت alt تصاویر در وردپرس

علاوه بر راهکار دستی بالا، برخی از افزونه‌های محبوب سئو نظیر Yoast SEO یا افزونه‌های مدیریت تصویر مانند SEO Friendly Images و WP Image Altifier امکان کنترل حرفه‌ای‌تر متن جایگزین را به شما می‌دهند. اگر سایت پرتعداد و بزرگی دارید، می‌توانید این ابزارها را بررسی کنید.

رفع اشکال و پیشنهادهای حرفه‌ای

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

جمع‌بندی

افزودن اتوماتیک alt به تصاویر بر اساس عنوان مطلب راه‌حلی سریع و کاربردی برای بهینه‌سازی کلیه محتواهای سایت وردپرسی شما است. انجام این کار بدون افزونه و تنها با چند خط کد باعث رشد سئوی تصاویر و کاربرپسند شدن سایت شما خواهد شد.