פארוואס אייערע וואָרדפּרעס פאָרמען דאַרפֿן זיין מאָביל-רעספּאָנסיוו
מער ווי העלפט פון אלע וועב טרעפיק קומט פון מאבילע דעווייסעס. אויב אייערע פארמען ארבעטן נישט גוט אויף טעלעפאנען און טאבלעטס, פארלירט איר איינגעשיקטע פארמען—און מעגליך קאסטומערס—יעדן איינציגן טאג.
אין דעם פירער, וועט איר לערנען פארוואס מאביל-רעספאנסיוו פארמען זענען וויכטיג און וואס מאכט א פארעם באמת מאביל-פריינדלעך.
די מאָבילע רעאַליטעט
מאָביל טראַפיק סטאַטיסטיק
- 59% + פון גלאָבאַלן וועב טראַפיק איז מאָביל
- קסנומקס% פון אינטערנעט באַניצער צוטריט דורך מאָביל
- קסנומקס% פון וועב טראַפיק אין עטלעכע ינדאַסטריז איז מאָביל
- מאָביל באַניץ וואַקסט ווייטער יאָר נאָך יאָר
וואָס דאָס מיינט פֿאַר פֿאָרמען
אויב אייער וועבזייטל באַקומט 1,000 באַזוכער פּער טאָג:
- ~600 זענען אויף מאָבילע דעוויסעס
- נישט-רעספאנסיוו פארמען פראַסטרירן די באַזוכער
- פראַסטרירטע באַזוכער לאָזן אָפּ די פֿאָרמען
- פארלאזטע פארמען = פארלוירענע לידס, פארקויפונגען, באַמערקונגען
וואָס פּאַסירט מיט נישט-רעספּאָנסיווע פאָרמען
דער באַניצער דערפאַרונג
אויף אַ נישט-רעספּאָנסיווער פאָרעם, מאָביל באַניצער שטייען אַנטקעגן:
TinyText
- עטיקעטן צו קליין צו לייענען
- צוקנייטשט ביי די אינסטרוקציעס
- פעלנדיק וויכטיקע אינפֿאָרמאַציע
אוממעגלעכע איינגאַבע פעלדער
- טעקסט באָקסעס צו קליין צו גענוי צוטשעפּן
- אריינטיפן פאַלש פעלדער
- קעסיידערדיק זומען אַרײַן/אַרויס
צעבראָכענע אויסלייגן
- פעלדער שניידן אפ די עדזשאַז פון דעם עקראַן
- האָריזאָנטאַלע סקראָלינג פארלאנגט
- פאָרלייגן קנעפּל באַהאַלטן אָדער נישט דערגרייכלעך
פראַסטרירנדיקע אינטעראַקציעס
- דראָפּדאַונס שווער צו אויסקלויבן
- טשעקקבאָקסעס צו קליין צו צאַפּן
- דאַטע קלייבערס אַניוזאַבאַל
די רעזולטאטן
באַניצער געבן אויף. זיי:
- פֿאַרלאָזן די פֿאָרעם אינגאַנצן
- לאָזט אייער וועבזייטל פראַסטרירט
- גיי צו אַ קאָנקורענט מיט בעסערע פֿאָרמען
- קיינמאָל נישט צוריקקומען
די קאָסטן פון נישט-רעספּאָנסיווע פאָרמען
פארלוירענע קאנווערזשאַנז
יעדע פארלאזטע פאָרעם איז אַ פארלוירענע געלעגנהייט:
- קאָנטאַקט פאָרעם → פאַרלוירענע ליד
- ציטאַט בעטן → פאַרלוירענע פארקויפונג
- רעגיסטראַציע → פאַרלוירענער קונה
- פֿידבעק פֿאָרעם → פֿאַרלוירענע איינזיכטן
דאַמידזשד שעם
א שלעכטע מאָביל דערפאַרונג שפּיגלט אָפּ דיין בראַנד:
- "די פירמע זעט אויס אלטמאדיש"
- "זיי זאָרגן זיך נישט וועגן באַניצער דערפאַרונג"
- "אויב זייערע פֿאָרמען זענען שלעכט, וואָס וועגן זייער פּראָדוקט?"
SEO ימפּאַקט
גוגל גיט פריאריטעט פאר מאביל-פריינדלעכע זייטלעך:
- מאָביל-ערשט אינדעקסירונג איז סטאַנדאַרט
- א שלעכטע מאָביל דערפאַרונג שאַטן ראַנגקינגז
- נידעריקערע ראַנגקינגס = ווייניקער טראַפיק
קאַמפּעטיטיוו דיסאַדוואַנטידזשיז
בשעת איר פראַסטרירט מאָביל ניצערס, קאָנקורענטן מיט גוטע פארמען:
- כאַפּט די לידס וואָס איר פאַרלירט
- בויען באַציִונגען מיט אייערע פּאָטענציעלע קאַסטאַמערז
- וואַקסן בשעת איר וואַנדערט פארוואס קאָנווערזשאַנז זענען נידעריק
וואָס מאַכט אַ פאָרעם מאָביל-רעספּאָנסיוו
1. פליסיק ברייט
פארמען זאָלן זיך צופּאַסן צו דער גרייס פֿון דעם עקראַן:
- פולע ברייט אויף קליינע סקרינז
- פּאַסיקע ברייט אויף גרעסערע סקרינז
- קיין האָריזאָנטאַלע סקראָלינג קיינמאָל נישט
2. ליינעוודיקער טעקסט
אַלע טעקסט ליינעוודיק אָן זומען:
- עטיקעטן: מינימום 14-16 פיקסעל
- אריינגאבע טעקסט: מינימום 16 פיקסעל (פארמיידט iOS פארגרעסערונג)
- הילף טעקסט: מינימום 12-14 פיקסעל
- גענוג קאנטראסט
3. אָנריר-פרייַנדלעך צילן
טאַפּבאַרע עלעמענטן מיט אַ גרייס פֿאַר פֿינגער:
- מינימום טאַפּ ציל: 44×44 פּיקסעלס
- גענוגיקע אָפּשטאַנד צווישן עלעמענטן
- טשעקבאָקסעס און ראַדיאָס גרינג צו צאַפּן
4. געשטאפלט אויסלייג
אויף מאָביל, שטאַפּלען עלעמענטן ווערטיקאַל:
- איין פעלד פּער שורה
- עטיקעטן העכער די איינגאבעס (נישט לעבן)
- פול-ברייט קנעפּלעך
5. נאַטירלעכע אַרייַנשרייַב טיפּן
אַקטיווירן פּאַסיקע מאָביל קלאַוויאַטורן:
- אימעיל פעלד → אימעיל קלאַוויאַטור (@, .com)
- טעלעפאָן פעלד → נומערישער קלאַוויאַטור
- URL פעלד → URL קלאַוויאַטור
- נומער פעלד → נומערישע איינגאבע
6. מאָביל-פרייַנדלעך קאָמפּאָנענטן
עלעמענטן דיזיינד פֿאַר ריר:
- נאַטירלעכע דאַטע קלייבער (סקראָלינג רעדער)
- גרויסע דראָפּדאַון טריגערס
- ריר-פֿרײַנדלעך טעקע אַפּלאָוד
7. זעבארע סאַבמישאַן קנעפּל
באַניצער מוזן קענען געפֿינען און דריקן אויף "פאָרלייגן":
- פולע ברייט אדער באַמערקבאַרע גרייס
- הויך קאנטראסט קאליר
- קלאר קענטיק אָן סקראָלן (אויב מעגלעך)
מאָביל פאָרעם בעסטע פּראַקטיקעס
האַלט די פאָרמען קורץ
מאָביל באַניצער האָבן ווייניקער געדולד:
- פרעגט נאָר וויכטיקע פֿראַגעס
- אַראָפּנעמען גוט-צו-האָבן פעלדער
- באַטראַכטן מערערע טריט פֿאַר לענגערע פֿאָרמען
ניצן איין-קאלום אויסלייג
מולטי-קאלום אויסלייגן ברעכן אויף מאָביל:
- שטאַפּלען אַלע פעלדער ווערטיקאַל
- גרינגער צו סקענען און פאַרענדיקן
- קאָנסיסטענט דערפאַרונג אַריבער דעוויסעס
אָפּטימיזירן פעלד סדר
שטעלט פעלדער לאגיש:
- וויכטיקסטע ערשט
- פֿאַרבונדענע פֿעלדער גרופּירט
- גרינג צו דערגרייכן מיט די פינגער
צושטעלן קלאָרע עטיקעטן
עטיקעטן זאָלן זיין נישט קלאָר:
- איבערן פעלד (נישט שוועבנדיק אינעווייניק)
- שטענדיק קענטיק (פאַרלאָזט זיך נישט נאָר אויף פּלאַץ האָלדער)
- באַשרײַבענדיק אָבער קורץ
אַקטיווירן אויטאָקאָמפליט
לאָזט בראַוזערס העלפֿן באַניצער:
- נאָמען, אימעיל, טעלעפאָן אויטאָפיל
- אַדרעס אויטאָקאָמפליט
- רעדוצירט טייפּינג אויף קליינע קלאַוויאַטורן
ווייַזן וואַלידאַציע אינליין
העלפט באַניצערס פאררעכטן טעותים גלייך:
- טעות מעלדונגען לעבן די פעלדער
- רעאַל-צייט וואַלידאַציע ווען מעגלעך
- קלאָרע אינסטרוקציעס צו פאַרריכטן
מאַכן קנעפּלעך קלאָר
שיקן קנעפּלעך זאָלן אַרויסשטיין:
- קאַנטראַסטינג קאָליר
- גרויסע טאַפּ ציל
- קלאָרער אַקציע טעקסט ("אײַנגעבן", "שיקן", "רעגיסטרירן")
טעסטן מאָביל רעספּאָנסיוונאַס
בראַוזער דעוועלאָפּער מכשירים
שנעלע טעסטינג אין דעסקטאַפּ בראַוזער:
- עפֿנט אייער פֿאָרעם בלאַט
- דריק F12 (דעוועלאָפּער מכשירים)
- דריקט אויף דיווייס טאַגאַל ייקאַן
- אויסקלייבן פֿאַרשידענע גרייסן פֿון אַפּאַראַטן
- טעסט פאָרעם אינטעראַקציע
פאַקטיש דיווייס טעסטינג
גאָרנישט איז בעסער ווי די עכטע דעווייסעס:
- טעסט אויף iPhone און Android
- טעסט אויף טאַבלעטן
- פרובירט פארשידענע גרייסן פון דעם עקראַן
- טאַקע אויספֿילן דעם פֿאָרמולאַר
וואָס צו פּרובירן
- ✓ קענט איר לייענען אַלע עטיקעטן אָן צו זומען?
- ✓ זענען די איינגאבע פעלדער גרינג צו צאַפּן?
- ✓ צי דערשיינט זיך די ריכטיקע קלאַוויאַטור?
- ✓ קענט איר לייכט אויסקלויבן די אויסוואלן?
- ✓ זענען טשעקבאָקסעס/ראַדיאָ'ס טאַפּעוודיק?
- ✓ איז דער "פאָרלייגן" קנעפּל קענטיק און צוטריטלעך?
- ✓ איז די פאָרעם געראָטן אײַנגעשיקט?
- ✓ זענען טעות מעלדונגען קענטיק און קלאר?
Google Mobile-Friendly טעסט
טשעק די אַלגעמיינע מאָביל-פרײַנדלעכקייט פֿון דער בלאַט:
- גיי צו גוגל'ס מאָביל-פרײַנדלעך טעסט געצייַג
- אַרייַן דיין פאָרעם בלאַט URL
- איבערקוקן רעזולטאַטן און פֿאָרשלאָגן
געוויינטלעכע מאָביל פאָרעם פּראָבלעמען
פּראָבלעם: טעקסט צו קליין
גרונט: פאַרפעסטיקטע פּיקסעל גרייסן נישט סקיילינג
לייזונג: ניצט רעלאטיווע איינהייטן (עם, rem) אדער מינימום 16 פיקסעל
פּראָבלעם: פעלדער צו שמאָל
גרונט: קאָנטעינערס מיט אַ פֿיקסירטער ברייט
לייזונג: ניצן פּראָצענט ברייטן (100% אויף מאָביל)
פּראָבלעם: קלאַוויאַטור קאָווערס פאָרעם
גרונט: קיין סקראָלן אַדזשאַסטמענט ווען קלאַוויאַטור דערשיינט
לייזונג: זיכער מאַכן אַז דער פאָקוסירטער פעלד סקראַלט אין בילד
פּראָבלעם: זום אויף אינפוט פאָקוס (iOS)
גרונט: שריפֿט גרייס אונטער 16 פּיקסעל אין אינפוטס
לייזונג: שטעלן די איינגאבע שריפט-גרייס צו לפחות 16 פיקסעל
פּראָבלעם: דראָפּדאַונז שווער צו נוצן
גרונט: אייגענע אויסוואלן נישט אָפּטימיזירט פֿאַר אָנרירן
לייזונג: ניצן אייגענע סעלעקט עלעמענטן אדער ריר-פריינדלעכע אלטערנאטיוון
פּראָבלעם: פאָרלייגן קנעפּל נישט אויף דעם עקראַן
גרונט: לאַנגע פֿאָרמען אָן קיין קענטיקן פּראָגרעס
לייזונג: קלעפּיקע סאַבמישאַן קנעפּל אָדער קלאָרע סקראָלל אינדיקאַטאָרן
מאָביל-ספּעציפיש פֿעיִקייטן
קליק-צו-רופן טעלעפאָן לינקס
טעלעפאָן נומערן אין באַשטעטיקונגען זאָלן זיין טאַפּבאַר:
- לינקס מיט טעל: פּראָטאָקאָל
- איין צאַפּ צו רופן
אָרט דעטעקשאַן
פֿאַר אַדרעס פֿעלדער:
- אָפּציע צו נוצן די איצטיקע לאָקאַציע
- אויטאָ-פֿיל שטאָט/געגנט
קאַמעראַ ינטעגראַטיאָן
פֿאַר טעקע אַפּלאָודז:
- אָפּציע פֿאַר דירעקטע קאַמעראַ צוטריט
- צוטריט צו פאָטאָ ביבליאָטעק
- דאָקומענט סקאַנינג
ריר דזשעסטשערז
נאַטירלעכע מאָביל אינטעראַקציעס:
- סווייפּ צווישן פאָרעם טריט
- ציען צו דערפרישן
- קניפּ צו פארגרעסערן (אויב נויטיק)
פאָרשטעלונג אויף מאָביל
פארוואס גיכקייט איז מער וויכטיג אויף מאביל
- מאָביל קאַנעקשאַנז אָפט שטייטער
- דאַטן לימיטן פֿאַר עטלעכע באַניצער
- ווייניקער געדולד אויף מאָביל
- באַטראַכטונגען וועגן באַטעריע קאַנסאַמשאַן
פאָרעם פאָרשטעלונג עצות
מינימיזירן פאָרעם וואָג
- לייכטע פאָרעם פּלוגינס
- מינימאַל CSS/דזשאַוואַסקריפּט
- אָפּטימיזירטע אַסעץ
פויל לאָוד ווען מעגלעך
- לאָדן פאָרעם עלעמענטן ווי נייטיק
- לאָדן נישט באַהאַלטענע קאָנדישאַנעלע פעלדער פון פאָראויס
אָפּטימיזע בילדער
- קאָמפּרעסירן יעדע בילדער אין פאָרמען
- ניצט פּאַסיקע פֿאָרמאַטן (וועבפּ)
- רעספּאָנסיוו בילד גרייסן
אויטאָ פאָרעם בילדער'ס מאָביל צוגאַנג
אויטאָ פאָרעם בילדער איז געבויט מאָביל-ערשט:
רעספּאָנסיוו דורך פעליקייַט
- אַלע פֿאָרמען רעאַגירן אויטאָמאַטיש
- קיין ספּעציעלע קאָנפיגוראַציע נישט נויטיק
- פּאַסט זיך צו יעדער גרייס פֿון עקראַן
ריר-אָפּטימיזירטע פעלדער
- ריכטיק גרייס טאַפּ טאַרגעץ
- נאַטירלעכע מאָבילע אינפוטס
- אָנריר-פֿרײַנדלעכע דאַטע/צײַט אויסקלייבער
מאָביל-ערשט סטיילינג
- סטאַק אויסלייג אויף קליינע סקרינז
- פול-ברייט פעלדער אויף מאָביל
- ליינענע שריפט גרייסן
לייטווייט פאָרשטעלונג
- מינימאַל דזשאַוואַסקריפּט פֿוסשטאַפּ
- שנעל לאָדן פאָרמען
- אָפּטימיזירט פֿאַר מאָביל נעטוואָרקס
טשעקליסט: איז אייער פאָרעם מאָביל-גרייט?
אויסלייג
- ☐ איין קאלום אויף מאביל
- ☐ קיין האָריזאָנטאַלע סקראָלינג
- ☐ פול-ברייט פעלדער
- ☐ גענוגיקע ווייַטקייט צווישן עלעמענטן
טיפּאָגראַפי
- ☐ עטיקעטן ליינעוודיק אָן פארגרעסערן (14 פיקסעל+)
- ☐ אריינלייגן טעקסט לפחות 16 פיקסעל
- ☐ גוטע קאָנטראַסט פאַרהעלטענישן
ינעראַקשאַנז
- ☐ ריר־צילן מינימום 44 פּיקסעל
- ☐ ריכטיקע קלאַוויאַטור טיפּן
- ☐ גרינגע אויסוואל פון א דראָפּדאַון
- ☐ צאַפּבאַרע טשעקבאָקסעס/ראַדיאָ'ס
פונקטיאָנאַליטי
- ☐ פאָרעם איז געראָטן אײַנגעשיקט
- ☐ טעות מעלדונגען קענטיק
- ☐ דערפאָלג מעסעדזש ווערט געוויזן
- ☐ טעקע אַרויפֿלאָדן אַרבעט
פאָרשטעלונג
- ☐ לאָודט זיך שנעל אויף 3G
- ☐ קיין בלאָקירנדיקע סקריפּטן
- ☐ מינימאַלע דאַטן באַניץ
אָפֿט געשטעלטע פֿראגן
פארוואס זומען מײַנע פֿאָרמען אַרײַן אויף iOS ווען איך צאַפּ אַ פֿעלד?
iOS זומט אויטאָמאַטיש ווען די איינגעגעבענע שריפט גרייס איז ווייניקער ווי 16 פּיקסעל. שטעלט אייער איינגעגעבענע שריפט-גרייס צו לפּחות 16 פּיקסעל צו פאַרמייַדן דאָס.
זאָל איך שאַפֿן באַזונדערע מאָביל און דעסקטאָפּ פֿאָרמען?
ניין—רעספּאָנסיווע דיזיין האַנדלט מיט ביידע. איין גוט-דיזיינטע רעספּאָנסיוו פאָרעם אַרבעט אויף אַלע דעוויסעס. אויפהאלטן באַזונדערע פאָרמען פאַרדאָפּלט אייער אַרבעט און ריזיקירט אומקאָנסיסטענסיעס.
ווי קען איך טעסטן אויף דעווייסעס וואָס איך באַזיצע נישט?
ניצט בראַוזער דעוועלאָפּער מכשירים פֿאַר גרונטלעכע טעסטינג. פֿאַר גרינטלעכע טעסטינג, ניצט אָנליין באַדינונגען ווי BrowserStack, אָדער פרעגט פריינט/קאָלעגן מיט פֿאַרשידענע דעוויסעס.
צי מאָביל באַניצערס פילן טאַקע אויס פאָרמען?
יא! מאָביל האַנדל און ליד דזשענעריישאַן זענען מאַסיוו. באַניצער דערוואַרטן צו פאַרענדיקן טאַסקס אויף מאָביל. אויב דיין פאָרמען אַרבעטן גוט, זיי וועלן זיי נוצן.
וואָס איז די וויכטיקסטע פֿאַרבעסערונג אין מאָבילער פֿאָרעם?
ריכטיקע גרייסן פון די ריר-צילן. אויב באַניצער קענען נישט גענוי אָנרירן די פעלדער און קנעפּלעך, איז גאָרנישט אַנדערש וויכטיק. זיכער מאַכן אַז אַלע אינטעראַקטיווע עלעמענטן זענען לפּחות 44×44 פּיקסעלס.
קיצער
מאַכן פֿאָרמען מאָביל-רעספּאָנסיווע:
- פֿאַרשטיין די סטייקס – 60%+ טראַפיק איז מאָביל
- ניצן אָפּרופיק פּלאַן – פליסיקע ברייטן, סטאַקט אויסלייג
- גרייס פֿאַר אָנרירן – מינימום 44 פּיקסעל טאַפּ טאַרגעץ
- זיכער מאַכן ליינעוודיקייט – מינימום 16 פיקסעל אינפוט טעקסט
- טריגער רעכטע קלאַוויאַטורן – ניצן ריכטיקע אינפוט טיפּן
- פּרובירן אויף פאַקטיש דעוויסעס ניצט נישט נאָר סימולאַטאָרן
- קלייבט אויס רעספּאָנסיוו מכשירים – אָנהייבן מיט מאָביל-גרייט פאָרעם בילדערס
סאָף
מאָביל-רעספּאָנסיווע פאָרמען זענען נישט אָפּציאָנאַל—זיי זענען עסענציעל. מיט רובֿ וועב טראַפיק וואָס קומט פֿון מאָביל דעוויסעס, קאָסטן פאָרמען וואָס אַרבעטן נישט אויף טעלעפאָנען אײַך לידז, קאַסטאַמערז און רעפּוטאַציע יעדן טאָג.
אויטאָ פאָרעם בילדער שאַפֿט אויטאָמאַטיש מאָביל-רעספּאָנסיווע פֿאָרמען. יעדע פֿאָרעם אַדאַפּטירט זיך צו דער גרייס פֿון דעם עקראַן, ניצט ריר-פֿרײַנדלעכע עלעמענטן, און אַרבעט גוט אויף מאָביל נעטוואָרקס. קיין קאָנפֿיגוראַציע איז נישט נויטיק — נאָר בויט אײַער פֿאָרעם, און עס אַרבעט אומעטום.
גרייט פֿאַר מאָביל-פֿרײַנדלעכע פֿאָרמען? דאַונלאָוד אויטאָ פאָרעם בילדער און געבן אייערע מאָביל באַזוכער די פאָרעם דערפאַרונג וואָס זיי פאַרדינען.
