הפיצ'רים של וובפלואו

1. עיצוב ופיתוח אתרים

Webflow מתאים במיוחד למי שרוצה שליטה מלאה על כל פיקסל באתר. הוא מאפשר לבנות אתר בדיוק כמו שהוא עוצב.

1.1

בילדר האתרים המוביל בעולם

הכוח של CSS בלי גבולות, בעורך ויזואלי. שליטה בכל מאפייני ה-CSS וה-HTML בדף עצמו, בלי קוד. עימוד ב-CSS Grid וב-Flexbox מאפשר ליצור כל עימוד באתר.

1.2

חופש עיצובי במובייל, טאבלט ודסקטופ

בכל נקודת שבירה (טווח של רוחב מסך) ניתן להוסיף עיצוב, להסתיר אלמנטים ולשלוט בכל ערכי העיצוב הנדרשים על מנת לקבל עיצוב מושלם ורספונסיבי בכל המכשירים.

1.3

המרה מדויקת מפיגמה

לא עוד אתרים שהפיתוח שונה מהעיצוב המאושר. עם וובפלואו ההמרה של העיצוב לאתר מדויקת: פחות סבבי תיקונים, פחות הערות, והאתר עולה לאוויר מהר יותר.

1.4

אתר 100% רספונסיבי

אתרים רספונסיביים לגמרי, לחוויה טובה בכל מכשיר: נייד, טאבלט, דסקטופ, מסכי רטינה ומסכי טלוויזיה.

1.5

קומפוננטות לשימוש חוזר באתר

הפוך את הניווט העליון (navbar), פוטר (footer), טפסי הרשמה ועוד לרכיבים שתוכל לעשות בהם שימוש חוזר, לתחזק, ליצור וריאציות של או לשנות תוך כדי תנועה בכל האתר שלך בלחיצה אחת בלבד.

1.6

בחר את הטיפוגרפיה המתאימה לך

השתמש בכל גופן (גוגל פונטס, אדובי פונטס, העלאת פונט), והתאם את כל מאפייני הטיפוגרפיה: מגודל הפונט ועד גובה השורה ומרווח בין אותיות.

1.7

צבעים ומשתנים (Variables)

שמור על שפת המותג: צבעים, גדלים וגופנים מוגדרים פעם אחת כמשתנים, ושינוי שלהם מתעדכן בכל האתר.

1.8

עצב והוסף טפסים לאתר

עצב וסגנן את הטפסים, אסוף לידים בצורה מאובטחת מהלקוחות שלך וקבל התרעות למייל בכל פעם שמשתמש שלח טופס באתר. ייצא את הטפסים באתר לפורמט אקסל CSV.

1.9

תאימות דפדפנים

הכלי עובד בכל הדפדפנים המודרניים (כרום, פיירפוקס, ספארי, אדג׳), כך שלא צריך לבזבז זמן על בדיקות ותיקון באגים בכל דפדפן אחרי הפיתוח.

1.10

הוספת קוד (Custom Code)

צריכים לעשות משהו ש-Webflow לא תומך בו? ניתן בקלות להוסיף קוד מותאם אישית עבור האתר כולו, דף מסוים או חלק מסוים בדף. פיצ'ר שימושי להוספת סליידרים, גלריות, אנימציות מורכבות, כלי מדידה לאתר וספריות קוד חיצוניות (JS plugins).

1.11

אנימציות ותנועה (Webflow Interactions)

הוסף מימד חדש לגמרי לעיצובי האתר שלך עם כלי אנימציה מובנה: אנימציות גלילה, אנימציות מעבר עכבר, אנימציות בטעינת הדף, CSS transitions ועוד, הכל בממשק ויזואלי.

1.12

ווידג׳טים מתקדמים מובנים

גלריה, סליידר, דרופדאון, טאבים, גוגל מפות, סרטונים (YouTube, Vimeo) ועוד. הכל מובנה וניתן להתאמה עיצובית בקלות.

1.13

הוסף חיפוש לאתר

