כותרות H1–H6 באתר: מבנה נכון ל-SEO ולנגישות

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

הבעיה היא שבבוני אתרים כמו Webflow, WordPress ו-Wix קל מאוד לבחור כותרת לפי הגודל שלה ולא לפי התפקיד שלה. כך נוצרים עמודים עם שלוש כותרות H1, עם קפיצה מ-H2 ישר ל-H5 או עם טקסט רגיל שמסומן ככותרת רק כי הוא היה צריך להיות מודגש.

במדריך הזה נסביר:

• מה הן כותרות H1–H6 ומה ההבדל בין משמעות לעיצוב;
• איך בונים היררכיית כותרות נכונה ואילו טעויות נפוצות;
• מה חשוב לדעת על H1 ועל SEO, כולל חיפוש מבוסס AI;
• איך משתמשים נכון בתגית הפסקה p;
• למה מבנה הכותרות חשוב לנגישות לפי התקן הישראלי;
• איך מגדירים כותרות ב-Webflow, WordPress ו-Wix ואיך בודקים את המבנה.

מה הן כותרות H1–H6 ולמה הן חשובות

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

• H1 – הכותרת הראשית של העמוד. היא מתארת את הנושא של כל העמוד או את הרעיון המרכזי שלו;
• H2 – כותרות של הסעיפים הגדולים בעמוד;
• H3 – כותרות של תתי-סעיפים בתוך H2;
• H4, H5, H6 – רמות קינון נוספות. ככל שהמספר גבוה יותר, ה«מעמד» של הכותרת נמוך יותר.

תגית מסמנת משמעות, לא עיצוב

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

כך אפשר, למשל, שכותרת H2 בעמוד הבית תיראה ענקית, וכותרת H2 בבלוג תיראה צנועה, ושתיהן יישארו נכונות מבחינת המבנה.

כמה רמות באמת צריך

אין חובה להשתמש בכל שש הרמות. ברוב העמודים מספיקות שלוש: H1, ‏H2 ו-H3. מדריכים ארוכים ועמודי תיעוד טכני מגיעים לפעמים ל-H4. מעבר לזה הקורא כבר מתחיל ללכת לאיבוד בהיררכיה, וזה סימן שכדאי לפצל את התוכן לכמה עמודים.

היררכיית כותרות נכונה: הכללים

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

כותרות הולכות לפי הסדר

הכלל הראשון: כותרות יורדות בהדרגה, מהרמה הגבוהה לנמוכה. אחרי H1 באה H2, בתוכה H3 וכן הלאה. לא מדלגים על רמות בירידה: אחרי H2 לא שמים H4 רק כי היא קטנה יותר. בעלייה מותר לקפוץ: אחרי H4 אפשר לחזור ישר ל-H2 כשמתחיל סעיף חדש.

דוגמה למבנה תקין של עמוד שירות:

• H1: בניית אתרים לעסקים קטנים
• H2: מה כולל השירות
• H3: עיצוב ו-UX
• H3: פיתוח וחיבור למערכות
• H2: איך מתנהל הפרויקט
• H3: שלב 1: שיחת היכרות
• H3: שלב 2: אפיון וסקיצות
• H2: שאלות נפוצות

וכך נראה מבנה בעייתי: H1 בלוגו, H1 נוספת בכותרת הבאנר, אחריה H4 כי «היא בגודל הנכון», ובסוף H2 בפוטר עם המילים «צרו קשר». קורא מסך יציג רשימת כותרות שאין בה היגיון, ומנוע חיפוש יתקשה להבין מה הנושא המרכזי.

כמה כותרות H1 מותר בעמוד

ההמלצה המעשית: H1 אחת בכל עמוד, שמתארת את הנושא שלו. בעבר נכתב בתקן HTML5 שאפשר לשים H1 נפרדת בתוך כל section או article, והמבנה ייבנה אוטומטית. בפועל דפדפנים וקוראי מסך מעולם לא מימשו את המנגנון הזה, והוא הוסר מהתקן. לכן כמה כותרות H1 בעמוד אחד יוצרות לקורא המסך כמה «נושאים ראשיים» במקום אחד.

Google הבהירה בעבר שכמה H1 בעמוד לא יפגעו באינדוקס. כלומר מדובר בעיקר בשאלה של בהירות ונגישות, לא בעונש. אבל כשיש H1 אחת וברורה, כולם מרוויחים.

למה זה חשוב

