דף הבית -> דף פירוט מדריכים
-> ארגון האתר שלך
 

ארגון האתר שלך

  שמות    קישורים

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

שמות
האם כדאי שכל קבצי ה-HTML ילכו לתיקייה אחת וכל התמונות לאחרת? אם יש לך אתר קטן
ורק מעט מאוד מכל דבר, זאת יכולה להיות דרך פשוטה למימוש. אבל ככל שהאתר שלך גדל, כך
יגדל גם מספר הקבצים, וחלוקתם לקטגוריות משנה תקל על האיתור והשינוי שלהם. חשוב על
אלטרנטיבות הגיוניות לקביעת המבנה הספציפי שלך. מה עם חלוקת הקבצים לפי מודל, כך שלכל
מוצר תהיה תיקייה משלו? או שאתה יכול לארגן הכל לפי תאריך, אם אתה מוסיף תוכן חדש כל
הזמן.
אין דרך נכונה או שגויה לארגן את החומר. הכל תלוי בך. אבל אם אתה אחראי על עדכון ותחזוקת
האתר, תרצה שהמבנה יהיה הגיוני לך. פושט תחשוב על סוג התוכן איתו תתמודד ותמפה את שלד
המבנה בהתאם.
אתה צריך גם לתת תשומת לב לשמות הקבצים והספריות שלך (ספריה היא רק מילה אחרת
לתיקייה - בבסיס, זה בעצם מיכל לקבצים). כשאתה בונה אתר לראשונה, סביר להניח שאתה לא
חושב על הענין הזה - אתה פשוט נותן שם שאומר לך משהו כך שלא תצטרך בעתיד לשבת ולהזכר
מה יש בכל קובץ או תיקייה. אבל האנשים שמבקרים באתר שלך יכולים להתבלבל מהכינויים
והקיצורים שלך.
"אבל רגע", אולי תגיד, "אנחנו בסך הכל מדברים על שמות קבצים. הגולשים אף פעם לא יראו את
זה, חוץ מאשר ב-URL (שורת הכתובת המדויקת של כל קובץ באתר), ומי מתייחס לזבל הזה
ממילא?" אבל הגולשים כן מסתכלים לפעמים על ה-URL, ויש כאלו שמשתמשים בו לניווט.
מישהו יכול לעשות חיפוש ולהגיע לעמוד עמוק בתוך האתר שלך, ואז הוא או היא יכולים לחזור
לרמת הבסיס - לעמוד הבית- על ידי מחיקת כל התוספות מה-URL. לדוגמא, גולש יכול לחתוך
שורה כמו: http://www.stapler-co.com/guns/themonster.html ל:
/http://www.stapler-co.com/guns, בתקווה לראות רשימה שלמה של רובים מתוצרת סטפלר.
אם ה-URL לא אינטואיטיבי או שאינו צפוי לגולשים אחרים, זה בעצם עוד מחסום בין הגולשים
לבין התוכן שהם רוצים - וצריך להמנע ממחסומים כאלה מתי שרק אפשר.
עדיף גם לבחור שמות קצרים וקלים לזכירה, שמתבטאים ב-URL שקל לבטא, מאשר שמות
שמובילים לURL שצריך לרשום אותם על שניים שלושה פיסות נייר. זכור לשים לב גם לגודל
האות האנגלית. תלוי בסוג השרת עליו האתר שלך, אות קטנה יכולה להיות יצור שונה לגמרי מאות
גדולה.
בכדי לשמור על הכל עקבי ופשוט, השתמש באותיות קטנות לכל שמות הקבצים והתיקיות. שרתים
נוטים להתבלבל משמות קובץ מוזרים, אז תהיה נחמד אליהם. אל תשתמש ברווח או בתווים
מיוחדים (כמו |, *, &, % וכולי). השתמש רק בנקודות לפני הרחבה (כמו HTML. או GIF.), ואל
תכלול יותר מהרחבה אחת בשם הקובץ שלך:
תקין: deluxe_model_stapler.gif
לא תקין: deluxe.model.stapler.map.gif


ראש העמוד עמוד ההפניות תחילת הפיסקה




