پاسخ کوتاه: برای بررسی سئوی تصاویر یک صفحه، URL آن را در ابزار رایگان بررسی سئوی تصاویر PromoPilot قرار دهید. این ابزار تا ۱۰۰ تگ <img> را تجزیه و تحلیل میکند: اینکه آیا تگ alt وجود دارد، آیا loading="lazy" تنظیم شده است، آیا عرض و ارتفاع تنظیم شده‌اند، آیا از WebP، AVIF یا SVG استفاده شده است یا خیر، و اینکه آیا srcset وجود دارد یا خیر. نتیجه، امتیازی از ۰ تا ۱۰۰ و نظرات مربوط به هر تصویر است. در زیر نحوه محاسبه امتیاز، مواردی که ابتدا باید اصلاح شوند و آنچه ابزار نمی‌بیند را خواهید یافت.
من ۱۲ سال است که وب‌سایت و فروشگاه می‌سازم و تصاویر تقریباً در هر یک از آنها گلوگاه اصلی هستند. یک کارت محصول معمولی: پنج عکس ۳ مگابایتی مستقیماً از دوربین، یک متن جایگزین خالی و نام فایل IMG_4512.jpg است.
ابزار بررسی سئوی تصاویر چه چیزی را بررسی میکند؟
این ابزار هر تصویر روی صفحه را بر اساس پنج معیار بررسی میکند و آنها را با هم جمع میکند تا یک امتیاز کلی تشکیل دهد.
| چه چیزی را بررسی میکند؟ | او به چه چیزی نگاه میکند؟ | چرا این موضوع برای سئو و کسب و کار مهم است؟ |
|---|---|---|
| آلت | آیا برای هر <img> | رتبه‌بندی تصاویر Google بر اساس alt؛ دسترسی برای نابینایان |
| بارگذاری تنبل | ویژگی loading="lazy" برای تصاویر زیر صفحه اول اعمال می‌شود. | صفحه هیچ قسمتی را که بازدیدکننده هنوز به آن مراجعه نکرده است، بارگذاری نمیکند. |
| عرض و ارتفاع | آیا ابعاد در ویژگی‌های تگ مشخص شده‌اند؟ | بلوک‌ها هنگام بارگیری «پرش» نمی‌کنند - این یک معیار CLS است |
| قالب | WebP، AVIF یا SVG بر اساس پسوند فایل | فرمت‌های مدرن به طور قابل توجهی از JPG و PNG کوچکتر هستند. |
| سرست | آیا گزینه‌های تصویر برای صفحه نمایش‌های مختلف وجود دارد؟ | گوشی فایل کوچک را دریافت میکند، نه نسخه مانیتور را. |
هر تصویر فهرستی از نظرات را دریافت میکند و صفحه امتیاز نهایی را دریافت میکند. این روش مفید است: شما نه تنها می‌توانید ببینید چه چیزی اشتباه است، بلکه می‌توانید ببینید کدام تصویر مشکل دارد.
چگونه تصاویر موجود در یک وب‌سایت را به صورت آنلاین بررسی کنیم؟
- ابزار بررسی سئوی تصاویر را باز کنید.
- آدرس صفحه را وارد کنید ، ترجیحاً آدرسی با عکس‌های زیاد: کارت محصول، دسته‌بندی، مقاله وبلاگ، نمونه کارها.
- روی «بررسی» کلیک کنید و منتظر بمانید تا همه تصاویر اسکن شوند.
- امتیاز و لیست نظرات مربوط به هر تصویر را مشاهده کنید.
- لطفا مشکلات را برطرف کنید و دوباره صفحه را بررسی کنید.
صفحه ابزار به این شکل است: فیلد آدرس، لیست چک‌ها و سوالات متداول.
رتبه بندی چگونه محاسبه می شود و ابتدا باید چه مواردی اصلاح شود؟
این رتبه‌بندی از ۱۰۰ امتیاز شروع می‌شود و بسته به درصد تصاویر صفحه که از آن امتیاز کافی برخوردار نیستند، برای هر شماره جریمه کسر می‌شود. با دانستن قوانین، به راحتی می‌توان فهمید که چه چیزی بیشترین افزایش را به همراه خواهد داشت.
| معاینه | خوب | نظر دهید |
|---|---|---|
| آلت | کمتر از ۵۰٪ تصاویر دارای alt — -۳۰؛ کمتر از ۸۰٪ — -۱۵؛ کمتر از ۱۰۰٪ — -۵ | نکته‌ی بسیار مهم |
| بارگذاری تنبل | کمتر از ۵۰٪ - ۱۵-؛ کمتر از ۸۰٪ - ۸- | سه تصویر اول در نظر گرفته نمی‌شوند |
| عرض و ارتفاع | کمتر از ۵۰٪ - ۱۵-؛ کمتر از ۸۰٪ - ۸- | ابعادی که فقط با CSS تعریف می‌شوند، در نظر گرفته نمی‌شوند. |
| WebP، AVIF یا SVG | کمتر از 30٪ - -10 | قالب توسط پسوند تعیین می‌شود |
| مجموعه تنظیمات Src برای تصاویر رستری | کمتر از 30٪ - -10 | SVG به srcset نیاز ندارد |
اینم دستور کار من:
- Alt. گران‌ترین مورد و آسان‌ترین مورد برای تعمیر. آنچه نشان داده شده است را بنویسید:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку"، نهalt="рюкзак купить дёшево рюкзак". برای عناصر تزئینی، ازalt=""خالی استفاده کنید. - عرض و ارتفاع. ابعاد واقعی را در ویژگی‌ها مشخص کنید و
img { max-width: 100%; height: auto; }را به CSS اضافه کنید - تصویر واکنش‌گرا باقی می‌ماند و طرح‌بندی دیگر پرش نخواهد داشت. - بارگذاری تنبل (lazy loading) برای هر چیزی که در پایین صفحه قرار دارد اعمال می‌شود. با این حال، برای تصویر اصلی (hero image) مضر است: باید فوراً و با اولویت بارگذاری شود.
- WebP یا AVIF. WordPress از نسخه ۵.۸ به بعد از آپلودهای WebP و از نسخه ۶.۵ از AVIF پشتیبانی میکند.
- برای عکس‌های بزرگ ، Srcset را تنظیم کنید تا گوشی نسخه مانیتور را دانلود نکند.
نمونه‌ای از تصویر اصلی مناسب و عکس تطبیقی در متن:
<img src="/img/hero.webp" alt="Мастерская кожаных изделий Nord" width="1200" height="600" fetchpriority="high"> <img src="/img/bag-700.webp" srcset="/img/bag-700.webp 700w, /img/bag-1400.webp 1400w" sizes="(max-width: 700px) 100vw, 700px" alt="Рюкзак Nord 20 л, вид сбоку" width="700" height="700" loading="lazy">چگونه یک تگ alt خوب برای تصویر بنویسیم؟
تگ alt مهمترین عنصر ارزیابی است و جایی است که اغلب اشتباهات رخ می‌دهد: یا آن را خالی می‌گذاریم یا آن را با کلمات کلیدی پر می‌کنیم. یک قانون ساده: تصویر را برای کسی که نمی‌تواند آن را ببیند در یک جمله توصیف کنید.
| تصویر | آلت بد | آلترناتیوی خوب |
|---|---|---|
| عکس محصول | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| عکس تیمی | photo1 | Мастера мастерской Nord за работой над сумкой |
| نمودار یا چارت | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| آیکون دکوراسیون | иконка | خالی alt="" — نیازی به خواندن آن نیست |
برای یک کاتالوگ، ایجاد تگ‌های alt با استفاده از یک الگو راحت‌تر است: نام محصول + رنگ یا نوع + زاویه. به این ترتیب، پنج عکس روی یک کارت، به جای پنج توصیف یکسان، پنج توصیف مفید و متفاوت خواهند داشت.
نام فایل هم مهم است: kozhanyj-ryukzak-nord-korichnevyj.webp از IMG_4512.jpg بهتر است. دلیلی ندارد که فقط برای این کار نام فایل‌های قدیمی را تغییر دهید، بلکه فایل‌های جدید را با نام‌های توصیفی آپلود کنید.
مقایسه: بررسی‌کننده سئوی تصویر و جایگزین‌ها
| ابزار | چی رایگانه؟ | محدودیت‌ها | برای چه کسانی مناسب است؟ |
|---|---|---|---|
| PromoPilot - بررسی سئوی تصاویر | Alt، بارگذاری تنبل، عرض/ارتفاع، فرمت‌ها، srcset؛ امتیاز ۰ تا ۱۰۰ و نظرات برای هر تصویر | تا ۱۰۰ تصویر، حجم فایل تخمین زده نشده است | تصاویر را از هر صفحه‌ای به سرعت تجزیه و تحلیل کنید |
| بینش‌های سرعت صفحه Google | بررسی تصاویر به عنوان بخشی از تست سرعت: فرمت، اندازه، بارگذاری کند (lazy loading) | مخلوط با ده‌ها بررسی دیگر، آلت به سختی متوجه می‌شود | ارزیابی تأثیر تصاویر بر سرعت |
| اسکواش | فشرده‌سازی و تبدیل یک تصویر واحد در مرورگر | صفحه را بررسی نمیکند، با فایل‌ها کار میکند | آماده‌سازی تصاویر تکی |
| عنکبوت سئوی Screaming Frog | فهرست تصاویر بدون متن جایگزین در سراسر سایت | نصب لازم است، نسخه رایگان محدودیت آدرس دارد | حسابرسی Alt در صدها صفحه |
نتیجه‌گیری: یک بررسی‌کننده آنلاین نشان می‌دهد که تصاویر یک صفحه خاص چه مشکلی دارند، PageSpeed نشان می‌دهد که چقدر از سرعت آن کاسته شده است، و Squoosh یا یک مبدل به رفع مشکل خود فایل‌ها کمک میکند.
PromoPilot دارای ۸۷ ابزار سئو رایگان است، از جمله یک ابزار فشرده‌سازی تصویر و یک مبدل WebP که مستقیماً در مرورگر و بدون آپلود فایل‌ها به سرور کار می‌کنند. برای درک حجم کلی صفحه، مقاله ما را در مجموعه تحلیل سرعت صفحه بررسی کنید.
تأیید تصویر چه چیزی را نمی‌بیند؟
بیایید در مورد محدودیت‌های این ابزار صادق باشیم - دانستن آنها برای تفسیر دقیق رتبه‌بندی مهم است:
- اندازه فایل در نظر گرفته نمی‌شود — تصاویر دانلود نمی‌شوند؛ فرمت توسط پسوند تعیین می‌شود.
- تگ
<picture>تجزیه نمی‌شود: JPG در<img>حتی اگر در<source>کنار آن AVIF یا WebP وجود داشته باشد، تگ‌گذاری می‌شود. - تصاویر پس‌زمینه از CSS و تصاویر اضافه شده توسط جاوا اسکریپت در گزارش لحاظ نشده‌اند.
- ابعادی که فقط در CSS مشخص شده‌اند، در نظر گرفته نمی‌شوند.
- صفحه‌ای که حتی یک
<img>هم نداشته باشد، ۵۰ امتیاز می‌گیرد - این «نیمی از اشتباهات» نیست، بلکه «هیچ امتیازی ندارد».
چه زمانی یک ابزار رایگان کافی نیست؟
اصلاح متن جایگزین در یک صفحه ده دقیقه طول می‌کشد. اما اگر فروشگاه پنج هزار محصول داشته باشد، انجام این کار به صورت دستی غیرممکن است. در صورت وجود شرایط زیر به یک متخصص نیاز دارید:
- alt باید به طور خودکار از نام، رنگ و زاویه برای کل کاتالوگ تولید شود.
- تصاویر بدون فشرده‌سازی از دوربین بارگذاری می‌شوند و به یک خط لوله خودکار نیاز است: فشرده‌سازی، WebP، اندازه‌های مختلف؛
- قالب وب‌سایت، عکس‌ها را بدون عرض، ارتفاع و مجموعه تنظیمات src نمایش می‌دهد و این مشکل در قالب باید برطرف شود؛
- آیا می‌خواهید برای نمایش محصولات از تصاویر Google ترافیک دریافت کنید؟
برای وب‌سایت شما چه کاری می‌توانم انجام دهم؟
من والری دانیوک هستم، توسعه‌دهنده و متخصص سئو با ۱۲ سال سابقه و بیش از ۲۰۰ مشتری، از جمله فروشگاه‌های آنلاین متعدد با هزاران عکس.
سئو و حسابرسی
- ممیزی سئوی وب‌سایت آماده: من تصاویر را در کل سایت بررسی می‌کنم، تبدیل خودکار و متن جایگزین را در قالب‌ها تنظیم می‌کنم.
- یک وبلاگ سئو مبتنی بر هوش مصنوعی که مشتریان ارگانیک را جذب میکند - به طور خودکار تصاویر alt و WebP را برای هر مقاله نمایش می‌دهد.
فروشگاه‌ها و کاتالوگ‌ها
- یک کاتالوگ ۳۰۰ قلمی تنها در عرض چند دقیقه از طریق MCP و Claude - به همراه توضیحات و عکس برای هر قلم.
- یک فروشگاه آنلاین که توسط WooCommerce پشتیبانی می‌شود و پردازش تصویر مناسبی دارد.
- انتقال فروشگاه از Instagram به وب‌سایت - عکس‌ها و توضیحات محصول نیز در حال انتقال هستند.
- محصولات، عکس‌ها و متن‌ها را می‌توان از طریق لینکی از وب‌سایت قدیمی یا رسانه‌های اجتماعی خود به 1001site منتقل کرد.
حسابداری و اتوماسیون
- حسابداری + دفترداری + فروشگاه برای 30،000 محصول.
- ربات Telegram با هوش مصنوعی برای فروشگاه آنلاین سس.
لینک کارت محصول را در Telegram برای من ارسال کنید - من بر اساس تصاویر به شما می‌گویم که چقدر می‌توانید برنده شوید.
نتیجه
- این ابزار بررسی سئوی تصاویر آنلاین، تا ۱۰۰ تصویر در یک صفحه را بررسی میکند و به هر تصویر امتیازی از ۰ تا ۱۰۰ می‌دهد و نظرات کاربران را نیز در مورد هر تصویر بیان میکند.
- بیشترین امتیاز به ابعاد alt و width/height داده می‌شود و پس از آن lazy loading، WebP/AVIF و srcset قرار دارند.
- تصویر اصلی نیازی به بارگذاری تنبل ندارد -
fetchpriority="high"نیاز دارد. - برای کاتالوگ‌های بزرگ، پردازش عکس به صورت خودکار انجام می‌شود—یا پلتفرمی انتخاب می‌شود که این کار از قبل در آن انجام می‌شود، برای مثال، 1001site.
سنگین‌ترین صفحه سایت خود را با ابزار رایگان بررسی سئوی تصویر بررسی کنید — و با alt شروع کنید.
منابع
- صفحه بررسی سئوی تصاویر در PromoPilot - بررسی‌ها، قوانین ارزیابی، محدودیت‌ها و سوالات متداول.
- مرکز جستجوی Google - پیشنهاد تصاویر برای جستجو.
- Google PageSpeed Insights و Squoosh - توضیحات ویژگی‌ها.
