יום חמישי, 10 בדצמבר 2009

קידום מושכל בתגיות H1..H6 - כיצד לעצב ואיך להשתמש

כיום, כשבונים אתר, ידוע לכל שיש לבצע שימוש בתגיות ה-H1..H6.
שימוש בתגיות אלה מאפשר למנועי החיפוש לאתר באופן מדוייק יותר את מילות המפתח החשובות ביותר באתר וכך גם לדרג בהתאם, על אף שגוגל מודה בחשיבות התגיות, יש להשתמש בהם באופן מושכל על מנת לא לגרום נזק.

כיצד זה מבוצע ?
ראשית, חשוב לציין כי את מנועי החיפוש מעניין שהתגיות קיימות, אך ממש לא מעניין אותו איך אם נראות, ונסביר:
תגית H1 היא התגית המסמלת את המילה / ביטוי המפתח החשוב ביותר בעמוד. לצורך העניין, אם בחרנו בלקדם את הביטוי 'קידום אתרים בגוגל', יהיה זה הוא שיופיע תחת התגית H1. כברירת מחדל, התגית מגיעה עם הגדרות Style מאוד נוקשות שרבים נבהלים ברגע שרואים את התוצאה. מדובר בפונט בולד, אשר יורד שורה באופן אוטומאטי, עם Padding ו-Margin גדולים מאוד, ונוסף על זה וחשוב מכולם, גודל הפונט נע באזור ה-25 פיקסלים ואפילו יותר.
עכשיו, לכשסיימנו להפחיד, חשוב לדעת שאין דבר פשוט מלשנות זאת לכל דבר אחר שנבחר בעזרת פקודות CSS בסיסיות.
בקובץ ה-Style יש להוסיף את הקוד הבא:

ובצורה זו, כלל לא ניתן יהיה להבחין שהפונט נמצא תחת התגית המדוברת, והוא יכול להתנהג כטקסט רגיל לחלוטין.
כנ"ל לגבי תגיות h2..h6. שימו לב שהגדרה בצורה זו של התגית מתייחסת באופן גורף לכל התגיות h1 באתר,
אם מדובר במקרה חד פעמי, פשוט להשתמש ב-Classים להגדרות מסוג זה.

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

כיצד לדעת האם זה עובד ?
כפי שכבר הסברנו בעבר, כשמבצעים שינוי באתר, לוקח לגוגל זמן סריקה (ממוצע של שבועיים לערך) לעדכן את האתר במסד הנתונים שלו עם השינויים שבוצעו. על מנת לדעת אם השינוי 'נתפס', פשוט יש לבצע בדיקת Cached של העמוד יש לבצע חיפוש בגוגל וללחוץ על קישור ה-Cached מתחת לתוצאה ולאחר מכן, Text version only וכך לקבל גרסה טקסטואלית של העמוד. מכיוון שגוגל לא קורא את ה-CSSים, ניתן יהיה לראות בפשטות האם מופיע טקסט גדול וחריג.

לסיכום,
חובה! להשתמש בתגיות ה-H1..H3 כאשר מומלץ גם לשלב מעבר לכך.

בהצלחה!