כאן תמצאו טיפים עשירים שממוקדים לבוני אתרים. מתוך הניסיון שצברתי כבונה אתרים. ואני משתף אתכם בידע מקצועי ועשיר שתוכלו ליישם באתרים שלכם
אתר וורדפרס טיפוסי צריך שישה עד עשרה תוספים: קאשינג, SEO, אבטחה, גיבוי, טפסים עם הגנת ספאם, נגישות ואופטימיזציית תמונות. מספר התוספים לא קובע את מהירות האתר, אלא מה כל תוסף טוען בכל עמוד. תוסף כבד אחד שמוסיף CSS ו-JavaScript לכל עמוד מאט יותר מעשרה תוספים קלים שרצים רק איפה שהם נחוצים.
חיבור קלוד לוורדפרס מתבצע דרך MCP (Model Context Protocol), תקן פתוח שפיתחה Anthropic. באתר עצמאי צריך וורדפרס 6.9 ומעלה (שבה נוסף ה-Abilities API), תוסף MCP Adapter, משתמש ייעודי עם Application Password וחיבור HTTPS. כך קלוד יכול לקרוא ולבצע פעולות אמיתיות באתר. מומלץ לחשוף רק את היכולות הנדרשות ולשמור על בקרה אנושית על כל שינוי.
המעבר מ-PX ל-REM גורם לטקסט באתר להתאים את עצמו לגודל הגופן שהמשתמש הגדיר בדפדפן, מקל על שינויי עיצוב ושומר על עקביות. הוא לא משפר דירוג באופן ישיר. המאמר מסביר את החישוב, את הטריק של 62.5% וחסרונותיו, ומתי PX עדיין נכון.
כדי להיות מפתח אתרים עצמאי לומדים קודם HTML ו-CSS, וורדפרס ואלמנטור, אחסון ודומיינים, ואחר כך SEO טכני, UX ו-PHP בסיסי. בונים שלושה פרויקטי תיק ברמה של פרויקט אמיתי, מקימים אתר אישי, מגיעים ללקוחות ראשונים דרך הסביבה וקבוצות של בעלי עסקים, ועובדים תמיד עם חוזה. מי שמשקיע באופן קבוע יכול להגיע לזרם פניות קבוע תוך שנה בערך.
כדי להביא לקוחות חדשים כבונה אתרים עצמאי, משלבים דרכים מהירות כמו קבוצות פייסבוק ווואטסאפ, שיתופי פעולה, המלצות ופרסום בתקציב קטן, עם דרכים שעובדות לאורך זמן: אתר אישי שמוכר, בלוג מקצועי, תוכן ברשתות, סרטונים, פרופיל עסק בגוגל ומוניטין. מתחילים מאתר אישי, קבוצות והמלצות, ומוסיפים בלוג וקידום כשמתקדמים.
הדר באתר הוא האזור העליון שמופיע בכל עמוד. בכל אתר הוא צריך לכלול לוגו עם קישור לעמוד הבית, תפריט ממוקד של חמישה עד שבעה פריטים וכפתור הנעה לפעולה אחד בולט. באתר תדמית מוסיפים טלפון או וואטסאפ לחיץ, ובחנות אונליין מוסיפים סל קניות, חשבון אישי וחיפוש.
כדי לבחור תבנית וורדפרס בודקים ארבעה דברים: משקל וקוד נקי (בדיקה בהתקנה נקייה ב-PageSpeed), התאמה לבונה העמודים, מבנה כותרות תקין לקידום, ועדכונים שוטפים. לאתרי תדמית ותוכן עם אלמנטור Hello היא הבחירה הקלה ביותר, Astra מתאימה למי שרוצה בסיס עיצובי רחב, ו-WoodMart לחנויות WooCommerce גדולות. תבנית בתשלום לא בהכרח מהירה יותר, וחשוב להוריד תבניות רק ממקור רשמי.
כדי להוסיף פונט מותאם אישית באלמנטור פרו נכנסים לאלמנטור, גופנים מותאמים, יוצרים גופן חדש, מעלים קובץ WOFF2 לכל משקל ומפרסמים. מומלץ להשתמש בשני פונטים לכל היותר, להעלות רק את המשקלים שבשימוש, להגדיר את הפונט פעם אחת בהגדרות הגלובליות, ולטעון גם פונטים של גוגל מהשרת המקומי. טעינה מקומית מהירה יותר ולא שולחת את כתובות ה-IP של הגולשים לגוגל.
אפיון אתרים הוא שלב התכנון שלפני עיצוב ופיתוח, שבו מגדירים קהל יעד, מטרת האתר, מבנה העמודים, התוכן בכל עמוד וביטויי החיפוש שכל עמוד עונה עליהם. אפיון נכון חוסך כסף וסבבי תיקונים, מונע תשלום על סוג אתר שלא מתאים, ובונה את התשתית לקידום בגוגל. התוצר הוא מסמך מוסכם ומפת אתר, ורק אחריהם עוברים לעיצוב.