וורדפרס או אתר בקוד: מה נכון לעסק קטן ולמה זה משנה על החוף באילת
וורדפרס נכון לעסק קטן שצריך אתר תדמית של כמה עמודים ורוצה לערוך טקסטים ותמונות לבד. אתר בקוד נכון לעסק שהאתר שלו הוא כלי עבודה. תייר שנכנס מהנייד בחוף. הזמנה ותשלום. כמה שפות. עונה שבה אין מי שיטפל בתוסף שנשבר. שתי הדרכים לגיטימיות. ההבדל הוא לא הטכנולוגיה אלא מה האתר צריך לעשות ומי מתחזק אותו.
מה זה אתר בקוד בשפה פשוטה
אתר בקוד הוא אתר שמפתח כותב מאפס בשפת תכנות במקום להרכיב אותו מתבנית מוכנה ומתוספים. וורדפרס (WordPress) הוא מערכת ניהול תוכן. מתקינים אותו על שרת. בוחרים תבנית עיצוב. מוסיפים תוספים לטפסים לגלריות ולקידום. ואז נכנסים לממשק ניהול וכותבים. זה המודל שכמעט כל בעל עסק כבר נתקל בו. הוא זול להקמה ומאפשר לבעל העסק לערוך לבד וזה יתרון אמיתי.
אתר בקוד עובד אחרת. אנחנו כותבים את העמודים ואת הרכיבים בעצמנו ובונים רק את מה שהאתר צריך. Next.js היא סביבת עבודה לבניית אתרים בקוד שמכינה את העמודים מראש כך שהגולש מקבל עמוד מוכן במקום לחכות לשרת שירכיב אותו בכל כניסה. אין ממשק ניהול ציבורי. אין תוספים של אחרים. יש קוד ששייך לך ורץ על אחסון פשוט.
אתר בקוד לא אומר שאי אפשר לערוך. כשצריך לעדכן תפריט מחירים או פוסטים מחברים לאתר מערכת ניהול תוכן מנותקת (headless CMS) ומגדירים בדיוק אילו חלקים ניתנים לעריכה. ההבדל הוא שמראש מחליטים מה משתנה ומה קבוע במקום שכל פינה באתר תהיה פתוחה. זו בעצם השאלה של אתר בקוד מול תבנית. מי מחליט מה אפשר לגעת בו.
השוואה בין וורדפרס לאתר בקוד
בכל אחת מהנקודות שבטבלה יש לצד אחד יתרון ברור ולצד השני מחיר. אין פה מנצח כולל. יש התאמה לעסק. אנחנו בונים בשתי הדרכים ובעמוד בניית אתרים שלנו מפורט מה כולל כל מסלול.
שתי נקודות שכדאי לדייק בהן. המהירות של אתר וורדפרס לא נגזרת מוורדפרס עצמו אלא ממה שמלבישים עליו. תבנית כבדה בונה עמודים והרבה תוספים יאטו כל אתר. ואתר קוד לא חסין. תמונות במשקל של כמה מגה יאטו גם אותו. ההבדל הוא שבקוד ברירת המחדל מהירה ובוורדפרס צריך לעבוד כדי להגיע לשם.
בעלות התמונה הפוכה. הקמת אתר קוד עולה בדרך כלל יותר כי כותבים אותו במיוחד. בשנים שאחרי מצטברים בוורדפרס רישיונות של תבנית ותוספים ושעות של עדכונים ואילו אתר קוד יושב על אחסון זול וכמעט בלי טיפול שוטף. על המספרים עצמם ועל מה כלול בכל רמה כתבנו בכמה עולה אתר לעסק באילת.
| וורדפרס | אתר בקוד | |
|---|---|---|
| מהירות | תלויה בתבנית בתוספים ובאחסון. אתר רזה יכול להיות מהיר. אתר עם בונה עמודים והרבה תוספים כבד | מהיר כברירת מחדל כי העמודים מוכנים מראש ונטען רק מה שיש בעמוד. תמונות כבדות יאטו גם אותו |
| אבטחה | המערכת הנפוצה בעולם ולכן היעד הנפוץ ביותר לניסיונות פריצה. רוב הבעיות שראינו הגיעו מתוספים לא מעודכנים | שטח תקיפה קטן. אין ממשק התחברות ציבורי ואין תוספים של צד שלישי |
| תחזוקה | עדכוני ליבה תבנית ותוספים כל כמה שבועות ומישהו שבודק שכלום לא נשבר | כמעט בלי תחזוקה שוטפת. עדכון גרסאות פעם בתקופה בידי מי שבנה |
| עריכה עצמית | היתרון הגדול. טקסט תמונות עמודים ופוסטים לבד מהממשק | רק מה שהוגדר מראש כניתן לעריכה דרך מערכת תוכן מחוברת. השאר דרך מפתח |
| עלות | הקמה זולה יותר. לאורך השנים מצטברים רישיונות אחסון ושעות תחזוקה | הקמה יקרה יותר. אחסון זול ובלי רישיונות. שינוי גדול דורש מפתח |
| מתי זה מתאים | אתר תדמית בלוג ואתר תוכן שבעל העסק מעדכן בעצמו | אתר שהוא כלי עבודה. הזמנות תשלום שפות ומהירות במובייל |
מה באמת קובע את המהירות אצל תייר על 4G בחוף
המהירות שהתייר מרגיש נקבעת בעיקר על ידי ארבעה דברים. משקל התמונות. הפונטים. כמות הקוד שנטענת לפני שרואים משהו על המסך. והמרחק מהשרת. וורדפרס או קוד זו רק השאלה מי שולט בארבעת הדברים האלה.
גוגל מודדת את החוויה הזאת דרך מדדי חוויית הגלישה (Core Web Vitals). המדד המרכזי הוא זמן הטעינה של האלמנט הגדול בעמוד (Largest Contentful Paint) ולפי ההגדרה של גוגל הוא צריך להישאר מתחת ל 2.5 שניות במובייל. יש גם מדד לקפיצות בעמוד בזמן הטעינה (Cumulative Layout Shift). גוגל אומרת שהמדדים האלה נלקחים בחשבון בדירוג אבל לא במקום תוכן שעונה על החיפוש.
תמונות של ים כחול הן הבעיה הכי נפוצה שאנחנו רואים באתרים באילת. תמונה שיוצאת מהמצלמה במשקל של כמה מגה נדחפת לעמוד הבית בלי כיווץ. באתר קוד התמונות עוברות המרה אוטומטית לפורמט קל כמו WebP ונטענות בגודל שמתאים למסך שממנו נכנסים. בוורדפרס אפשר להגיע לאותה תוצאה עם תוסף וכיווץ מראש. צריך רק שמישהו יעשה את זה.
הדבר הרביעי הוא הדרך שהעמוד עובר. בונה עמודים כמו אלמנטור (Elementor) מוסיף שכבה של סגנונות וסקריפטים משלו מעל התבנית. בגרסאות החדשות זה השתפר אבל השכבה עדיין קיימת וכל תוסף נוסף מוסיף עוד קבצים. אתר קוד טוען רק מה שיש בעמוד. וגם המרחק חשוב. שרת באירופה או בארצות הברית מוסיף זמן לכל בקשה. אחסון קרוב או רשת הפצה (CDN) עם נקודה בישראל מקצרים את הדרך. מדידה הוגנת עושים על שני אתרים באותם תנאים ומאותו מכשיר. אפשר להריץ אותה לבד ב PageSpeed Insights של גוגל על האתר שלך ועל אתר של מתחרה.
פונטים בעברית ו RTL
פונט עברי שנטען מהרשת הוא אחד המעכבים הראשונים של אתר בעברית ואף מדריך באנגלית לא ידבר עליו. Heebo. Assistant. Rubik. כולם פונטים טובים שנטענים בדרך כלל מהשרתים של גוגל. הדפדפן מבקש את הפונט ועד שהוא מגיע הוא או מסתיר את הטקסט או מציג פונט זמני ומחליף. שני המצבים גרועים. הסתרה דוחה את רגע הטעינה של הכותרת שהיא בדרך כלל האלמנט הגדול בעמוד. החלפה מזיזה את כל העמוד ומקפיצה את מדד היציבות.
הפתרון זהה בשתי הטכנולוגיות. מארחים את קובץ הפונט באתר עצמו ולא מושכים אותו מגוגל. טוענים רק את המשקלים שבאמת בשימוש. חותכים את הקובץ לתווים העבריים והלטיניים בלבד. ומגדירים פונט חלופי עם רוחב דומה כדי שההחלפה לא תזיז כלום. ב Next.js זה מובנה. בוורדפרס זה אפשרי אבל דורש עבודה ידנית או תוסף ובדיקה שהתבנית לא ממשיכה לטעון את הפונט גם מגוגל.
עברית מימין לשמאל (RTL) היא הסיפור השני. רוב התבניות והתוספים נכתבים לאנגלית ואז מקבלים תיקוני כיוון מעל. התוצאה היא עוד קבצי סגנון. אייקונים שמצביעים לכיוון הלא נכון. שורות של מספרים ואנגלית שנשברות בתוך משפט עברי. אתר שנבנה בקוד מהיום הראשון לעברית פשוט לא סובל מזה. בוורדפרס בוחרים תבנית עם תמיכה אמיתית ב RTL ובודקים כל רכיב אחרי כל עדכון.
מתי וורדפרס נכון
וורדפרס נכון כשהתוכן משתנה הרבה ומי שמשנה אותו הוא אתה. מסעדה שמעדכנת תפריט כל עונה. מטפלת עם בלוג שכותבת פוסט בשבוע. משרד עם עשרים עמודי שירות שרוצה להוסיף עוד אחד בלי לחכות לאף אחד. בכל המקרים האלה היכולת לפתוח ממשק ולשנות שווה יותר מכל שיפור במהירות.
יש עוד יתרונות שקשה להתווכח איתם. תקציב הקמה נמוך יותר. חופש לעבור בין ספקים כי כמעט כל מי שבונה אתרים מכיר את המערכת. ומאגר תוספים ענק לכמעט כל צורך. טפסים. יומן תורים. תרגום. חנות קטנה עם ווקומרס (WooCommerce). כשהצורך סטנדרטי הפתרון הסטנדרטי הוא הזול והמהיר להקמה.
וורדפרס יכול גם להיות מהיר. תבנית רזה. מעט תוספים. אחסון טוב. שכבת זיכרון מטמון (cache). ומישהו שעובר על העדכונים פעם בחודש. בנינו ככה אתרים ואנחנו מתחזקים אתרי וורדפרס עד היום. התנאי היחיד הוא שיהיה מי שמתחזק. אתר וורדפרס בלי בעלים הוא הבעיה. לא וורדפרס.
מתי קוד נכון
קוד נכון כשהאתר צריך לעשות משהו שתבנית לא נועדה לעשות או כשמהירות ואמינות הן חלק מהמוצר עצמו. הדוגמה הכי ברורה מהעבודה שלנו היא חוף ספורט ימי באילת שאנחנו עובדים איתו. שם האתר הוא לא כרטיס ביקור. הוא מקבל הזמנות מהנייד של תייר שעומד על החול. הדלפק והאונליין עובדים על אותם מקומות פנויים. ביטול בגלל רוח צריך לזוז בכל המערכת בבת אחת. את זה לא בונים מתוספים.
אותו היגיון עובד לפארק שמנהל כניסות. לוילות נופש שצריכות מערכת להזמנות ולניקיון. למסעדה שרוצה שהתפריט והזמנת השולחן יעבדו בעברית באנגלית וברוסית בלי שתבנית תישבר. ולכל עסק שמחבר את האתר לסליקה לוואטסאפ ולפרופיל העסק בגוגל. כשיש חיבורים בין מערכות עדיף שהקוד יהיה שלך. דוגמאות למערכות כאלה שבנינו יש בתיק העבודות שלנו.
ויש את שיקול העונה. באוגוסט קשה למצוא באילת מישהו פנוי לטפל בתוסף שהפסיק לעבוד. אתר קוד שנבנה טוב פשוט יושב בשקט. אין מה לעדכן כל שבועיים. אין מסך התחברות שמישהו מנסה לנחש. זה גם החלק שאנחנו מסבירים בעמוד על פיתוח אפליקציות ומערכות.
מה עושים אם נשארים בוורדפרס
אם החלטת להישאר בוורדפרס יש רשימה קצרה שמפרידה בין אתר שעובד לאתר שנפרץ באמצע העונה. אף סעיף פה לא דורש מפתח. הוא דורש שמישהו יהיה אחראי.
- עדכונים: ליבה תבנית ותוספים פעם בחודש לפחות ובדיקה מהירה של העמודים המרכזיים אחרי כל עדכון
- גיבוי: גיבוי אוטומטי יומי למקום שהוא לא אותו שרת ובדיקה פעם בתקופה שאפשר באמת לשחזר ממנו
- תוספים: מוחקים כל תוסף שלא בשימוש. תוסף מושבת הוא עדיין קוד שיושב על השרת
- כניסה: אימות דו שלבי לממשק הניהול ושינוי כתובת הכניסה מברירת המחדל
- מהירות: כיווץ תמונות לפני העלאה שכבת מטמון ופונט מקומי כמו שתיארנו למעלה
- ניטור: התראה אוטומטית כשהאתר נופל כדי שלא תגלה את זה מלקוח
איך עוברים מוורדפרס לקוד בלי לאבד קידום
המעבר לא פוגע בקידום אם כל כתובת ישנה ממשיכה להוביל למקום הנכון. גוגל מדרגת עמודים ולא טכנולוגיות. מה שחשוב לה הוא שהכתובת שהיא מכירה תחזיר את אותו תוכן או תפנה בהפניה קבועה מסוג 301 לכתובת החדשה. כל השאר הוא סדר עבודה.
אם האתר החדש מהיר יותר ובנוי נכון לעברית הרווח בקידום מגיע אחרי המעבר ולא נפגע ממנו. מה שכן קורה לפעמים זה תנודות קטנות בשבועות הראשונים בזמן שגוגל סורקת מחדש. זה נורמלי כשההפניות במקום. איך ממשיכים משם לקידום מקומי כתבנו במדריך קידום עסק באילת.
- ממפים את כל הכתובות הקיימות מתוך מפת האתר ומתוך Search Console כולל תמונות ועמודים ישנים ששכחת מהם
- שומרים על אותן כתובות באתר החדש. איפה שאי אפשר מכינים טבלת הפניות קבועות מכל כתובת ישנה לחדשה
- מעבירים כותרות תיאורים וכותרות H1 כמו שהן. משפרים תוכן רק אחרי שהמעבר התייצב
- שומרים על טקסט חלופי לתמונות ועל סכמת העסק המקומי (LocalBusiness) באתר החדש
- מגישים מפת אתר חדשה ב Search Console ועוקבים כמה שבועות אחרי שגיאות 404 ואחרי דוח הכיסוי
- מעדכנים את הקישור בפרופיל העסק בגוגל ובכל מדריך מקומי אם הדומיין השתנה
- לא עולים לאוויר בשבוע של פסח או באוגוסט. בוחרים תקופה חלשה כדי שאם משהו זז זה יזוז על מעט תנועה
מקורות ואימות
כל נתון במאמר נבדק מול שני מקורות בלתי תלויים לפני הפרסום. המספרים מובאים כפי שפורסמו במקור והתאריך שלהם מצוין לידם. מה שלא הצלחנו לאמת פעמיים לא נכתב כאן כעובדה.
- WordPress.org. תיעוד רשמי ועדכוני אבטחה
- Next.js. תיעוד רשמי
- גוגל. web.dev ומדדי Core Web Vitals
זה בדיוק מה שאנחנו עושים בבניית אתרים. אם רוצים שנעבור על זה יחד על העסק שלכם אפשר לכתוב לנו.
שאלות נפוצות
בהקמה בדרך כלל כן כי כותבים אותו במיוחד. לאורך שנים התמונה מתאזנת. אין רישיונות תוספים אין שעות עדכונים והאחסון זול. עסק שמתכנן להחזיק את האתר כמה שנים צריך להשוות עלות כוללת ולא רק את המחיר של היום הראשון.
כן אם מגדירים את זה מראש. מחברים מערכת ניהול תוכן לחלקים שמשתנים כמו תפריט מחירים או פוסטים ואת השאר משאירים קבוע. מה שלא הוגדר לעריכה עובר דרך מי שבנה. לכן שווה להחליט בתחילת הפרויקט מה אתה באמת רוצה לגעת בו.
אם כל כתובת ישנה נשמרת או מופנית בהפניה קבועה לכתובת החדשה הקידום עובר איתך. תנודות קטנות בשבועות הראשונים הן נורמליות. אתר מהיר יותר ובנוי נכון לעברית בדרך כלל משתפר אחרי שהאבק שוקע.
לא. וורדפרס מוזנח מסוכן. אתר עם ליבה ותוספים מעודכנים גיבוי חיצוני ואימות דו שלבי בכניסה הוא אתר בסדר. הסיכון מגיע כשאף אחד לא נכנס לממשק חודשים ותוסף ישן נשאר פתוח.
וויקס (Wix) הוא פתרון סביר לעסק שרוצה לעלות לאוויר לבד ומהר. המחיר הוא פחות שליטה על מהירות על האחסון ועל התנהגות העברית. ואי אפשר לקחת את האתר ולעבור איתו לספק אחר. אם האתר הוא כרטיס ביקור זה בסדר. אם הוא כלי עבודה תרגיש את הגבול.
אלמנטור (Elementor) הוא בונה עמודים לוורדפרס שמאפשר לעצב בגרירה. הנוחות הזאת באה עם שכבה נוספת של קוד וסגנונות מעל התבנית. בגרסאות האחרונות זה השתפר ואתר אלמנטור מסודר יכול לעבוד סביר. הבעיה מתחילה כשמוסיפים עליו עוד תוספי עיצוב ותמונות כבדות.
רוצה שנבדוק את זה על העסק שלך?
אפשר פשוט לכתוב לנו בוואטסאפ. השיחה הראשונה בלי התחייבות. 050-294-0127
כתוב לנו בוואטסאפ