• מנועי חיפוש נעזרים במבנה הכותרות כדי להבין על מה העמוד ומה כל סעיף מכסה;
• קוראי מסך מאפשרים לקפוץ מכותרת לכותרת, ואם הסדר שבור, קשה לגולש להתמצא;
• תוכן עניינים אוטומטי, כמו זה שמופיע בצד המאמר הזה, נבנה מכותרות H2 ו-H3. מבנה שבור יוצר תוכן עניינים שבור.

כותרת H1 ו-SEO: מה חשוב לדעת

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

H1 היא לא תגית ה-title

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

ניסוח ואורך

אין אורך רשמי ל-H1, אבל כותרת טובה מתארת את העמוד במשפט אחד קצר: לרוב בין 30 ל-70 תווים. היא צריכה לענות על השאלה «מה אמצא כאן?». «ברוכים הבאים» או «השירותים שלנו» הן כותרות שלא אומרות לגולש או למנוע החיפוש שום דבר.

מילות מפתח בלי דחיסה

שלבו ב-H1 את הביטוי שאנשים באמת מחפשים, אבל בצורה טבעית. כותרת כמו «עורך דין תעבורה בתל אביב – ייעוץ ראשון חינם» עובדת טוב יותר מ«עורך דין תעבורה עורך דין רישיון נהיגה עורך דין תל אביב». דחיסת מילות מפתח פוגעת בקריאות ועלולה להיראות כמניפולציה. את הביטויים הנוספים מפזרים בכותרות H2 ו-H3, שם הם מתארים כל סעיף בנפרד.

כותרות וחיפוש מבוסס AI

מערכות כמו AI Overviews של Google, ‏ChatGPT ו-Perplexity שולפות מהעמוד קטעים שעונים על שאלה מסוימת. סעיף עם כותרת ברורה, ובעיקר כותרת בצורת שאלה, ותשובה ישירה בפסקה הראשונה שאחריה, קל יותר לזהות ולצטט. לכן בלוק «שאלות נפוצות» עם כותרות H3 בצורת שאלה ותשובה קצרה מתחת לכל אחת הוא אחד המבנים השימושיים ביותר היום. על אופטימיזציה לחיפוש AI כתבנו בהרחבה במדריך GEO: איך להופיע בתשובות של מנועי AI.

תגית הפסקה p: איך בונים טקסט נכון

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

מה מותר לשים בתוך פסקה

אלמנטים ב-HTML מתחלקים לשורתיים (inline) ולבלוקים (block). אלמנטים שורתיים יושבים בתוך השורה ולא שוברים את זרימת הטקסט. אלמנטים בלוקיים מתחילים תמיד שורה חדשה ותופסים את כל רוחב המכל.

בתוך p מותר לשים טקסט רגיל ואלמנטים שורתיים:

• a – קישור;
• span – סימון חלק מהטקסט לעיצוב;
• em – הדגשה לוגית, בדרך כלל באות נטויה;
• strong – טקסט חשוב, בדרך כלל מודגש;
• img – תמונה בתוך הטקסט;
• br – ירידת שורה בתוך הפסקה.

אסור לשים בתוך p פסקה נוספת, כותרות, רשימות (ul, ol), טבלאות, טפסים או div. אם אלמנט בלוקי מופיע בתוך פסקה, הדפדפן סוגר את הפסקה לפניו בעצמו. התוצאה: מבנה לא תקין ותצוגה לא צפויה, בעיקר בעיצובים שתלויים במבנה.

למה br לא מחליף פסקאות

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

• קורא המסך מקריא הכול כגוש אחד, בלי הפסקות בין הרעיונות;
• קשה לשלוט בריווח בין «הפסקאות» ב-CSS;
• במובייל הטקסט עלול להישבר בצורה לא צפויה.

הפתרון פשוט: כל רעיון בפסקה נפרדת. בעורכים ויזואליים זה אומר ללחוץ Enter, ולא Shift+Enter, בין פסקאות.

p או div: מה ההבדל

• p היא פסקת טקסט. היא אומרת: «כאן יש רעיון שלם»;
• div הוא מכל בלי משמעות, עטיפה לאלמנטים אחרים. משתמשים בו כדי לקבץ חלקים של הממשק או להחיל עליהם עיצוב.

כרטיס מוצר בחנות הוא דוגמה טובה: div עוטף את כל הכרטיס, בתוכו יש כותרת עם שם המוצר, פסקה עם תיאור קצר וכפתור. כשאין תגית סמנטית מתאימה יותר, כמו section, article, nav או footer, משתמשים ב-div. אבל טקסט שקוראים אותו כפסקה צריך להיות p.

