הנה משהו שכמעט אף אחד לא עושה נכון. כותרות H1 עד H6.
הרעיון הוא לא קסם. אלה תגיות HTML שמעידות על היררכיה. H1 הוא הכותרת הראשית של הדף, H2 הוא נושא, H3 הוא תת-נושא, וכן הלאה. כמו תוכן עניינים בספר.
הבעיה? אנשים משתמשים בהם בלי לחשוב, לרוב לעיצוב בלבד. "אני רוצה שהטקסט הזה יהיה גדול", אז הם עושים אותו H2. "זה צריך להיות עוד יותר גדול", H1. בלי קשר למבנה.
זה לא עובד.
למה זה חשוב
סיבה 1, גוגל קורא את המבנה
גוגל קורא את הדף בסדר היררכי. ה-H1 אומר לו "זה הנושא הראשי". ה-H2 אומרים "אלה הנושאים העיקריים". H3 הם תת-נושאים. אם המבנה שלכם בלגן, גוגל יבלגן באותה מידה.
סיבה 2, נגישות
קוראי מסך (screen readers) משתמשים בכותרות לניווט. עיוור שמשתמש באתר שלכם תלוי ב-H1-H6 כדי לדעת מה יש בדף ואיך לדלג בין סעיפים.
סיבה 3, חוויית קריאה
קורא רגיל לא קורא הכל. הוא סורק. הוא מסתכל על ה-H2 וה-H3, מחליט מה רלוונטי, ויורד שם. אם הכותרות שלכם לא ברורות, הוא יעזוב.
הכללים
כלל 1, רק H1 אחד בדף
זה לא חוק קשיח של HTML5, אבל זו פרקטיקה מומלצת. דף אחד, נושא ראשי אחד. אם יש לכם כמה H1, גוגל מתבלבל.
כלל 2, היררכיה מסודרת
אחרי H1, באים H2. אחרי H2, באים H3. אסור לדלג. אסור H1 ואז H4 ואז H2 וחזרה ל-H3. זה כאוס.
כלל 3, מילת מפתח ב-H1
ה-H1 הוא הסיגנל החזק ביותר על הנושא. תכניסו את מילת המפתח הראשית.
כלל 4, H2 מכסים את הנושא
אם הקורא יקרא רק את ה-H2 שלכם, הוא צריך להבין על מה המאמר. תכתבו H2 שמכסים את כל הנקודות העיקריות.
כלל 5, אל תשימו H1 לעיצוב
אם אתם רוצים טקסט גדול, השתמשו ב-CSS, לא ב-H1. ה-H1 הוא לסמנטיקה, לא לגודל פונט.
כלל 6, אורך כותרות סביר
H1 ב-50-70 תווים. H2 ב-30-60. אל תכתבו פסקה ככותרת.
הטעויות שכולם עושים
טעות 1, כמה H1
אני רואה את זה הכי הרבה. אנשים שמים H1 גם בשם המאמר וגם ב-banner העליון. שתיים. גוגל מתבלגן.
טעות 2, H2 בלי קשר ל-H1
H1 על קידום אתרים, H2 על מתכון לעוף. אין קשר. הקורא מתבלבל, גוגל מתבלבל.
טעות 3, דילוג בהיררכיה
H1 ואז H3 בלי H2 ביניהם. גוגל מקבל זאת, אבל זה לא מקצועי.
טעות 4, H1 גנרי
"ברוכים הבאים" כ-H1. מה זה אומר? כלום. תכתבו H1 שאומר על מה הדף.
הנוסחה שלי לכותרות
אני אסביר איך אני בונה היררכיה במאמר טיפוסי:
H1, הנושא הראשי (מילת מפתח ראשית)
H2, מה זה (סעיף הסבר)
H3, רכיב 1
H3, רכיב 2
H2, איך עושים (סעיף ביצוע)
H3, שלב 1
H3, שלב 2
H2, טעויות נפוצות
H3, טעות 1
H3, טעות 2
H2, FAQהיררכיה ברורה, גוגל וקורא מבינים מיד.
סיכום
תזכרו, H1-H6 הם לא לעיצוב. הם למבנה. תקדישו 5 דקות לתכנן את ההיררכיה לפני שאתם כותבים, ויהיה לכם מאמר ברור, מקצועי, ומקודם.