התשובה הקצרה: כדי לבדוק תמונות בדף עבור קידום אתרים (SEO), הדביקו את כתובת ה-URL שלהן ב- SEO Image Checker החינמי של PromoPilot. הכלי ינתח עד 100 תגיות <img>: האם יש תגית alt, האם loading="lazy" מוגדר, האם הרוחב והגובה מוגדרים, האם נעשה שימוש ב-WebP, AVIF או SVG, והאם יש srcset. התוצאה היא ציון מ-0 עד 100 והערות על כל תמונה. להלן תמצאו כיצד מחושב הציון, מה לתקן תחילה ומה הכלי לא רואה.
אני בונה אתרים וחנויות כבר 12 שנים, ותמונות הן צוואר הבקבוק העיקרי כמעט בכל אחד מהם. כרטיס מוצר טיפוסי: חמש תמונות בגודל 3MB היישר מהמצלמה, טקסט חלופי ריק, ושם הקובץ הוא IMG_4512.jpg.
מה בודקת בדיקת קידום אתרים בתמונה?
הכלי בוחן כל תמונה בדף על סמך חמישה קריטריונים ומחבר אותם יחד ליצירת ציון כולל.
| מה זה בודק? | על מה הוא מסתכל? | למה זה חשוב לקידום אתרים (SEO) ולעסקים? |
|---|---|---|
| אלט | האם יש תיאור טקסטואלי לכל <img> | דירוג תמונות Google לפי alt; נגישות לעיוורים |
| טעינה עצלה | התכונה loading="lazy" מוחלת על תמונות מתחת למסך הראשון. | הדף לא טוען שום דבר שהמבקר עדיין לא גלל אליו. |
| רוחב וגובה | האם המידות מצוינות במאפייני התג? | בלוקים לא "קופצים" בעת טעינה - זהו מדד CLS |
| פוּרמָט | WebP, AVIF או SVG לפי סיומת קובץ | פורמטים מודרניים קטנים באופן ניכר מ-JPG ו-PNG. |
| סרקסט | האם יש אפשרויות תמונה למסכים שונים? | הטלפון מקבל את הקובץ הקטן, לא את גרסת הצג. |
כל תמונה מקבלת רשימת הערות, והדף מקבל ציון סופי. זה נוח: אפשר לראות לא רק מה לא בסדר, אלא גם איזו תמונה אשמה.
איך בודקים תמונות באתר אינטרנט?
- פתח את בודק קידום אתרים (SEO) לתמונות.
- הכנס את כתובת הדף, רצוי כזו עם הרבה תמונות: כרטיס מוצר, קטגוריה, מאמר בבלוג, תיק עבודות.
- לחץ על "בדוק" והמתן לסריקת כל התמונות.
- צפה בדירוג וברשימת התגובות עבור כל תמונה.
- אנא תקן את הבעיות ובדוק שוב את הדף.
כך נראה דף הכלים: שדה כתובת, רשימת בדיקות ושאלות נפוצות
כיצד מחושב הדירוג ומה יש לתקן תחילה?
הדירוג מתחיל ב-100 נקודות, וקנסות מנוכים עבור כל בעיה, בהתאם לאחוז התמונות בדף שנכשלות בה. בידיעת הכללים, קל להבין מה יניב את הדחיפה הגדולה ביותר.
| בְּדִיקָה | עָדִין | הֶעָרָה |
|---|---|---|
| אלט | פחות מ-50% מהתמונות עם alt — -30; פחות מ-80% — -15; פחות מ-100% — -5 | הנקודה המשמעותית ביותר |
| טעינה עצלה | פחות מ-50% - 15-; פחות מ-80% - 8- | שלוש התמונות הראשונות לא נלקחו בחשבון |
| רוחב וגובה | פחות מ-50% - 15-; פחות מ-80% - 8- | ממדים של CSS בלבד אינם נלקחים בחשבון. |
| WebP, AVIF או SVG | פחות מ-30% - 10 | הפורמט נקבע על ידי הסיומת |
| Srcset עבור תמונות רסטר | פחות מ-30% - 10 | SVG לא צריך srcset |
הנה סדר העבודה שלי:
- חלופי. הפריט היקר ביותר והקל ביותר לתיקון. כתבו מה שמוצג:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", לאalt="рюкзак купить дёшево рюкзак". עבור אלמנטים דקורטיביים, השתמשו ב-alt=""ריק. - רוחב וגובה. ציינו את המידות בפועל בתכונות, והוסיפו
img { max-width: 100%; height: auto; }ל-CSS - התמונה תישאר רספונסיבית, והפריסה תפסיק לקפוץ. - טעינה עצלה חלה על כל מה שמתחת לקפל. עם זאת, היא מזיקה לתדמית הגיבור: יש לטעון אותה באופן מיידי ובעדיפות.
- WebP או AVIF. WordPress תומכת בהעלאות WebP מאז גרסה 5.8, וב-AVIF מאז גרסה 6.5.
- 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. אין טעם לשנות שם של קבצים ישנים רק בשביל זה, אלא להעלות חדשים עם שמות תיאוריים.
השוואה: בודק קידום אתרים (SEO) לתמונות וחלופות
| כְּלִי | מה בחינם? | הגבלות | למי זה מתאים? |
|---|---|---|---|
| PromoPilot — בודק קידום אתרים (SEO) לתמונות | Alt, טעינה עצלה, רוחב/גובה, פורמטים, srcset; דירוג 0–100 והערות לכל תמונה | עד 100 תמונות, גודל הקובץ אינו מוערך | ניתוח מהיר של תמונות מכל דף |
| תובנות Google PageSpeed | ביקורות תמונות כחלק ממבחן המהירות: פורמט, גודל, טעינה עצלה | מעורבב עם עשרות צ'קים אחרים, alt בקושי מבין | הערכת השפעת תמונות על מהירות |
| סקוווש | דחיסה והמרה של תמונה בודדת בדפדפן | לא בודק את הדף, עובד עם קבצים | הכנת תמונות בודדות |
| עכביש SEO בצפרדע הצורחת | רשימת תמונות ללא טקסט חלופי ברחבי האתר | נדרשת התקנה, לגרסה החינמית יש מגבלה על מספר הכתובות | ביקורת חלופית על מאות עמודים |
סיכום: בודק מקוון מראה מה לא בסדר בתמונות בדף מסוים, PageSpeed מראה כמה זה עולה במהירות, ו-Squoosh או ממיר עוזר לתקן את הקבצים עצמם.
ל-PromoPilot יש 87 כלי קידום אתרים חינמיים, כולל כלי דחיסת תמונות וממיר WebP שעובדים ישירות בדפדפן, מבלי להעלות קבצים לשרת. כדי להבין את גודל הדף הכולל, עיינו במאמר שלנו בסדרת ניתוח מהירות הדף שלנו.
מה אימות תמונה לא רואה?
בואו נהיה כנים לגבי מגבלות הכלי - חשוב להכיר אותן כדי לפרש במדויק את הדירוג:
- גודל הקובץ אינו נלקח בחשבון - תמונות אינן מורדות; הפורמט נקבע על ידי הסיומת.
- התג
<picture>לא מנותח: JPG בקובץ<img>יתויג גם אם יש AVIF או WebP בקובץ<source>שלידו. - תמונות רקע מ-CSS ותמונות שנוספו על ידי JavaScript אינן כלולות בדוח.
- מידות שצוינו רק ב-CSS אינן נלקחות בחשבון.
- עמוד ללא
<img>אחד מקבל 50 נקודות - זה לא "חצי טעויות", אלא "אין מה לדרג".
מתי כלי חינמי לא מספיק?
תיקון טקסט alt בעמוד בודד לוקח עשר דקות. אבל אם לחנות יש חמשת אלפים מוצרים, אי אפשר לעשות זאת ידנית. אתם זקוקים למומחה אם:
- יש ליצור אוטומטית את alt מהשם, הצבע והזווית עבור כל הקטלוג;
- תמונות נטענות מהמצלמה ללא דחיסה, ונדרש צינור אוטומטי: דחיסה, WebP, גדלים מרובים;
- ערכת הנושא של האתר מציגה תמונות ללא רוחב, גובה וערך מקור (srcset), ויש לתקן את התבנית;
- רוצה לקבל תנועה מתמונות Google עבור שאילתות מוצרים?
מה אני יכול לעשות עבור אתר האינטרנט שלך?
אני ולרי דניוק, מפתח ומומחה קידום אתרים (SEO) עם 12 שנות ניסיון ומעל 200 לקוחות, כולל חנויות מקוונות רבות עם אלפי תמונות.
קידום אתרים (SEO) וביקורת
- ביקורת קידום אתרים (SEO) מוכנה לשימוש: אני בודק תמונות בכל האתר, מגדיר המרה אוטומטית וטקסט חלופי בתבניות.
- בלוג SEO המופעל על ידי בינה מלאכותית שמביא לקוחות אורגניים - מציג אוטומטית תמונות חלופיות ותמונות WebP עבור כל מאמר.
חנויות וקטלוגים
- קטלוג של 300 פריטים תוך דקות ספורות דרך MCP ו- Claude - עם תיאורים ותמונות לכל פריט.
- חנות מקוונת ב- WooCommerce עם עיבוד תמונה נכון.
- העברת חנות Instagram לאתר - תמונות ותיאורי מוצרים מתקדמים.
- ניתן להעביר מוצרים, תמונות וטקסט ל 1001site באמצעות קישור מהאתר הישן שלכם או מהרשתות החברתיות.
חשבונאות ואוטומציה
- חשבונאות + הנהלת חשבונות + אחסון ל-30,000 מוצרים.
- Telegram טלגרם עם בינה מלאכותית לחנות רטבים מקוונת.
שלחו לי קישור לכרטיס המוצר Telegram - אני אגיד לכם כמה תוכלו לזכות בהתבסס על התמונות.
תוֹצָאָה
- בודק התמונות המקוון לקידום אתרים (SEO) מנתח עד 100 תמונות בדף ומעניק להן ציון מ-0 עד 100, יחד עם הערות לכל אחת.
- הכי הרבה נקודות ניתנות למידות alt ו-width/height, אחריהן טעינה עצלה, WebP/AVIF ו-srcset.
- התמונה הראשית לא צריכה טעינה עצלה - היא צריכה
fetchpriority="high". - עבור קטלוגים גדולים, עיבוד התמונות מתבצע באופן אוטומטי - או שנבחרה פלטפורמה שבה זה כבר נעשה, לדוגמה, 1001site.
בדוק את הדף הכבד ביותר באתר שלך בעזרת בודק קידום אתרים בתמונות החינמי - התחל עם alt.
מקורות
- דף בודק קידום אתרים (SEO) של PromoPilot - בדיקות, כללי הערכה, מגבלות ושאלות נפוצות.
- מרכז החיפוש Google - המלצות על תמונות לחיפוש.
- תיאורי תכונות Google PageSpeed Insights ו-Squoosh.