כותרות ונגישות: מה שומע מי שמשתמש בקורא מסך

לגולשים עם מוגבלות ראייה כותרות הן שלטי הדרכים של העמוד. קוראי מסך כמו NVDA, ‏JAWS ו-VoiceOver מאפשרים:

• לקפוץ מכותרת לכותרת ולמצוא מהר את הסעיף הנחוץ (ב-NVDA, למשל, במקש H);
• לקפוץ לכותרת ברמה מסוימת, למשל לכל כותרות H2 בלבד;
• לפתוח רשימה של כל הכותרות בעמוד ולהבין את המבנה בלי לקרוא את כולו;
• לשמוע את הטקסט פסקה אחר פסקה, עם הפסקות טבעיות, כשהטקסט מחולק ל-p ולא לשורות עם br.

מה אומר החוק בישראל

לפי תקנות שוויון זכויות לאנשים עם מוגבלות (התאמות נגישות לשירות), אתרים של עסקים שנותנים שירות לציבור צריכים לעמוד בתקן הישראלי ת״י 5568, שמבוסס על הנחיות WCAG ברמה AA. שני קריטריונים ב-WCAG קשורים ישירות לנושא שלנו: 1.3.1 (מידע ויחסים), שדורש שהמבנה שרואים בעין יהיה מסומן גם בקוד, ו-2.4.6 (כותרות ותוויות), שדורש שכותרות יתארו את הנושא שלהן. כותרת שנראית ככותרת אבל מסומנת כטקסט רגיל, או טקסט רגיל שמסומן ככותרת, הם בדיוק מה שבודקי נגישות מחפשים.

כותרת מוסתרת למבנה

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

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

איך מגדירים כותרות ב-Webflow, ‏WordPress ו-Wix

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

Webflow

באלמנט Heading בוחרים את הרמה (H1–H6) בלוח ההגדרות, ואת המראה קובעים במחלקות. בשיטת Client-First, שבה אנחנו עובדים, יש לשם כך מחלקות נפרדות כמו heading-style-h2, כך שכותרת H3 יכולה להיראות בגודל של H2 בלי לשבור את המבנה. בעמודי תבנית של CMS, כמו פוסט בבלוג, ה-H1 מקושרת בדרך כלל לשדה השם של הפריט, ובתוך שדה ה-Rich Text הכותרות מתחילות מ-H2. כדאי לבדוק גם קומפוננטות (Components) שחוזרות בכמה עמודים: כותרת שהוגדרה בהן כ-H1 תופיע כ-H1 בכל עמוד שבו הקומפוננטה נמצאת. רוצים אתר Webflow עם מבנה נקי מהיסוד? קראו על פיתוח אתרים ב-Webflow.

WordPress

בעורך הבלוקים (Gutenberg) לבלוק Heading יש בורר רמות, ובפוסטים הכותרת של הפוסט משמשת בדרך כלל כ-H1, כך שכותרות בתוך התוכן צריכות להתחיל מ-H2. ב-Elementor, לווידג'ט הכותרת יש הגדרת HTML Tag נפרדת מהעיצוב. בדקו גם את התבנית: יש ערכות עיצוב שמסמנות את שם האתר או את הלוגו כ-H1 בכל עמוד, וגם ווידג'טים בפוטר ובסרגל הצד שמגיעים עם כותרות H2–H4. על בניית אתר ב-WordPress מאפס כתבנו במדריך איך בונים אתר ב-WordPress.

Wix

ב-Wix וב-Wix Studio סגנון הטקסט (Theme) ותגית ה-HTML הם שתי הגדרות שונות. אפשר לבחור לטקסט עיצוב של כותרת גדולה ובנפרד להגדיר לו תגית מתאימה, או להגדיר אותו כפסקה. כדאי לעבור על כל עמוד ולבדוק שלא נשארו כמה H1 מהתבנית המקורית.

איך בודקים את מבנה הכותרות באתר

את מבנה הכותרות לא רואים בעין, ולכן צריך לבדוק אותו בכלים. רובם חינמיים.

כלים לבדיקה

