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

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

האתר הרישמי:
www.webflow.com/designer

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

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

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

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

1.3. המרה מדוייקת מפיגמה או אדובי XD

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

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

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

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

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

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

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

1.7. הגדרת צבעי Swatches

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

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

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

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

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

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

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

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

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

1.12. ווידג'טים מתקדמים מובנים

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

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

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

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

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

1.15. אנימציית Lottie

לוטי - פורמט קבצי אנימציה מבוסס JSON (המיוצא מ- After Effects). לוטי מאפשר להוסיף מימד נוסף של אנימציה ויכולת הנפשה לאתר.

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

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

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

האתר הרישמי:
www.webflow.com/cms‍
‍

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2.9. CMS API מתקדם

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

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

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

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

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

האתר הרישמי:
www.webflow.com/seo

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

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

3.2. אתר ידידותי למובייל - Google Mobile Friendly

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

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

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

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

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

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

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

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

כאשר הטעינה של אתר האינטרנט איטית ומסורבלת, הגולשים נוטשים את האתר. Webflow מציעה את האחסון המהיר ביותר באינטרנט עם טכנולוגיית קצה של Amazon Cloudfront ו- Fastly.

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. אינטגרציה של גוגל אופטימייז

שלב בקלות את אתר הוובפלואו שלך עם בדיקות A/B בתוכנת גגל אופטימייז לשיפור המרות ושיפור חווית המשתמש באתר.

3.14. תעודת SSL (תקן אבטחה) בחינם והגנת DDos

כל אתרי Webflow מגיעים עם תעודת SSL בחינם והגנת DDoS. גוגל ממליצים לאתרים להשתמש בתעודת SSL. ברמה המעשית כתובת האתר תופיע עם קידומת HTTPS.

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

הוספה של סכמות נתונים לאתר וחיבור דינמי שלהן לתוכן שלך לשיפור ה- SEO וקבלת תוצאות עשירות בתוצאות החיפוש (למשל כוכבי דירוג / רייטינג ליד תוצאת החיפוש שלכם בדף עם דירוג של משתמשים).
מדריך SEO חיצוני - "מה זה סכמה?"

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

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

נגישות אתרים הינה חשובה בעידן המודרני. בעזרת וובפלואו ניתן לבנות אתרים נגישים עם כלים "out of the box" לשיפור ובדיקה של נגישות האתר. וובפלואו יסייע לך לבנות אתרים שעונים להמלצות התקן הישראלי (ת"י 5568) לנגישות תכנים באינטרנט ברמת AA והמלצות מסמך WCAG2.0 מאת ארגון W3C.

האתר הרישמי:
www.webflow.com/accessibility

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

בדוק ללא תוסף חיצוני אם יש בעיות נפוצות בדף כגון: טקסט חלופי חסר, קישורים ריקים ורכיבי כותרות שאינם ברצף. קל, פשוט ונח.
Webflow Audit panel

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

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

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

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

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

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

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

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

4.6. הגדרת תגי HTML5

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

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

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

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

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

4.9. ווידג'טים נגישים out of the box

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

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

אפקט ויזואלי בפוקוס - כל מרכיב המקבל פוקוס בשימוש במקלדת מקבל אפקט ויזואלי (ע"י הדפדפן או ע"י שינוי עיצוב של הרכיב ב- CSS).

4.11. טפסים נגישים

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

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

ניתן בקלות להוסיף לכל העמודים כותרת - page title - ייחודי המתאר את תוכן / פונקציונאליות של העמוד. תיאור דף והגדרת שפה.

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

פלטפורמת וובפלואו מספקת עבורכם "Out of the box" אחסון מהיר מאובטח בטכנולוגיה מהמתקדמות בעולם. הכל בקליק. לא ניתן לפרוץ לאתר שלך ו"להפיל אותו". אין מסכי שגיאה בהתחברות לממשק מתוסף כזה או אחר.

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

www.webflow.com/hosting

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

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

5.2. אתר בתקן אבטחה HTTP/2 מובנה

וובפלואו עומד בתקני HTTP/2 החדשים out of the" box", מה שמבטיח שהאתר שלך נטען במהירות טובה יותר לעומת (HTTP1).

5.3. מופעל על ידי
Amazon Web Services & Fastly

AWS (אמזון) מספקת תשתית גלובלית התומכת במיליוני אתרים. בעוד Fastly מספק את התוכן של האתר באלפיות שניות. Cutting Edge Technology בקליק אחד.

5.4. מעל 100 מרכזי נתונים ושרתים ברחבי העולם

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

5.5. תעודת SSL בחינם והגנת DDos

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

5.6. גיבוי מושלם ידני ואוטומטי

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