קישורים
כדאי גם שתדע על קישורים מוחלטים וקישורים יחסיים. כשאתה מקשר מהאתר שלך לאתר אחר,
תמיד תשתמש ב-URL אבסולוטי, מה שאומר, להשתמש בכל הכתובת:
/http://www.hotwired.com/webmonkey. הדרך הזאת אומרת לדפדפן לעזוב את השרת עליו
הוא נמצא עכשיו ולעבור לשרת של hotwired.com בכדי לחפש בהפניות של webmonkey. אבל
כשאתה מקשר לקובץ אחר באתר שלך, עדיף להשתמש בקישור יחסי.
"יחסי" אומר שאתה לא כולל את כל ה-URL: אתה רק מגדיר את הקובץ אליו אתה מקשר על ידי
המיקום הרלטיבי שלו לקובץ הנוכחי. כך שאם אתה עובד על links.html בתיקייה שנקראת
current, לדוגמא, ואתה רוצה לקשר לקובץ שנקרא news.html הנמצא באותה תיקייה, אתה
יכול להשתמש בקישור יחסי. כך שבמקום לרשום את:
<"a href="http://www.hotwired.com/webmonkey/current/news.html >
תשתמש ב: <"a href="news.html>
ישנם כמה יתרונות לשימוש בשיטה הזו, חוץ מלחסוך לך לא מעט הדפסה. קודם כל, זה מקל על
החיים של הדפדפן. כשאתה נותן לו את כל ה-URL, הוא חוזר לשורש עץ הקבצים של השרת
(בדוגמא למעלה זה יהיה השרת של hotwired.com) וצולל דרך כל התיקיות בכדי לאתר את
news.html. למרות שזה לא באמת לוקח כל כך הרבה זמן, העיכובים הקטנים האלה יכולים
להצטבר ובסוף לגרום לגולש לחכות ולדפדפן לבצע עבודה מיותרת.
חשוב יותר, URL יחסיים מאפשרים לך לקחת את כל האתר שלך ולהעביר אותו לשרת חדש וכל
הקישורים עדיין יעבדו. מכיוון שאתה לא מכליל את http://www.hotwired.com בקישור, זה
לא משנה אם פתאום היא השתנתה ל- http://www.hot_wired.com. בכך האתר שלך יותר
גמיש ואתה לא צריך להכנס לכל דף בנפרד ולשנות כל אחד מהקישורים אם השרת משתנה.
מה אם אתה משתמש בקישור יחסי, אבל הקובץ אליו אתה מקשר נמצא בתיקייה אחרת? כל מה
שאתה צריך לזכור זה פקודה אחת של Unix שנראית כך:
/..
הפקודה הזו אומרת לדפדפן לצאת מהתיקייה בה הוא נמצא וללכת לתיקיית האם (כלומר,
לתיקייה בה נמצאת התיקייה שכרגע אנו בתוכה). כך שנאמר שאתה שוב ב- linkes.html בתיקיית
current ואתה רוצה לקשר לarchive.html , שנמצאת בתיקייה שנקראת old, וגם old וגם
current נמצאות באותה תיקייה, אתה יכול להשתמש בקישור היחסי הבא:
<"a href="../old/archive.html>
הקישור הזה יוציא את הדפדפן מהתיקייה הנוכחית (current) לתוך old, שם הוא יאתר את
archive.html. אתה יכול לקבץ יחד כמה /.. שאתה רוצה בכדי להגיע לתיקייה הרצוייה.
ישנה עוד אופציה שכדאי לשקול. אם קישור מתחיל בקו נטוי (/), הדפדפן ילך מייד לתיקיית
הבסיס ויתחיל לחפש משם. לדוגמא, בכדי לקשר מ:
http://www.stapler-co.com/industrial/guns/plaster/silver/themonster.html
לעמוד הבית של החברה (http://www.stapler-co.com/index.html), אתה יכול להשתמש
בקישור הפשוט הזה:
<"a href="/index.html>
ככה, אין צורך להטריח אותו עם כל ה /.. האלו.
זה כל מה שאתה צריך לדעת בכדי לבנות שלד מבנה חכם לאתר שלך. חשיבה מראש על
הארכיטקטורה לא תבטיח לך ב-100% תנועה זורמת, אבל היא תעזור לך לבנות אתר שקל לתחזק
וקל לנווט - שני דברים חשובים עד מאוד.


ראש העמוד עמוד ההפניות תחילת הפיסקה