צור מנוע חיפוש מותאם אישית עבור האתר שלך עם שליטה מלאה על המראה והתחושה של דף תוצאות החיפוש שלך.

1.14

ניהול התמונות באתר

ניהול התמונות באתר בתיקיות, הוספה לגלריה או לסליידר, טקסט חלופי לתמונות (נגישות וקידום) ודחיסה שלהן (מהירות טעינה). המערכת יוצרת גם תמונות רספונסיביות, מה שמקצר משמעותית את זמן הטעינה במובייל.

1.15

אנימציית Lottie

Lottie הוא פורמט אנימציה מבוסס JSON שמיוצא מ-After Effects. הוא מוסיף לאתר אנימציות חלקות וקלות משקל.

2. מערכת ניהול CMS

עורכים תוכן ישירות בדף, בלי מערכת ניהול נפרדת ומבולגנת. כשהשינויים מוכנים, מפרסמים אותם בלחיצת כפתור. הוספת תוכן חדש קלה כמו מילוי טופס, ורואים בדיוק איך הוא ייראה לפני שהוא עולה.

האתר הרשמי

2.1

עריכת תוכן בעמוד עצמו

אין דבר אינטואיטיבי יותר מללחוץ פעמיים על טקסט ולערוך אותו ממש בעמוד עצמו. כמו לכתוב ב-Word או ב-Gmail, רק שאתה מעדכן את האתר.

2.2

יצירת בלוג בקלות

שתף את המשתמשים שלך בבלוג של האתר לשיפור הטראפיק והעומק של האתר שלך. יצירת דפי פוסט, דפי קטגוריה, דפי מחבר, חיפוש בבלוג ועוד.

2.3

תמיכה מלאה בעברית ואנגלית

אתר בעברית (מימין לשמאל) עם תמיכה מלאה גם בשפות אחרות. שליטה ב-title, ב-meta description ובמאפייני הדף, כדי שכל שפה תופיע נכון במנועי החיפוש.

2.4

ניהול גלריה ותמונות

הוסף לכל פוסט או סוג תוכן תמונה אחת או כמה תמונות. שלוט בסדר הופעת התמונות ובמאפיינים אחרים של התמונה (כגון טקסט חלופי או caption).

2.5

ניהול גישה והרשאות לעורכי תוכן

שתף עורכי תוכן ומשווקים באתר. שלוט ברמת ההרשאה שלהם לאתר או לדפים מסויימים. עבודה במקביל של כמה עורכי תוכן.

2.6

מבני תוכן הניתנים להתאמה מלאה

Webflow CMS נותן לך את הכוח להגדיר את התוכן שלך ואת המבנה שלו איך שתרצה עם יותר מתריסר סוגי שדות (מלל, תמונה, מספר, צבע, תאריך ועוד). צור דפי בלוג, מתכונים, פרוייקטים וכל מבנה תוכן שניתן לחשוב עליו וחבר את הדאטה לכל עיצוב שתבחר.

2.7

ייבא את התוכן שלך מכל אתר לוובפלואו

העבר את התוכן שלך מוורדפרס או WIX ל-Webflow עם כלי ה-import CSV המובנה של המערכת. חוסך שעות של עבודה טכנית מורכבת במעבר בין פלטפורמות.

2.8

חיבור ה-CMS לזאפייר

חבר את האתר לאלפי שירותים חיצוניים דרך Zapier, בלי קוד. למשל: מייל אוטומטי בכל פעם שמתפרסם פוסט, או פרסום תוכן ישירות מטופס שמשתמש שלח.

2.9

CMS API מתקדם

שחרר את התוכן שלך בוובפלואו לשימוש באפליקציות אחרות, או חבר תוכן מהאפליקציות שלך ל-Webflow CMS.

2.10

סביבת Staging לבדיקות ואישורים

חוץ מהדומיין של האתר יש כתובת נפרדת, שאפשר לחסום ממנועי חיפוש, לאישורים, לבדיקות ולגרסאות עיצוב לפני שמפרסמים אותן באתר (בוורדפרס זה בדרך כלל דורש תוסף בתשלום).

