سئو تصاویر سایت؛ Alt، WebP و سرعت بدون افت کیفیت

تصویر در سایت فارسی معمولاً یا نادیده گرفته می‌شود یا فقط برای «زیبایی» آپلود می‌شود؛ در حالی که همان فایل می‌تواند ایندکس را سنگین کند، LCP را خراب کند، یا برعکس در Google Images و درک موضوع صفحه نقش مثبت داشته باشد. سئو تصاویر مجموعه تصمیم‌هایی است که نام فایل، alt، فرمت، حجم، ابعاد و جای تصویر در محتوا را با نیت صفحه هم‌راستا می‌کند — نه اینکه فقط یک کلمه کلیدی را داخل alt تکرار کنید.

این راهنما سئو تصاویر را برای سایت خدماتی و فروشگاهی عملی می‌کند: از WebP و lazy-load تا اشتباهات رایج و پیوند با طراحی. اجرای کامل را می‌توانید در دسته خدمات سئو و تولید محتوا پیش ببرید؛ اگر معماری صفحه و هیرو از ابتدا اشتباه چیده شده، مسیر درست از دسته طراحی سایت روبینش شروع می‌شود.

Use high-quality photos and images that are relevant to the content. Optimize your images by compressing them, using descriptive filenames, and writing useful alt text.

سئو تصاویر چیست؟

سئو تصاویر یعنی کمک به موتور جستجو و کاربر برای فهمیدن اینکه یک فایل گرافیکی چه موضوعی دارد، چرا در این صفحه است، و چقدر سریع باید لود شود. گوگل تصویر را مثل انسان «نمی‌بیند»؛ به سیگنال‌های اطراف تکیه می‌کند: نام فایل، متن جایگزین (alt)، عنوان و متن نزدیک تصویر، صفحهٔ میزبان، و کیفیت فنی فایل. وقتی این سیگنال‌ها هم‌راستا باشند، تصویر هم در نتایج تصویری شانس بیشتری دارد و هم به topical clarity صفحه کمک می‌کند.

در سایت خدماتی، تصویر هیرو، نمودار فرایند، اسکرین‌شات محصول و عکس تیم رایج‌اند. هر کدام نقش جدا دارند: هیرو باید سریع و معنادار باشد؛ نمودار باید در alt خلاصهٔ مفهوم را بگوید؛ عکس تزئینی بدون متن جایگزین یا با alt خالی معمولاً فقط هزینهٔ پهنای باند است. اگر هنوز روی ساختار کلی محتوا کار می‌کنید، اصول بهینه‌سازی On Page Seo را کنار این لایه تصویری ببینید.

متن جایگزین (Alt) درست بنویسید

Alt دو کار هم‌زمان انجام می‌دهد: دسترسی‌پذیری برای کاربرانی که تصویر را نمی‌بینند، و توضیح معنا برای خزنده. alt خوب کوتاه، توصیفی و مرتبط با نقش تصویر در همان پاراگراف است — نه فهرستی از کلمات کلیدی جدا با ویرگول. برای هیرو بلاگ، ذکر موضوع + برند در صورت نیاز منطقی است؛ برای آیکون تزئینی، گاهی alt خالی (decorative) مناسب‌تر از تکرار بی‌معناست.

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

نام فایل، فرمت و فشرده‌سازی

نام‌هایی مثل `IMG_4587.jpg` هیچ سیگنالی نمی‌دهند. نام انگلیسی کوتاه و توصیفی — مثلاً `blog-image-seo-checklist.webp` — هم برای انسان خواناتر است هم برای سیستم فایل و CDN. از فاصله و کاراکترهای عجیب پرهیز کنید؛ خط تیره معمولاً تمیزتر از underscore است.

فرمت مدرن مثل WebP (و در صورت پشتیبانی، AVIF) معمولاً حجم را بدون افت محسوس کیفیت کم می‌کند؛ دقیقاً همان کاری که روی هیروهای بلاگ روبینش با تبدیل PNG انجام شد. JPEG هنوز برای عکس‌های پیچیده جا دارد، PNG برای شفافیت، SVG برای آیکون/نمودار ساده. انتخاب فرمت باید با نقش تصویر جور باشد، نه مد روز. فشرده‌سازی را قبل از آپلود جدی بگیرید؛ تصویری که روی موبایل ۴G سه ثانیه LCP را نگه می‌دارد، حتی با alt عالی به تجربه و در نتیجه به سیگنال‌های تجربه صفحه آسیب می‌زند — جزئیات را در شاخص‌های Core Web Vitals ببینید.

سرعت، CLS و lazy-load