• Lighthouse בכלי המפתחים של Chrome: בדוח הנגישות יש בדיקה שמתריעה כשכותרות לא יורדות לפי הסדר;
• תוספי דפדפן כמו WAVE או HeadingsMap מציגים את כל הכותרות בעמוד כעץ, כולל רמות חסרות;
• W3C Markup Validator (validator.w3.org) מוצא שגיאות קינון, כמו בלוקים בתוך פסקה ותגיות שלא נסגרו;
• Screaming Frog SEO Spider סורק את כל האתר ומראה עמודים בלי H1, עמודים עם כמה H1 ועמודים עם H1 כפולה;
• בדיקה ידנית: הפעילו את קורא המסך המובנה במחשב (VoiceOver במק, Narrator או NVDA ב-Windows) ונסו לנווט בעמוד רק לפי כותרות.

תוכנית עבודה בחמישה שלבים

• שלב 1: מתכננים את המבנה לפני העיצוב: רושמים לכל עמוד את ה-H1 ואת כותרות H2–H3, כמו תוכן עניינים;
• שלב 2: מגדירים בבונה האתרים מחלקות עיצוב נפרדות מהתגיות, כדי שלא יהיה צורך «לשבור» כותרת בשביל גודל;
• שלב 3: עוברים על רכיבים חוזרים: הדר, פוטר, סרגל צד, קומפוננטות ותבניות CMS;
• שלב 4: מריצים Lighthouse ותוסף לבדיקת כותרות על עמודי המפתח, ואחר כך סריקה של כל האתר;
• שלב 5: בודקים שוב אחרי כל עדכון גדול של תבנית או של עמוד בית.

טעויות נפוצות במבנה כותרות

בוחרים כותרת לפי הגודל

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

הלוגו או הסלוגן מסומנים כ-H1 בכל עמוד

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

כותרות בפוטר ובסרגל הצד

«קישורים מהירים», «צרו קשר» ו«עקבו אחרינו» כ-H2 או H4 מופיעים ברשימת הכותרות של כל עמוד. אם הם באמת משמשים ככותרות של אזורים, זה תקין, אבל ברוב המקרים מספיק טקסט מעוצב או ניווט מסומן נכון.

כותרת ראשית בתוך תמונה

באנר עם טקסט «צרוב» בתמונה נראה טוב, אבל מנועי חיפוש וקוראי מסך לא קוראים אותו ככותרת. את ה-H1 כותבים כטקסט אמיתי מעל התמונה או לידה.

כותרות ריקות או כפולות

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

טקסט מודגש במקום כותרת

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

איך RJL Studio בונה אתרים עם מבנה נכון

ב-RJL Studio אנחנו מתכננים את מבנה הכותרות כבר בשלב האפיון והסקיצות, ובונים אתרים ב-Webflow, ב-WordPress וב-Wix עם הפרדה מלאה בין תגיות לעיצוב. כך העורכים בצד שלכם יכולים להוסיף תוכן בלי לשבור את המבנה. באתרים קיימים אנחנו עושים בדיקת SEO טכנית ונגישות: מוצאים כותרות כפולות, רמות חסרות, פסקאות שבורות ורכיבים חוזרים עם תגיות שגויות, ומתקנים אותם בתבניות ולא רק בעמוד אחד.

רוצים לבדוק את המבנה של האתר שלכם? קראו על שירותי ה-SEO שלנו או השאירו פרטים ונחזור אליכם.

שאלות נפוצות על כותרות H1–H6

האם מותר יותר מ-H1 אחת בעמוד?

מבחינה טכנית כן, ו-Google לא «מענישה» על כך. אבל להבנה של העמוד ולנגישות עדיף H1 אחת שמתארת את הנושא הראשי, ו-H2 לכל סעיף גדול.

האם צריך להשתמש בכל שש רמות הכותרות?

לא. ברוב העמודים מספיקות H1, ‏H2 ו-H3. רמות נמוכות יותר מתאימות למסמכים ארוכים ומורכבים, ואם צריך אותן הרבה, כדאי לשקול לפצל את העמוד.

מה ההבדל בין H1 לתגית title?

ה-title מופיע בלשונית הדפדפן ובדרך כלל בתוצאות החיפוש, וה-H1 היא הכותרת שרואים בעמוד עצמו. אפשר לנסח אותן אחרת, אבל שתיהן צריכות לתאר את אותו נושא.

האם כותרות משפיעות על הדירוג בגוגל?

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

איך בודקים את מבנה הכותרות באתר קיים?

הדרך המהירה היא תוסף דפדפן כמו HeadingsMap או WAVE ובדיקת הנגישות של Lighthouse. לאתר שלם משתמשים בכלי סריקה כמו Screaming Frog, שמראה עמודים בלי H1 או עם כמה H1.