הקמת אתרים באמצעות HTML 5 וחשיבותו לקידום אורגני
HTML5, שהוצג ב-2004, מוטמע בהדרגה באתרים ואפליקציות אינטרנט רבות, בתהליך שימשך ואף יואץ בשנים הקרובות. מה הם היתרונות וההבטחות של HTML 5? כיצד בניית אתרים באמצעות HTML 5 תשפיע על קידום אתרים? מה עושה את זה שיפור לעומת השפה הנוכחית של HTML 4? על כך במאמר זה.
28/02/2011
Html 5 מציג מספר תכונות חדשות שיסייעו למנועי החיפוש לנתח את עמודי האינטרנט בצורה איטואיטיבית ויעילה יותר:
תגיות סמנטיות של חלקי האתר
בעבר, נעשה שימוש בתגי DIV לאורך העמוד כולו בכדי ליצור את מבנה העמוד, ולהגדיר את אזוריו השונים. ב HTML 5 מערך של תגים סמנטים יהיה זמין לתאר ניווט, קטעי טקסט, מאמרים וכותרות. החלוקה המשופרת הזו תסייע למנוע החיפוש להבין טוב יותר את הפריסה של דף.
תגיות סמנטיות הן תגיות שלאו דווקא משפיעות על אופן הצגת התוכן אלא משפיעות הרבה יותר על אפשרות להבנת התוכן וההקשר של התוכן על ידי מכונה. התגיות הסמנטיות מספקות גם מידע נוסף על מה שיש בתוכן. בניית אתרי אינטרנט בצורה סמנטית היא חשובה לא רק עבור מנועי חיפוש, אלא גם עבור שירותי אגרגציה שלעתים אנו מעוניינים להופיע בהם, ועבור נגישות.
לדוגמא כתובת שכיום מופיעה בתוך תג, תוכל להופיע בתוך תג דבר שיקל על מנועי החיפוש להבין שמדובר בכתובת.
התגיות החדשות מאפשרות לחלק את האתר לחלקים שונים לפי סוג התוכן הקיים בהם:
- header - משמשת עבור תיחום חלקו העליון של העמוד. מדובר בחלק המכיל בדרך כלל את הלוגו, סלוגן ועוד אלמנטים הקשורים לכותרת.
- footer - משמשת לתיחום חלקו התחתון של הדף שכולל בדרך כלל מידע משפטי וזכויות יוצרים, קישורים למפת אתר ולחלקים אחרים וכתובות
- aside - משמשת עבור התיחום של התפריט הצדדי של האתר שקיים ברוב האתרים. מדובר בתפריט הקבוע שמכיל גם אלמנטים של ניווט (שעבורם יש תגית נוספת) וגם באנרים ומידע קבוע.
- nav - משמשת ספציפית עבור חלקי הניווט באתר: תיבת החיפוש והתפריט. חלקי הניווט בדרך כלל מופיעים בכותרת האתר ובצדדים.
- article - תגית שמסמנת את התוכן העיקרי בעמוד – המיקום המרכזי של התוכן שיש בדף: בין אם זה מאמר, תמונה או כל אלמנט מידע אחר שמהווה את מרכז החשיבות של הדף.
- section - מידע עבור חלק גנרי של האתר שאינו נכנס לאחת מהקטגוריות שלעיל. כך למשל אם יש חלק שמשמש להצגת פרסומות, אך הוא אינו יושב ב-Header או ב-footer, אפשר בהחלט לתת לו section משלו.
שילוב וידאו בתוך העמודים
הטמעת סרטוני וידאו נעשית ב-html5 ישירות לתוך העמוד, כך שתוכן הוידאו הופך להיות ניתך לחיפוש ולאינדוקס.
שילוב API's ליצירת אפלקציות WEB עשירות
פיתוח אתר ב- HTML 5 מאפשר שילוב של API ליצירת אפליקציות עשירות ואתרים מורכבים עם תכונות כמו Drag&Drop, מיקום גאוגרפי, אחסון מידע לעבודה לא מקוונת, הגדרת תוכן הדף כניתן לעריכה וכו'. דבר זה ייתר את השימוש בפלאש, שאינו נגיש למנועי חיפוש.