3. קידום אתרים SEO

בלי תוסף: כותרות עמודים, תיאורי מטא, כתובות URL והגדרות Open Graph מנוהלים בעורך עצמו, כך שקל לבצע אופטימיזציה לכל עמוד באתר.

האתר הרשמי

3.1

אתר מותאם למנועי חיפוש

Webflow נותן למנועי החיפוש את כל מה שהם אוהבים: קוד נקי וסמנטי, טעינת עמודים מהירה, התאמה לנייד וסט שלם של כלים לניהול ותחזוקת האתר.

3.2

אתר ידידותי למובייל

רוב הגלישה היום מהנייד, וגוגל מדרג לפי גרסת המובייל של האתר. בוובפלואו בונים בקלות אתר שנוח לשימוש בנייד, לפי ההנחיות של גוגל.

3.3

קוד HTML CSS נקי ומקצועי

אתרי Webflow בעלי מבנה HTML נקי וסמנטי שסורקי מנועי החיפוש יכולים לנתח בקלות.

3.4

מטא כותרות ותיאורים לקידום אתרים

התאם את כותרות המטא והתיאורים של הדפים שלך (האופן בו דפי האתר שלך יופיעו בתוצאות החיפוש) בקלות ובפשטות. שלב מילות מפתח והתאם את המסרים במנועי החיפוש לתכנים באתר שלך.

3.5

מפת אתר sitemap אוטומטית

מנועי חיפוש כמו גוגל קוראים את מפת האתר כדי להבין איך לסרוק אותו. וובפלואו יוצר מפת אתר אוטומטית שמתעדכנת בכל פרסום של האתר.

3.6

זמני טעינה מהירים

כשאתר נטען לאט, הגולשים עוזבים. אתרי Webflow מאוחסנים בענן ומוגשים דרך רשת שרתים (CDN) גלובלית, כך שהם נטענים מהר מכל מקום.

3.7

הגדרות OG לפייסבוק ולשיתוף

