מאמרי בניית אתרים

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

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

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

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

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

חיבור קלוד לוורדפרס מתבצע דרך MCP (Model Context Protocol), תקן פתוח שפיתחה Anthropic. באתר עצמאי צריך וורדפרס 6.9 ומעלה (שבה נוסף ה-Abilities API), תוסף MCP Adapter, משתמש ייעודי עם Application Password וחיבור HTTPS. כך קלוד יכול לקרוא ולבצע פעולות אמיתיות באתר. מומלץ לחשוף רק את היכולות הנדרשות ולשמור על בקרה אנושית על כל שינוי.

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

AI Crawlers הם בוטים של חברות AI שקוראים תוכן מאתרים לאימון, לחיפוש או בזמן אמת עבור משתמש. המדריך מסביר מה לחסום ומה לאפשר לפי סוג העסק, כולל שלושה קובצי robots.txt מוכנים, ומה באמת ידוע על llms.txt.

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

סוגי סכמה הם סוגי קוד של נתונים מובנים לפי Schema.org, שמתארים לגוגל מה בעמוד: Organization ו-Person לזהות, Article למאמרים, Product למוצרים, LocalBusiness לעסק מקומי, FAQPage לשאלות ועוד. הפורמט המומלץ הוא JSON-LD. סכמה לא מעלה דירוג בעצמה, ותוצאות HowTo ותיבת החיפוש בתוצאות כבר לא מוצגות.

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

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

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

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

תמונות בפורמט הדור הבא הן תמונות ב-WebP או AVIF, שקטנות מ-JPEG ו-PNG ברבע עד במחצית באותה איכות נראית. WebP נתמך בכל הדפדפנים המודרניים והוא ברירת מחדל טובה. בוורדפרס ממירים עם תוסף כמו Imagify או ShortPixel, עם גיבוי לדפדפנים ישנים.

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

בונה אתרים מתחיל בישראל גובה בדרך כלל בין 500 ל-3,000 ש"ח לאתר, בונה אתרים מנוסה גובה בין 2,500 ל-12,000 ש"ח, ומי שהפך למותג בתחום מגיע ל-18,000 ש"ח ויותר לחנות אונליין. ההכנסה החודשית תלויה במספר הפרויקטים, במחיר לפרויקט ובהכנסה חוזרת מתחזוקה, אחסון וקידום, פחות הוצאות על רישיונות, אחסון ומסים.

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

SearchGPT היה אב הטיפוס של OpenAI לחיפוש מבוסס AI, והיום הוא משולב ב-ChatGPT כ-ChatGPT Search. יחד עם AI Overviews של גוגל, מנועים אלה מנסחים תשובה ומצטטים מקורות. כדי להגדיל את הסיכוי להיות מצוטטים: לא לחסום את הסורקים (כמו OAI-SearchBot), לכתוב תשובות ישירות בראש כל סעיף, לשלב ניסיון אמיתי, להטמיע נתונים מובנים שתואמים לתוכן, ולבנות אתר מהיר עם מבנה ברור. לפי גוגל, אין צורך באופטימיזציה מיוחדת מעבר לקידום אורגני טוב.

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

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

תוספי החובה לוורדפרס שאני מתקין: Elementor Pro, Yoast SEO ו-WP Rocket בכל אתר, WooCommerce בחנויות ו-JetEngine באתרים עם מידע מורכב. כל תוסף נוסף הוא עוד קוד, עוד עדכון ועוד סיכון אבטחה, כי כ-96% מהפרצות בוורדפרס נמצאות בתוספים.

Core Web Vitals הם שלושה מדדים של גוגל לחוויית משתמש: LCP עד 2.5 שניות, INP עד 200 מילישניות ו-CLS עד 0.1, נמדדים על גולשים אמיתיים. בוורדפרס מגיעים לירוק עם אחסון טוב, תמונות קלות בלי Lazy Load לתמונת הפתיחה, פונטים מקומיים, מעט תוספים וקאש שמשהה JavaScript.

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

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

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

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

הנעה לפעולה (CTA) היא אלמנט באתר שמבקש מהגולש לבצע צעד אחד מוגדר: להשאיר פרטים, להתקשר או לקנות. CTA טוב מתחיל מהתועלת לגולש, ממוקם בראש, באמצע ובסוף העמוד, בולט בצבע ונבדק במדידה. שינוי טקסט מ"שלח" ל"קבל ייעוץ חינם עכשיו" העלה אצל לקוח את ההמרה מ-2.3% ל-6.1%.

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

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

כדי לבחור תבנית וורדפרס בודקים ארבעה דברים: משקל וקוד נקי (בדיקה בהתקנה נקייה ב-PageSpeed), התאמה לבונה העמודים, מבנה כותרות תקין לקידום, ועדכונים שוטפים. לאתרי תדמית ותוכן עם אלמנטור Hello היא הבחירה הקלה ביותר, Astra מתאימה למי שרוצה בסיס עיצובי רחב, ו-WoodMart לחנויות WooCommerce גדולות. תבנית בתשלום לא בהכרח מהירה יותר, וחשוב להוריד תבניות רק ממקור רשמי.

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

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

מומחה וורדפרס הוא איש מקצוע שמכיר את WordPress לעומק ואחראי על האתר כמכלול: מבנה, קוד, מהירות, אבטחה, תשתית לקידום בגוגל ותחזוקה. בניגוד לבונה אתרים שמרכיב אתר מתבנית ותוספים, הוא יודע לאתר תקלות ולתקן אותן בשורש. כ-96% מפרצות האבטחה בוורדפרס מגיעות מתוספים, ולכן מומחה טוב מתקין כמה שפחות מהם. כדאי לפנות למומחה כשהאתר איטי, לא מתקדם בגוגל, נפרץ או מהווה מקור הכנסה מרכזי.

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