ראַנק ענדזשין
איר האָט מסתּמא שוין געהאַט דאָס. אַ פּראָדוקט בלאַט קוקט פּאָלירט אין Shopify, די פאָטאָס זענען שאַרף אין דעם רעדאַקטאָר, און דערנאָך אָנהייבן מאָביל באַזוכער צו שפּרינגען בשעת אייער PageSpeed כעזשבן זיצט האַרטנעקיק אין די זעכציקער. די פּראָבלעם איז געוויינטלעך נישט "שלעכט דיזיין." עס איז אַז די בילד טעקע גרייסן זענען צו גרויס פֿאַר די אויסלייג, און יעדער עקסטרע בייט דאַרף אַרומפאָרן איידער אַ קויפער זעט דעם פּראָדוקט, דעם פּרייַז, אָדער דעם לייג-צו-וואָגן קנעפּל.
דעריבער זענען בילד-באַשלוסן אויף אַ קראָם-פֿראָנט קיינמאָל נישט נאָר דיזיין-באַשלוסן. זיי האָבן אַן השפּעה אויף בלאַט-גיך , וויזועלע קוואַליטעט , און וויפֿל פֿון דער בלאַט גוגל קען קראָלן און רענדערן שנעל גענוג צו מאַכן אַ חילוק. אויב איר ווילט אַ פּראַקטישן שאָרטקאַט פֿאַר גרייס-פֿאַרענדערן אָן צו טשעפּן, איז יאַססין מאַלטי'ס בילד-גרייס-פֿאַרענדערונג גייד אַ נוצלעכער באַגלייטער, ווייל עס העלפֿט אײַך פֿאַרשטיין די מעכאַניק איידער איר אַרויפֿלאָדן די קומענדיקע פּעקל.
אינהאַלטס־טאַבעלע
- פארוואס בילד טעקע גרייסן זענען וויכטיג אין א Shopify קראָם
- בילד גרייס קעגן טעקע גרייס און פארוואס ביידע זענען וויכטיג
- JPEG, PNG, WebP, און AVIF פארגליכן
- ווי רעזאָלוציע און קאַמפּרעשאַן טוישן די נומערן
- קאָר וועב וויטאַלס און די SEO קאָסטן פון שווערע בילדער
- ציל בילד טעקע גרייסן דורך Shopify פּלייסמאַנט
- געוויינטלעכע מיסקאַנסעפּשאַנז וואָס האַלטן סטאָרז פּאַמעלעך
- א איבערחזרנדיקע טשעקליסט פאר אייער נעקסטע בילד באַטש
פארוואס בילד טעקע גרייסן זענען וויכטיג אין א Shopify קראָם
אַ סוחר קען קוקן אויף אַ פּאָלירט פּראָדוקט בלאַט אין די Shopify אַדמין און נאָך אַלץ נישט זען די גרונטלעכע פּראָבלעם. די בלאַט קען זיך פילן גוט אויף אַ לאַפּטאַפּ איבער Wi-Fi, דערנאָך זיך פֿאַרהאַקט אויף מאָביל, די הויפּט בילד דערשיינט שפּעט, און דער קויפער סקראָלט פֿאַרביי דעם פֿאָלד איידער די בלאַט פילט זיך גרייט. יענער שפּאַלט צווישן אַ בלאַט וואָס קוקט גוט און איינעם וואָס לאָודט זיך שנעל איז וווּ בילד טעקע גרייסן באַשליסן צי אַ באַזוך ווערט הכנסה אָדער רייַבונג.
די באַהאַלטענע קאָנקורענץ אויף יעדער בלאַט
יעדעס בילד אויף א געשעפט קאנקורירט מיט קאפי, סקריפטן, סכעמע, און די קאסטומער'ס געדולד. אויב די העלד בילד איז צו גרויס, טוט עס מער ווי נאר עסן באנדווידט, עס פארלאנגזאמט דעם מאמענט ווען דער באזוכער קען באורטיילן דעם אנבאט. בילד וואָג איז א קאנווערזשאן פראגע און א קאר וועב וויטאַלס פראגע אין דער זעלבער צייט.
שאָפּיפיי הענדלער פילן דאָס געוויינטלעך ערשט אויף פּראָדוקט בלעטער און קאָלעקציע בלעטער. אַ פּאָר גרויסע פאָטאָס קענען מאַכן דעם גאַנצן אויסלייג פילן שווער, ספּעציעל אויף מאָביל נעטוואָרקס, און יענע וואָג ווייזט זיך אין די ערטער וואָס זענען וויכטיקסט, דער העלד, די קאָלעקציע גריד, פּראָדוקט זום, און טאַמניילז. אַ העלד בילד האט אַן אַנדער אַרבעט ווי אַ טאַמנייל, אַזוי עס זאָל נישט טראָגן די זעלבע טעקע-גרייס לאַסט. דאָס זעלבע גייט פֿאַר קאָלעקציע גרידס, וווּ ריפּיטיד בילדער סטאַפּלען זיך שנעל און באַשטראָפן יעדן סקראָלל.
בילד טעקע גרייס אויך ווירקט אויף ווי שנעל די בלאט ווערט נוצלעך, דעריבער געהערט עס אין דער זעלבער שמועס ווי אויסלייג פּלאַנירונג. די רויע בילד גרייסן זענען וויכטיק, אבער די דעליוועראַבאַל טעקע גרייס איז וואָס דער בלעטערער דאַרף ברענגען און דעקאָדירן. ווי דערקלערט אין יאַססין מאַלטי'ס בילד גרייס גייד , קען אַ קלענערער עקספּאָרט באַוואָרענען די וויזועלע ראָלע פון דעם בילד בשעת אַוועקנעמען אומנייטיקע וואָג.
די פּראַקטישע באַלוינונג
די סיבה פארוואס דאס איז וויכטיג איז פשוט. די אונטערליגענדע פיקסל צייל שטעלט דעם באזע-ליניע, און קאמפרעשאן און פארמאט באשליסן די לעצטע טעקע גרייס. א 24-מעגאפיקסעל בילד ביי 24-ביט RGB אנטהאלט בערך 72 מיליאן בייטן פון רויע פיקסל דאטן, בשעת די זעלבע בילד קען לאנדן בערך 423.41 KB ווי א JPEG ביי 100% קוואליטעט אדער בערך 211.7 KB ביי JPEG 90% קוואליטעט, דעפענדינג אויף עקספארט אויסוואלן ( Scantips ). יענער אונטערשייד איז פארוואס צוויי סטארס קענען נוצן בילדער וואס זעהן אויס כמעט אידענטיש און נאך אלץ באקומען זייער אנדערע שנעלקייט רעזולטאטן.
פּראַקטישע כלל: אויב אַ בילד איז מער וויכטיק פֿאַר פֿאַרקויף ווי פֿאַר דעקאָראַציע, געבט אים אַ ציל פֿאַר דער טעקע־גרייס איידער איר לאָודט עס אַרויף.
דאָס איז דער נאָרמאַלער אופֿן וואָס סוחרים זאָלן נוצן. שטעלט אַ בודזשעט פֿאַר יעדן אָרט אין קראָם, און דערנאָך פּאַסט דעם טעקע צו דער אַרבעט. אַ העלד באַנער קען רעכטפֿערטיקן מער וואָג ווי אַ טאַמבניל, אָבער קיין איינס זאָל נישט צווינגען די רעשט פֿון דער בלאַט צו טראָגן עקסטרע באַגאַזש. אַמאָל די געוואוינהייט איז אין פּלאַץ, זענען פּראָדוקט בלעטער גרינגער צו פאַרוואַלטן, און יעדער נייַ אַפּלאָוד האט אַ פּלאַץ צו פּאַסן אַנשטאָט צו ווערן נאָך אַ פֿאַרבאָרגענער שלעפּ.
בילד גרייס קעגן טעקע גרייס און פארוואס ביידע זענען וויכטיג
הענדלער ניצן אָפט די טערמינען ווי כאילו זיי מיינען דאָס זעלבע, און וואונדערן זיך דערנאָך פארוואס אַ בילד קוקט גוט אויס אין אַדמין אָבער פאַרלאַנגזאַמט דעם קראָם-פראָנט. בילד גרייס איז די פּיקסעל דימענסיעס, ברייט ביי הייך. טעקע גרייס איז די וואָג פון דער עקספּאָרטירטער טעקע אין בייטס אויף דיסק, געוויינטלעך KB אדער MB, און עס ענדערט זיך מיט קאַמפּרעסיע, פֿאָרמאַט און ביט טיפקייט. צוויי בילדער קענען טיילן די זעלבע דימענסיעס און נאָך שאַפֿן זייער אַנדערע לאָודינג קאָסטן.
פּיקסעלס שטעלן דעם דאַך
פּיקסעלן באַשטימען וויפֿל וויזועלע דעטאַלן די טעקע קען האַלטן. אַ 24-מעגאַפּיקסעל בילד ביי 24-ביט RGB כּולל אַרום 72 מיליאָן בייטס פון רויע פּיקסעל דאַטן ווייל 24 מיליאָן פּיקסעלס × 3 בייטס פּער פּיקסעל = 72,000,000 בייטס . יענע רויע נומער איז דער אָנהייבפּונקט פֿאַר דעם עקספּאָרט, נישט די לעצטע וואָג וואָס דער בלעטערער באַקומט.
עקספּאָרט ברירות ענדערן דעם רעזולטאַט שנעל. די זעלבע קוואַל פאָטאָ קען ארויסקומען אַרום 423.41 KB ווי אַ JPEG ביי 100% קוואַליטעט און בערך 211.7 KB ביי JPEG 90% קוואַליטעט. די פּיקסעלס בלייבן די זעלבע, בשעת די עקספּאָרט באַוואָרנט מער אָדער ווייניקער פון די אָריגינעלע דעטאַלן.
קאמפרעסיע און פֿאָרמאַט באַשטימען דעם רעזולטאַט
אסאך שאָפּיפיי אויডিץ גייען דאָ אָפּגעוואָרפן. הענדלער נעמען אָן אַז אַ גרויס בילד מוז זיין צו שווער פֿאַרן וועב, אָבער דימענסיעס און טעקע וואָג זענען באַזונדערע באַשלוסן. אַ גרויס-דימענסיאָנעל בילד קען נאָך זיין אַ גאַנץ פּאַסיק טעקע אויב עס ווערט גוט עקספּאָרטירט. אַ באַשיידענע גראַפיק קען ווערן אָנגעשוואָלן אויב עס ווערט געראַטעוועט אין דעם אומרעכטן פֿאָרמאַט אָדער מיט דער אומרעכטער קוואַליטעט.
יענער אונטערשייד איז וויכטיג לויט די ראלע פון א קראָם-פראָנט. א העלד-באַנער קען טראָגן מער וויזועלע וואָג ווי א טאַמבנייל, אָבער א קאָלעקציע-גריד בילד דאַרף נאָך בלייבן ליכטיק גענוג כדי די בלאַט זאָל זיך לייכט לאָדן. פּראָדוקט-זומער-שאָץ דאַרפן גענוג פּיקסעל-דעטאַלן צו האַלטן זיך נאָענט, בשעת טאַמבנייל-שאָץ פאַרשווענדן געוויינטלעך באַנדווידט אויב דער עקספּאָרט האַלט פיל מער דעטאַלן ווי דער אויסלייג קען ווייַזן.
כלל: פּיקסעלס באַשטימען וויפֿל וויזועלע דעטאַלן דאָס בילד קען ווײַזן. די גרייס פֿון דער טעקע באַשטימט וויפֿל דער קויפֿער דאַרף דאַונלאָודן.
האַלט די צוויי נומערן באַזונדער און בילד פּלאַנירונג ווערט גרינגער. א שמאָלער טאַמבניל אָרט נוצט נישט פון איבערגעמעסטיקע דימענסיעס. א פּראָדוקט-בלאַט פארגרעסער בילד דאַרף גענוג פּיקסעלס צו קוקן שאַרף, אָבער די עקספּאָרטירטע טעקע מוז נאָך בלייבן גלייַך פֿאַר קאָר וועב וויטאַלס און פֿאַר די רעשט פון די בלאַט וואָס דאַרף לאָדן אַרום אים.
JPEG, PNG, WebP, און AVIF פארגליכן
יעדער בילד פֿאָרמאַט דינט אַן אַנדער צוועק אויף אַ Shopify קראָם־פֿראָנט. אַ פּראָדוקט־פֿאָטאָ, אַ לאָגאָ און אַ סקרעענשאָט דאַרפֿן אַלע אַן אַנדער באַהאַנדלונג, אפילו ווען זיי זיצן אין דער זעלבער טעמע. קלייַבט דעם פֿאָרמאַט באַזירט אויף דער אַרבעט וואָס דאָס בילד דאַרף טאָן אויף דער בלאַט, נישט אויף געוואוינהייט.
JPEG און PNG פארדינען נאך אלץ זייער פלאץ
JPEG בלייבט די סטאַנדאַרט ברירה פֿאַר פֿאָטאָגראַפֿיעס. עס קאָמפּרעסירט גוט, אַרבעט כּמעט אומעטום, און האַלט געוויינטלעך פּראָדוקט בילדער ליכט גענוג פֿאַר די וועב. PNG פּאַסט פֿאַר בילדער וואָס דאַרפֿן שאַרפֿע עקן, גלאַטע קאָלירן, טראַנספּאַרענץ, אָדער טעקסט, וואָס איז וואָס לאָגאָס און UI גראַפיקס געהערן אָפֿט דאָרט, כאָטש די טעקעס זענען געוויינטלעך שווערער.
יענע צוטיילונג איז וויכטיג אויף Shopify ווייל געשעפטן מישן געווענליך ביידע סארטן רעסורסן. א לייפסטייל בילד וואס ווערט געראטעוועט אלס PNG איז געווענליך מער שווער ווי דער געשעפט דארף טראגן. א לאגא וואס ווערט געראטעוועט אלס JPEG קען אויסזען גראב אדער פארלירן טראנספארענץ, וואס שאפט פארמיידבארע רייניקונג שפעטער. דער פארמאט זאל נאכפאלגן די ארבעט, נישט די געוואוינהייט.
א קאלעקציע קארטל איז א גוט ביישפיל. אויב די בילד איז א ריינע פראדוקט פאטאגראפיע, האלט JPEG געווענליך דאס וואג נידעריג אן צו שאטן די קוק וואס שאפערס באקומען. אויב דער פארמעגן איז א באדזשע, איקאן, אדער לאגא וואס זיצט אויף א קאלירטן הינטערגרונט, באשיצט PNG די ברעגן בעסער און פארמיידט מיאוסע האלאס.
וועבפּי און אַוויף פּוש טעקע גרייסן נידעריקער
די מאָדערנע פֿאָרמאַטן שניידן געוויינטלעך די טעקע גרייס ווייטער. פֿאַר אַ בייַשפּיל בילד מיט אַ פאַרגלייַכבאַרער קוואַליטעט, JPEG ביי 75% איז וועגן 1.25–1.53 מעגאבייט , WebP לאָססי איז וועגן 0.72–0.88 מעגאבייט , AVIF איז וועגן 0.57–0.69 מעגאבייט , און JPEG XL איז וועגן 0.55–0.67 מעגאבייט ( W3Techs ). דאָס איז אַ באַטייטיקער פאַל פֿון עלטערע עקספּאָרט געוווינהייטן, און דאָס דערקלערט פאַרוואָס פֿילע קראָמען קענען רעדוצירן וואָג אָן מאַכן פֿאָטאָס אויסזען ווייך.
דער כאַפּ איז אַז די פֿאָרמאַט אויסוואַל איז נאָך אַלץ אָפּהענגיק פֿון דעם אינהאַלט אַליין. וועבפּי און AVIF קענען אַרבעטן זייער גוט פֿאַר פּראָדוקט פֿאָטאָגראַפֿיע, אָבער גראַפֿיקס מיט טראַנספּאַרענץ קענען זיך אויפֿפֿירן אַנדערש. אויב אַ טעקע איז מערסטנס אַ פֿאָטאָגראַפֿיע, ניצט אַ פֿאָרמאַט וואָס קאָמפּרעסט דעם סאָרט בילד עפֿעקטיוו. אויב עס איז אַ לאָגאָ אָדער אַ גראַפֿיק מיט טראַנספּאַרענץ, ניצט דעם פֿאָרמאַט וואָס האַלט די ברעגן ריין.
אויף אַ Shopify קראָם-פראָנט, מיינט דאָס געוויינטלעך איין פֿאָרמאַט פֿאַרן העלד באַנער, אַן אַנדערער פֿאַרן לאָגאָ, און אַן אַנדערער פֿאַר נאָענטע פּראָדוקט בילדער. די ריכטיקע ברירה איז ווייניקער וועגן וואָס קוקט מאָדערן אויס און מער וועגן וואָס האַלט די בלאַט שנעל בשעת נאָך ווײַזן דאָס בילד קלאָר אין זײַן פאַקטישער פּלאַצירונג.
באַשלוס-רעגולאַציע: פאָטאָגראַפֿירן מיט מענטשן, פּראָדוקטן, אָדער טעקסטור, קלייַבן JPEG אָדער WebP. פלאַכע גראַפיקס, לאָגאָס, אָדער סקרעענשאָץ, קלייַבן PNG. אויב אייער וואָרקפלאָו קען שטיצן אַ פאַלבעק, AVIF אָדער WebP איז די ריינערע לייוו-סטאָר אָפּציע.
ווי רעזאָלוציע און קאַמפּרעשאַן טוישן די נומערן
א טעקע קען אויסזען גוט אויף אייער עקראַן און נאך אלץ זיין פיל שווערער ווי עס דארף זיין. דאס איז דער טייל וואס הענדלער פילן ערשט אין שאָפּיפיי, ווייל די זעלבע בילד קען זיך אויפפירן זייער אנדערש ווי א העלד באַנער, א קאלעקציע גריד טייל, א פּראָדוקט זום שאָט, אדער א קליין טאַמבניל. רעזאָלוציע קאָנטראָלירט וויפיל פּיקסעלס איר בעט דעם בלעטערער צו טראָגן, און קאַמפּרעשאַן קאָנטראָלירט וויפיל פון דעם וואָג ווערט אָפּגעשניטן איידער די בלאַט לאָודז.
מער פּיקסעלס מיינען מער דאַטן
א גרעסערע בילד איז נישט נאר א גרעסערע לייווענט, עס איז מער רויע דאטן פארן בלעטערער צו פארארבעטן. ווי געוויזן פריער, א 24MP בילד אנטהאלט בערך 72 מיליאן בייטס פון רויע דאטן איידער די קאמפרעשאן הייבט זיך אן. אויב איר עקספארטירט די זעלבע סצענע מיט א העכערע פיקסל צאל ווי די שאפ-פראנט דארף, ווערט די טעקע שווערער אפילו אויב די פאטא קוקט כמעט אידענטיש אויס ווען עס ווערט געוויזן.
דעריבער פאַרוואָס איבערגעמעסטיקע עקספּאָרטן פאַראורזאַכן מער ווי נאָר סטאָרידזש קלאַטער. זיי לייגן צו טראַנספער וואָג, מאַכן דעם בלעטערער אַרבעטן שווערער, און קענען פאַרלאַנגזאַמען דאָס בילד פּונקט אין דעם אָרט וואו שאָפּערס דערוואַרטן אַז די בלאַט זאָל פילן שנעל. א קאָלעקציע גריד טייל דאַרף נישט די זעלבע פּיילאָוד ווי אַ זומבאַר פּראָדוקט בילד, און א טאַמבנייל דאַרף פיל ווייניקער ווי ביידע פון זיי.
קאמפרעשאן ראטעוועט אייך, אבער עס מאכט נישט קיין עקסטרע פּיקסעלס פריי
קאמפרעסיע קען ברענגען א גרויסע קוואל-פייל אראפ צו עפעס וואס Shopify קען סערווירן עפעקטיוו, אבער עס פארמישט נישט די קאסטן פון ניצן מער פיקסעלס ווי די פלאצירונג פארלאנגט. אויב א פראדוקט פאטא גייט אריין אין א פארגרעסערטע גאלעריע, ווילט איר גענוג דעטאלן צו בלייבן שאַרף אויף א גוטן עקראן. אויב די זעלבע בילד גייט נאר אריין אין א קאלעקציע קארטל, איז שיקן די פול-גרייס ווערסיע א פארלוירענע מי.
דער ריינער וועג צו טראַכטן וועגן דעם איז פּשוט. פּיקסעלס שטעלן דעם דנאָ פֿאַר אָפּפאַל , ווייַל אָוווערסייזד דימענסיעס שאַפֿן אַוווידאַבאַל וואָג. די קוואַליטעט סעטינג שטעלט דעם דאַך פֿאַר שפּאָרן , ווייַל עס באַשטימט ווי פיל דעטאַל דער עקספּאָרט האַלט. דער פֿאָרמאַט קאָנטראָלירט ווי פיל די קאַמפּרעסיע העלפּס , ווייַל פאַרשידענע טעקע טייפּס ווערן נישט קלענער אין דער זעלביקער וועג.
פֿאַר בילד גרייס גיידאַנס פארבונדן מיט Shopify נוצן קאַסעס, איז דעם Shopify בילד SEO גייד אַ נוציק באַגלייטער. עס העלפּס פאַרבינדן די עקספּאָרט באַשלוס צו די פאַקטיש פּלייסמאַנט אַנשטאָט צו מייַכל יעדער קראָם פראָנט בילד ווי עס דינט די זעלבע אַרבעט.
א העלד בילד, א קאלעקציע טייל, און א טהומבניל אלע בעטן פארשידענע לעוועלס פון דעטאל. דאס איז דער טייל וואס סוחרים פארפאסן געווענליך, און דאס איז פארוואס א קליינע ענדערונג אין רעזאלוציע קען זיך פילן אומשעדלעך אין א עדיטאר בשעת'ן נאך אלץ שאפן א שווערערע סטאר אין בלעטערער.
קאָר וועב וויטאַלס און די SEO קאָסטן פון שווערע בילדער
שווערע בילדער שאַטן SEO אויף אַ זייער דירעקטן וועג, ווייל גוגל מעסט די דערפאַרונג, נישט די כוונה הינטערן אַפּלאָוד. אויף פילע Shopify בלעטער, איז די גרעסטע קענטיקע בילד די זאַך וואָס קאָנטראָלירט מסתּמא די לאָודינג דערפאַרונג. אויב דאָס בילד איז צו שווער, פאַרלאַנגזאַמט זיך די גרעסטע אינהאַלטפולע פאַרב , און דער באַזוכער וואַרט לענגער איידער די בלאַט פילט זיך נוצלעך.
LCP ווערט געווענליך באַשולדיקט אין די אומרעכטע זאַך
הענדלער באַשולדיקן אָפט אַפּפּס, סקריפּטן, אָדער טעמע קאָד ערשט, און מאַנטשמאָל זענען זיי גערעכט. אָבער די העלד בילד איז אָפט דער גרינגסטער איינציקער געווינס. א גרויס העלד בילד קען צוריקהאַלטן דעם מאָמענט ווען די בלאַט ווערט באַדייטנדיק, ספּעציעל אויף מאָביל, וואו די קוואַליטעט פון די פֿאַרבינדונג ווערייִרט און די וויופּאָרט איז קליין גענוג אַז צו גרויסע אַסעץ זענען גרינג צו זען.
די אנדערע מעטריק וואָס בילד וואָג אַפעקטירט איז קומולאַטיווע לייאַוט שיפט . אויב אייער טעמע רעזערווירט נישט פּלאַץ ריכטיק פֿאַר בילדער, שפּרינגט די לייאַוט ווען אַסעץ לאָדן. דאָס פילט זיך שלאַפּיק פֿאַר שאָפּערס און מאַכט די בלאַט שווערער צו נוצן. Shopify טעמעס טאָן אָפט שוין אַ טייל פֿון דער אַרבעט, אָבער נישט שטענדיק גענוג צו ראַטעווען אַ הענדלער פֿון אַ שלעכטן בילד וואָרקפֿלאָו.
די גרייס צילן זענען נישט ראַנדאָם
טעכנישע אנווייזונגען פאר וועב דעליווערי רופן געווענליך פאר פראדוקט בילדער ארום 800 ביז 1000 פיקסעל און 80 ביז 150 KB , העלד בילדער אונטער 200 KB , און א גאנצן בלאט בילד בודזשעט אונטער 500 KB . די זעלבע אנווייזונגען שטעלן JPEGs אפט ארום 200 ביז 600 KB , WebP ביי 150 ביז 450 KB , AVIF ביי 80 ביז 300 KB , און PNG ביי 500 KB ביז 3 MB ( Vizua ). יענע ראיאנען עקזיסטירן ווייל בילד וואָג און בלאט פאָרשטעלונג זענען פארבונדן צוזאמען.
א בלאט דארף נישט זיין קינסטלעך קליין צו זיין שנעל. עס דארף יא זיין דיסציפלינירט. אויב אייער בילד לאוד איז אויפגעבלאזן, מאכט איר דעם בלעטערער טאן ארבעט וואס פארבעסערט נישט דעם קויפערס עקספיריענס. דאס איז א דירעקטע SEO קאסט, נישט א טעארעטישע.
פֿאַר אַ Shopify-פאָקוסירט ווינקל אויף דעם ברייטערן אָדיט פּראָצעס, איז דאָס בילד SEO גייד פֿאַר Shopify אַ נוצלעכער רעפֿערענץ פּונקט.
ציל בילד טעקע גרייסן דורך Shopify פּלייסמאַנט
דער גרינגסטער וועג אויפצוהערן צו טרעפן איז צו שטעלן א בודזשעט פאר יעדער וויזועלע ראלע אויפן קראָם-פראנט. א העלד-באנער טוט אן אנדערע ארבעט ווי א טהומבנביל, און א קאלעקציע-גריד זאל נישט עקספארטירט ווערן מיט דער זעלבער וואָג ווי א פארגרעסערבארע פּראָדוקט-בילד. אזוי שנעל ווי סוחרים באַשטימען בילד-פייל-גרייסן צו די פאַקטישע פּלייסמאַנץ, איז דער קראָם גרינגער צו האַלטן שנעל און פיל גרינגער צו קאָנטראָלירן.
לאָזט דעם קראָם־פֿראָנט אויסלייג באַשטימען אייערע עקספּאָרט ברירות
פול-ברייט בילדער דארפן געווענליך מער פלאץ ווי קליינע אויסשטעל בלאקס. רעספאנסיוו בילד אנווייזונגען ווייזן געווענליך אויף פול-ברייט בילדער ארום 1600 פיקסעל און 200 ביז 300 קילאבייט , קלענערע 25% ביז 50% אויסשטעל בילדער נענטער צו 800 פיקסעל און 70 ביז 350 קילאבייט , און בילדער גרויס בערך 2 מאל די ווייזונג פלאץ אזוי זיי קוקן נאך אלץ שאַרף אויף הויך-דענסיטי סקרינס. אין פראקטיק, דאס מיינט אז די זעלבע קוואל בילד דארף אפט פארשידענע עקספארטן, איינס פאר די סלאט וואס עס פילט אויס און איינס פאר די שאַרפערע רענדערינג וואס א דענסער סקרין ערווארטעט.
| בילד טעקע גרייס צילן דורך Shopify פּלייסמאַנט | פּלאַצירונג | ציל ברייט | ציל טעקע גרייס | רעקאָמענדירטער פֿאָרמאַט |
|---|---|---|---|---|
| העלד באַנער | שפּיץ-פון-בלאַט העלד | ארום 1600 פּיקסעל | 200 ביז 300 קב | JPEG אדער WebP |
| זאַמלונג גריד טאַמנייל | זאַמלונג טיילז | ארום 400 ביז 600 פּיקסעל | 40 ביז 80 קב | JPEG אדער WebP |
| פּראָדוקט בלאַט פאָטאָ | הויפּט פּראָדוקט גאַלעריע | ארום 800 ביז 1200 פּיקסעל | 100 ביז 200 קב | JPEG, WebP, אדער AVIF |
| טאַמבּנעיל אָדער סוואַטש בילד | קליין שטיצנדיק שפּאַלט | ארום 200 ביז 400 פּיקסעל | האַלטן אַזוי ליכט ווי מעגלעך | JPEG אדער PNG, לויטן אינהאַלט |
א העלד בילד קען טראגן מער וואָג ווייל עס פילט אויס מער פון די וויופּאָרט. א קאָלעקציע טייל קען נישט. דאָס איז דער חילוק וואָס הענדלער דאַרפן געדענקען ווען זיי עקספּאָרטירן בילדער פֿאַר Shopify סעקציעס, ווייל די טעקע גרייס זאָל פּאַסן צו דעם פּלאַץ וואָס די בילד נעמט אויף דער בלאַט.
פארוואס די זעלבע בילד קען דארפן מער ווי איין עקספארט
א פּראָדוקט בלאַט סערווירט אָפט עטלעכע ווערסיעס פון דער זעלבער טעקע דורך רעספּאָנסיוו מאַרקאַפּ. דאָס איז נאָרמאַל. דער בלעטערער זאָל באַקומען אַ קלענערע טעקע פֿאַר קלענערע סקרינז און אַ גרעסערע נאָר וואו דער אויסלייג דאַרף עס. יענע סעטאַפּ האַלט די זום קוואַליטעט אָן שיקן אומנייטיקע מאַסע צו יעדן באַזוכער.
די זעלבע לאָגיק גילט אויך ווייטער ווי די פּראָדוקט גאַלעריע. אַ קראָם־פֿראָנט דאַרף אָפֿט איין באַהאַנדלונג פֿאַרן הויפּט כאַראַקטער, אַן אַנדערע פֿאַר קאָלעקציע קאַרטלעך, און אַן אַנדערע פֿאַר נאָענטע דעטאַל בילדער. אויב איר ווילט האַלטן סאָציאַלע און טיילן אַסעץ אין לויט מיט קראָם־פֿראָנט וויזשוואַלן, העלפֿט דאָס Shopify סאָציאַלע בילד גייד פֿאַרבינדן די באַדערפֿנישן אַרויס פֿון דער פּראָדוקט־בלאַט צו דער זעלבער בילד־אַרבעטספֿלוס.
שאָפּיפיי כלל: לאָזט דעם סלאָט באַשליסן דעם עקספּאָרט. אַ העלד קען זיין ברייטהאַרציק. אַ גריד טאַמבנייל קען נישט.
יענע כלל פאַרהיט דעם געוויינטלעכן טעות פון אַרויפֿלאָדן איין ריזיק בילד און האָפן אַז די טעמע וועט עס אויסגלייַכן. טעמעס קענען העלפֿן, אָבער זיי קענען נישט צוריקדרייען אַ שלעכטע עקספּאָרט באַשלוס.
געוויינטלעכע מיסקאַנסעפּשאַנז וואָס האַלטן סטאָרז פּאַמעלעך
א סך לאנגזאמע שאָפּיפיי געשעפטן זענען לאנגזאם ווייל עמעצער האט געגלייבט א האַלב-אמת'ע כלל און האט עס כסדר איבערגעחזרט. יענע געוואוינהייטן ווייזן זיך אויף אין אויספארשונגען ווידער און ווידער, געווענליך ווייל די עצה האט געקלונגען קלוג אין אנפאנג און איז קיינמאל נישט געווארן קאנטראלירט קעגן ווי א געשעפט-פראנט לאודט. אזוי שנעל ווי מען טיילט אפ געוואוינהייט פון פערפארמענס, זענען די פארראכטונגען געווענליך גרינג.
פינף גלויבונגען וואָס פאַראורזאַכן אַ פאַרמיידלעכע בלאָוטינג
- העכערע רעזאָלוציע מיינט שטענדיק בעסערע קוואַליטעט. דאָס הערט אויף צו זיין אמת אַמאָל די בילד איז שוין גרעסער ווי דער פּלאַץ וואָס עס פילט אויס. עקסטרע פּיקסעלס טוען גאָרנישט פֿאַר די קויפער'ס מיינונג, זיי לייגן נאָר צו וואָג.
- PNG איז שטענדיק שאַרפער ווי JPEG. PNG איז די ריכטיקע ברירה פֿאַר לאָגאָס און גראַפיקס מיט שווערע עקן, אָבער פּראָדוקט פאָטאָס דאַרפן געוויינטלעך נישט יענעם אָנווערלאָזן אָוווערכעד.
- Shopify אָפּטימיזירט אויטאָמאַטיש אַלץ. Shopify העלפט אין עטלעכע פאַלן, אָבער דער אָריגינעלער אַפּלאָוד שטעלט נאָך אַלץ דעם גרענעץ ווי שווער דער אַסעט קען זיין.
- וועבפּי שאַטן SEO ווייל גוגל קען עס נישט לייענען. יענע גלויבונג איז אַלטמאָדיש. זוכ סיסטעמען קענען רענדערן מאָדערנע פֿאָרמאַטן ווי רעגולערע בילדער.
- בילד גרייס איז נאר וויכטיג אויף דעסקטאָפּ. מאָביל קויפער פילן ערשט אומנייטיקע טעקע וואָג, ווייל זייערע דעוויסעס און קאַנעקשאַנז האָבן ווייניקער פּלאַץ פֿאַר טעותים.
די קארעקציע הענדלער קענען נוצן גלייך
די פאררעכטונג הייבט זיך אן מיט א ראלע, נישט מיט א געוואוינהייט. א העלד בילד דארף גענוג קוואליטעט צו האלטן דעם שפיץ פונעם בלאט. א זאמלונג טייל דארף בלייבן ליכטיג כדי די גריד זאל זיך לייכט לאדן. א פארגרעסער בילד קען טראגן מער דעטאלן ווייל עס דינט אן אנדערע אויפגאבע, בשעת א טהומבניל אדער סוואַטש זאל בלייבן אזוי קליין ווי דער אויסשטעל ערלויבט.
דעריבער מאַכט איין עקספּאָרט כלל פֿאַר יעדן בילד פּראָבלעמען. אויב דער אַסעט איז אַ פאָטאָ, עקספּאָרטירט עס פֿאַר שנעלקייט און גלייבלעכע קאָלירן. אויב עס איז אַ גראַפיק מיט טעקסט אָדער טראַנספּאַרענץ, באַשיצט די ברעגן און אַקסעפּטירט אַז די טעקע קען זיין גרעסער. אויב עס געהערט אין אַ שמאָל אָרט, לאָדן נישט אַרויף אַ טעקע וואָס איז געמיינט פֿאַר פול-ברייט אַרויסווייַזונג.
ווי באהאנדלט אין דער רעזאלוציע סעקציע, קען א 24MP בילד לאנדן ערגעץ פון 2 ביז 8 MB נאך קאמפרעסיע, וואס איז גענוג צו ווייזן פארוואס די פיקסל צייל אליין זאגט נישט צי א בילד איז וועב-גרייט. די הויפט פראגע איז צי די טעקע פאסט צו דער Shopify פלאצירונג וואס זי סערווירט. א העלד קען טאלערירן מער ווי א גריד קארטל, און א פארגרעסער בילד קען טאלערירן מער ווי א טהומבניל. דער עקספארט מוז פאסן צו דער ראלע.
א פארבונדענע טעות איז אנצונעמען אז יעדער אסעט פארדינט די זעלבע מעטאדאטא רייניקונג. אויב דאס בילד איז וויכטיג גענוג צו ווערן געוויזן, איז עס וויכטיג גענוג צו ווערן ערשט אויסגעפארשט. ניצט דעם alt טעקסט גענעראטאר פאר Shopify בילדער צו האלטן יענעם טייל פונעם ארבעטס-פלוס קאנסיסטענט, און דערנאך באורטיילט די פייל גרייס קעגן דעם לאט וואס עס וועט אנפילן.
דאָס איז דער טייל וואָס רובֿ געשעפטן פֿאַרפעלן. די טעקע דאַרף נישט זײַן קליין. זי דאַרף זײַן פּאַסיק.
א איבערחזרנדיקע טשעקליסט פאר אייער נעקסטע בילד באַטש
דער ריינסטער בילד וואָרקפלאָו איז דער וואָס דיין מאַנשאַפֿט קען איבערחזרן אָן צו טרעפן. יעדעס מאָל ווען די זעלבע טשעקס פּאַסירן אין דער זעלבער סדר, באַקומט איר ווייניקער איבערגעמעסטיקע אַפּלאָודז, ווייניקער אויסלייג איבערראַשונגען, און ווייניקער לאַנגזאַמע פּראָדוקט בלעטער וואָס באַהאַלטן זיך אין קאַטאַלאָג. אויב איר גרייט צו אַ נייעם פּראָדוקט דראָפּ אָדער דערפריש אַ טעמע, לויפט דעם פּעקל דורך דעם רוטין איידער עפּעס גייט לייוו.
א פשוטע עקספּאָרט רוטינע וואָס פּאַסט צו Shopify
- עקספּאָרטירן מיט דער ציל ברייט פֿאַר דער פּלייסמאַנט. אַ העלד, זאַמלונג קאַרטל, פּראָדוקט זום בילד, און טאַמבניל האָבן יעדער אַנדערע דזשאַבס, אַזוי טוט נישט אַרויפֿלאָדן אַ גרעסערע טעקע נאָר ווייַל די מקור בילד ערלויבט עס.
- קלייבט דעם פֿאָרמאַט לויט ראָלע. פֿאָטאָס פּאַסן געוויינטלעך JPEG, WebP, אָדער AVIF. לאָגאָס און טעקסט-שווערע גראַפיקס פּאַסן בעסער PNG ווען טראַנספּאַרענץ אָדער שאַרפֿע עקן זענען וויכטיק.
- ראַטעוועט אַ לייוו-סטאָר ווערסיע און אַ זום ווערסיע אויב נייטיק. די זום טעקע קען האַלטן מער דעטאַלן, אָבער די קענטיקע בלאַט זאָל נישט טראָגן דעם וואָג סיידן די אויסשטעל דאַרף עס טאַקע.
- סערווירט דעם לייטערן מאָדערנעם פֿאָרמאַט ווען מעגלעך. ניצט WebP אדער AVIF פֿאַר די לעבעדיקע בילד, און האַלט JPEG ווי דער רעזערוו ווען קאָמפּאַטאַביליטי איז וויכטיק.
- קאָנטראָלירט די בילד מעטאַדאַטאַ און אַלט טעקסט איידער איר פאַרעפֿנטלעכט עס. אויב דער אַסעט איז וויכטיק גענוג צו זיין געוויזן, איז עס וויכטיק גענוג צו קאָנטראָלירן. ניצט RankEngine'ס אַלט טעקסט גענעראַטאָר צו האַלטן יענעם טייל פון די וואָרקפלאָו קאָנסיסטענט.
וואָס קאָנסיסטענסי קויפט איר
קליינע פֿאַרבעסערונגען קענען זיך אָנשטאַפּלען איבער אַ קאַטאַלאָג. איין לייטערער העלד בילד וועט נישט טראַנספאָרמירן אַ קראָם אַליין, אָבער אַ גאַנצער סכום פון גוט-גרייס פּראָדוקט בילדער, קאָלעקציע טיילז און טאַמניילז קענען מאַכן דעם קראָם-פֿראָנט פילן ריינער, שנעלער און גרינגער צו קויפן. קאַסטאַמערז באַמערקן דאָס אפילו אויב זיי רעדן קיינמאָל נישט וועגן טעקע גרייסן.
אויב אייער מאַנשאַפֿט האַנדלט מיט בילד מעטאַדאַטאַ אין גרויסן מאָסשטאַב, קען RankEngine'ס אַלט טעקסט גענעראַטאָר האַלטן דעם טייל פֿון דעם וואָרקפֿלאָו אין באַוועגונג אָן צו פֿאַרוואַנדלען יעדן אַפּלאָוד אין אַ מאַנועלער אַרבעט.
ניצט דעם רוטין צו אייער נעקסטן פּעקל, און אייער קראָם וועט זיך באַלד שנעלער לאָדן.