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

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

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

1.1

עורך ויזואלי עם הכוח של קוד

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

1.2new

Webflow AI

הבינה המלאכותית נכנסה לעורך: עוזר AI שמייצר סקשנים, טקסטים ווריאציות עיצוב ישר על הקנבס, בונה אתר ראשוני מפרומפט, ושרת MCP רשמי שמחבר סוכני AI כמו Claude לאתר ול-CMS. עיצוב, בנייה ועדכון תוכן, גם בשיחה.

webflow.com/ai

1.3

עיצוב לכל נקודת שבירה

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

1.4

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

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

1.5

אתר רספונסיבי לגמרי

חוויה טובה בכל מכשיר: נייד, טאבלט, מחשב, מסכי רטינה ומסכי טלוויזיה.

1.6

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

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

1.7

טיפוגרפיה חופשית

כל גופן: Google Fonts, Adobe Fonts או קובץ שמעלים. שליטה בכל מאפייני הטיפוגרפיה, מגודל האות ועד גובה השורה והמרווח בין האותיות.

1.8

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

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

1.9

טפסים מעוצבים

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

1.10

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

האתר עובד בכל הדפדפנים המודרניים, כרום, פיירפוקס, ספארי ואדג׳, בלי סבב בדיקות ותיקונים לכל דפדפן אחרי הפיתוח.

1.11

קוד מותאם (Custom Code)

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

1.12

אנימציות (Interactions)

כלי אנימציה מובנה בממשק ויזואלי: אנימציות גלילה, מעבר עכבר, טעינת עמוד ומעברי CSS, בלי קוד.

1.13

רכיבים מובנים

גלריה, סליידר, תפריט נפתח, טאבים, מפות גוגל, סרטוני YouTube ו-Vimeo ועוד. הכל מובנה, והעיצוב של כל רכיב בשליטה מלאה.

1.14

חיפוש באתר

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

1.15

ניהול תמונות

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

1.16

אנימציית Lottie

Lottie הוא פורמט אנימציה קל משקל שמיוצא מ-After Effects. אנימציות וקטוריות חלקות, בלי וידאו כבד.

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

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

webflow.com/feature/cms

2.1

עריכה על העמוד עצמו

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

2.2

בלוג מובנה

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

2.3

עברית, מימין לשמאל

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

2.4new

אתר רב-לשוני

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

webflow.com/localization

2.5

גלריות בתוכן

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

2.6

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

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

2.7

מבני תוכן גמישים

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

2.8

ייבוא תוכן מכל אתר

התוכן מוורדפרס, מ-Wix או מכל מערכת אחרת עובר ל-Webflow בייבוא CSV מובנה. שעות של עבודה טכנית נחסכות במעבר.

2.9

אוטומציות עם Zapier

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

2.10

CMS API

התוכן של האתר זמין לאפליקציות אחרות דרך API, ותוכן ממערכות חיצוניות נכנס ל-CMS אוטומטית.

2.11

סביבת Staging

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

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

בלי תוספים: כותרות, תיאורי מטא, כתובות ו-Open Graph מנוהלים בעורך עצמו, לכל עמוד.

webflow.com/feature/seo

3.1

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

קוד נקי וסמנטי, טעינה מהירה והתאמה לנייד, כל מה שגוגל מודד, מגיעים עם האתר, לצד כלים לניהול ה-SEO שלו.

3.2

ידידותי למובייל

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

3.3

קוד נקי

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

3.4

כותרות ותיאורי מטא

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

3.5

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

מפת האתר (sitemap) שגוגל קורא כדי לסרוק את האתר נוצרת לבד ומתעדכנת בכל פרסום.

3.6

טעינה מהירה

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

3.7

תצוגה בשיתוף (Open Graph)

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

3.8

robots.txt

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

3.9

הפניות 301

שינוי כתובות ומבנה באתר בלי לאבד דירוג: הפניות 301 מההגדרות, בלי מתכנת.

3.10

חיבור לדיוור (Mailchimp)

טופס הרשמה באתר מזין ישירות את רשימת התפוצה ב-Mailchimp.

3.11

Google Analytics ו-Tag Manager

חיבור ל-Google Analytics ול-Google Tag Manager בהדבקת מזהה, כדי לדעת מאיפה מגיעים, מה קוראים ומה ממיר.

3.12

נתונים מובנים (Schema.org)

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

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

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

webflow.com/accessibility

4.1

בדיקת נגישות מובנית

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

4.2

בדיקת ניגודיות

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

4.3

סימולציה של לקות ראייה

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

4.4

קוד סמנטי

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

4.5

טקסט חלופי לתמונות

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

4.6

תגי HTML5 סמנטיים

לכל אלמנט את התג הנכון: header, nav, main, section, footer. ככה טכנולוגיה מסייעת מבינה את מבנה העמוד.

4.7

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

rem, אחוזים ו-vw במקום פיקסלים קבועים, כך שהטקסט גדל וקטן עם ההגדרות של הגולש בלי לשבור את העימוד.

4.8

עובד גם בזום 200%

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

4.9

רכיבים נגישים מהקופסה

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

4.10

מצב פוקוס מעוצב

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

4.11

טפסים נגישים

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

4.12

כותרת ושפה לכל עמוד

לכל עמוד כותרת ייחודית שמתארת אותו, תיאור והגדרת שפה, מה שקורא המסך מקריא ראשון.

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

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

webflow.com/feature/hosting

5.1

בלי תוספים ובלי עדכונים

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