بزرگ‌ترین آسیب تصاویر ضعیف معمولاً از «سئوی محتوایی» نیست؛ از تجربه است. هیرو بدون ابعاد مشخص باعث پرش دکمه تماس می‌شود. گالری بیست‌عکسی بدون lazy-load موبایل را می‌کشد. فونت و اسکریپت ثالث کنار تصویر سنگین، INP و LCP را هم‌زمان خراب می‌کنند. قانون ساده: تصویر بالای صفحه را اولویت بدهید (preload یا priority در فریم‌ورک)، بقیه را تنبل بارگذاری کنید، و همیشه جعبهٔ فضا را رزرو کنید.

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

Google Images و تصویر به‌عنوان ورودی

بخشی از ترافیک — مخصوصاً برای موضوعات آموزشی، محصول، دکوراسیون، پزشکی — از نتایج تصویری می‌آید. کاربر روی تصویر کلیک می‌کند و باید به صفحه‌ای برسد که همان موضوع را کامل جواب می‌دهد، نه صفحهٔ خالی یا گالری بی‌متن. بنابراین سئو تصاویر بدون صفحهٔ میزبان قوی ناقص است: عنوان، H1، پاراگراف اطراف و CTA باید با تصویر یکی باشند.

برای تصاویر مهم، اطمینان از قابل خزش بودن مهم است: CSS background گاهی کشف را سخت‌تر از تگ `img` می‌کند؛ اگر تصویر محتوایی است، ترجیحاً در HTML واقعی باشد. نقشه سایت تصویر (یا درج تصویر در sitemap صفحه) می‌تواند کمک کند، اما جایگزین alt و صفحهٔ خوب نیست. لایهٔ خزش و ایندکس را در مسیر ممیزی سئو تکنیکال و راهنمای نقشه سایت XML دنبال کنید.

اینفوگرافیک و برند در بلاگ

در مقالات روبینش، هیروها معمولاً اینفوگرافیک برنددارند: خوانایی متن روی تصویر، رنگ سازمانی، و ذکر «روبینش | Rubinesh». این کار فقط زیبایی نیست؛ وقتی تصویر در شبکه‌های اجتماعی یا نتایج تصویری دیده می‌شود، منبع مشخص می‌ماند. با این حال متن مهم را فقط داخل تصویر نگذارید — همان پیام باید در HTML هم باشد، وگرنه برای دسترس‌پذیری و درک متنی ضعیف می‌مانید.

اگر تصویر دیاگرام کلاستر یا اسکیماست، alt باید مفهوم دیاگرام را بگوید نه اینکه «تصویر ۱» باشد. اسکیمای ImageObject گاهی مفید است، اما فقط وقتی داده دقیق دارید؛ جزئیات structured data را در راهنمای اسکیما مارک آپ و JSON-LD ببینید.

تفاوت فروشگاه و سایت خدماتی

در فروشگاه، تصویر محصول سیگنال تبدیل و ایندکس است: چند زاویه، زمینهٔ واقعی، حجم کنترل‌شده، و alt با نوع/ویژگی نه فقط برند. در سایت خدماتی، تصویر باید اعتماد و فرایند را نشان دهد — نه استوک بی‌ربط. عکس تیم واقعی، اسکرین داشبورد (با دادهٔ غیرحساس)، و نمودار معماری معمولاً از بنرهای کلی «موفقیت» بهتر کار می‌کنند.

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

گردش کار پیشنهادی تیم

1. قبل از طراحی: مشخص کنید هر تصویر چه وظیفه‌ای دارد (هیرو، توضیح، اثبات، تزئین).
2. حین تولید: نام فایل و اندازهٔ هدف را از ابتدا تعیین کنید.
3. قبل از انتشار: alt، فرمت، فشرده، ابعاد، و تست موبایل.
4. بعد از انتشار: در Search Console بخش تجربه صفحه و در صورت نیاز پوشش تصاویر را پایش کنید.

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

اشتباهات پرتکرار

• هیرو ۴ مگابایتی PNG روی لندینگ تبلیغاتی
• alt عین کلمه کلیدی تجاری در هر تصویر
• lazy-load روی تصویر LCP
• واترمارک سنگین که موضوع را می‌پوشاند
• گالری بدون متن اطراف در صفحه خدمت

اگر بعد از پاکسازی هنوز ایندکس شلوغ و بی‌کیفیت دارید، تصاویر صفحات زامبی را هم در صف حذف/ادغام ببینید — راهنمای صفحات زنده‌نما به اولویت‌بندی کمک می‌کند. برای اعتماد و نویسندهٔ مشخص کنار تصاویر تخصصی، سیگنال‌های EEAT را جدی بگیرید.

جمع‌بندی

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