שפר את ביצועי התוכן שלך בסושיאל מדיה (פייסבוק, לינקדין, וואטסאפ וכו') על ידי הגדרת הכותרת, התיאור והתמונה של הדף שלך באופן ידני או דינמי.

3.8

עריכת קובץ robots.txt

קובץ robots.txt אומר למנועי חיפוש כמו גוגל אילו דפים או תיקיות לסרוק ולאנדקס ואילו לא. כלי שימושי מאוד לקידום אתרים.

3.9

ניהול הפניות 301

שנה כתובות ומבנה תוכן באתר שלך ללא חשש לפגיעה בדירוג במנועי חיפוש וללא עזרה של מתכנת או מורכבות טכנית.

3.10

אינטגרציה של MailChimp

שילוב MailChimp בטפסים של וובפלואו מאפשר לך לבנות אוטומטית את רשימת המנויים לניוזלטר שלך.

3.11

אינטגרציה של גוגל אנליטיקס

חיבור פשוט ל-Google Analytics, כדי לראות איך אנשים מגיעים לאתר, מה הם עושים בו ועוד.

3.12

אינטגרציה של Zapier

האינטגרציה של Webflow עם Zapier מאפשרת לך לחבר את הטפסים של האתר שלך עם אינספור אפליקציות אחרות שמעצבים משתמשים בהם מדי יום, כולל Slack, MailChimp ו-Asana.

3.13

תעודת SSL בחינם והגנת DDoS

כל אתרי Webflow מגיעים עם תעודת SSL בחינם והגנת DDoS. גוגל ממליץ על SSL, ובפועל כתובת האתר מתחילה ב-HTTPS.

3.14

הוספת Schema.org (נתונים מובנים) לאתר

הוספת נתונים מובנים לאתר וחיבור דינמי שלהם לתוכן, לשיפור ה-SEO ולתוצאות עשירות בגוגל (למשל כוכבי דירוג ליד התוצאה שלכם).

4. נגישות אתרים

אתר נגיש נראה כמו כל אתר, אבל מאפשר לאנשים עם מוגבלות לנווט בו, לקרוא אותו ולהשתמש בו. Webflow כולל כלים מובנים לבדיקה ולשיפור הנגישות, ועוזר לבנות אתרים שעומדים בתקן הישראלי (ת״י 5568) ברמה AA ובהנחיות WCAG.

האתר הרשמי

4.1

כלי בדיקה מובנה לבדיקת נגישות באתר

בדיקה בלי תוסף חיצוני של בעיות נפוצות בדף, כמו טקסט חלופי חסר, קישורים ריקים או כותרות שלא ברצף.

4.2

בדוק את יחסי הניגודיות של הטקסט

עקרון חשוב מאוד באתר נגיש הוא היכולת של לקויי ראייה להבחין במלל שלך. ודא שטקסט באתר שלך ניתן לקריאה באמצעות כלי ניגודיות (contrast) הצבע המובנה בתוכנה.

4.3

הדמיית צפייה בראייה נמוכה

הצג תצוגה מקדימה של האתר שלך כפי שהוא מופיע עבור מבקרים לקויי ראייה.

4.4

קוד סמנטי ונקי

קוד HTML5 תקין עוזר לטכנולוגיות מסייעות שבהן משתמשים אנשים עם מוגבלות (למשל קוראי מסך) לעבוד נכון.

4.5

הגדרת תכונות טקסט חלופי (alt)

ודא שלתמונות שלך יש טקסט חלופי (alt), או הגדר אותן כתמונות דקורטיביות.

4.6

הגדרת תגי HTML5

הגדר את הרכיבים שלך לתג HTML5 המתאים כדי לוודא שטכנולוגיה מסייעת יכולה להעביר במדויק את מבנה הדף שלך למבקרים.

4.7

יחידות גודל יחסיות

השתמש ביחידות יחסיות כמו REM, אחוזים, VW וכדומה כדי ליצור טיפוגרפיה קריאה ומגיבה הניתנת להגדלה/הקטנה מבלי לפגוע בקריאות ומבנה האתר.

4.8

אתר מותאם לסביבות עבודה ברזולוציות שונות

עם וובפלואו ניתן ליצור אתר רספונסיבי שמותאם לכל המכשירים (מכשירים ניידים, טאבלט, מחשב ומסכי רטינה וטלויזיה).

4.9

ווידג׳טים נגישים מהקופסה

הרכיבים המובנים של Webflow נגישים למקלדת ולקורא מסך: טאבים, דרופדאון, סליידר, גלריית לייטבוקס ועוד.

4.10

שליטה בעיצוב מצב Focus באתר

כל רכיב שמקבל פוקוס בניווט עם המקלדת מקבל סימון ויזואלי ברור, של הדפדפן או בעיצוב שלכם.

4.11

טפסים נגישים

שליטה בתוויות (Labels) של שדות, חיפוש וכפתורי פעולה, כדי שאנשים עם מוגבלויות שונות ידעו איך למלא את הטופס. עיצוב ברור למצבים של כל שדה.

4.12

שליטה ב-Page Title ובמאפייני הדף

לכל עמוד כותרת (page title) ייחודית שמתארת את התוכן שלו, תיאור דף והגדרת שפה.

5. אחסון מהיר ללא תקלות

אחסון מהיר ומאובטח מגיע עם האתר. אין תוספים לעדכן ואין מסכי שגיאה בכניסה לממשק: מפרסמים בקליק, ו-Webflow מטפל בכל השאר.

האתר הרשמי

5.1

בלי כאב ראש של ניהול ועדכון תבניות ותוספים

אין עדכוני אבטחה או תחזוקה של תוספים, ולכן אין סיכון לנפילה של האתר או למסכי שגיאה בכניסה למערכת (נפוץ בוורדפרס). הצוות של וובפלואו עושה את העבודה הזו בשבילך.