בניית אתרים בקוד תקני – כל הסיבות להתעקש על זה

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

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

שפת התכנות שמדברת עם הדפדפן נקראת HTML (HyperText Markup Language) והיא מורכבת מתגיות רבות, אשר מגדירות את מבנה הדף ואת אופן התצוגה שלו, כאשר לכל תגית יש יעוד משלה. למשל, תגית <p> בתחילתו ובסופו של תוכן, מסמלת לדפדפן שכאן מתחילה פיסקה טקסטואלית אשר יכולה גם להכיל תמונות ואלמנטים נוספים.

מה זה קוד תקני ולמה זה טוב

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

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

1. קידום אתרים – קוד תקני הינו ידידותי למנועי החיפוש ומעלה משמעותית את מיקום האתר בתוצאות החיפוש. למנוע החיפוש קל יותר לאנדקס את האתר כאשר הוא בנוי באמצעות קוד תקני וללא שגיאות קוד, ככה שבנייה בקוד תקני היא הבסיס לתהליכי קידום אתרים ואופטימיזציה.
2. תאימות דפדפנים – קוד תקני מבטיח את תאימות האתר לסביבות גלישה שונות, מאפשר לגלוש בו מכל מחשב, מערכת הפעלה ודפדפן ומונע תקלות ברמת עיצוב ובניית אתרים באינטרנט.
   
   נכון לחודש פברואר 2008 התפלגות השימוש בדפדפנים היא:
   Firefox - 36.5%
   IE6 - 30.7%
   IE7 - 22.0%
   Safari - 2.0%
   IE5 - 1.7%
   Opera - 1.4%
   Mozila - 1.1%
   (הנתונים נלקחו מאתר w3schools)
   
   הנתונים הנ"ל, מראים שאחוז המשתמשים בדפדפנים התומכים בתקנים של W3C עומד על 41% והיתר (דפדפנים מסוג IE) עומד על 54.4%. האחוזים הנותרים משתמשים בדפדפנים זניחים מבחינת השכיחות שלהם. המשמעות העיקרית של נתונים אלה היא ש-41% מהגולשים באינטרנט רואים חלק גדול מהאתרים (אתרים שלא נכתבו עם קוד תקני) באופן משובש, לעיתים גם לא מצליחים לגלוש בכל עמודי האתר וספק אם יחזרו לגלוש בהם שוב. קוד תקני היה פותר את זה מראש.
3. תחזוקת אתרים – שגיאות קוד לאו דווקא באות לידי ביטוי באופן ויזואלי, אנחנו עשויים להיתקל בהן כאשר אנו מעוניינים לבצע שדרוג אתר, עדכון אתר, או לתת תמיכה לאתר. בסך הכל רצינו להוסיף כמה אלמנטים ועכשיו מסתבר שצריך להוסיף טבלאות על גבי טבלאות ולאחד תאים ועוד כל מיני מרעין בישין שגוזלים מאיתנו לא מעט משאבים ובמקרים קיצוניים אפילו מצריכים בנייה מחדש של כל האתר. קוד תקני מפשט את תחזוקת האתר הן ברמה העיצובית והן ברמה התכנותית, מקל על ביצוע שינויים ושדרוגים בעיצוב ובמבנה האתר וככה גם חוסך בעלויות וגם מקצר לוחות זמנים.

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