Search

תגיות כותרת בוורדפרס: H1, H2 – כיצד ומדוע להשתמש בהן

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

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

חשוב לציין, כי במאמר זה נתמקד באותן תגיות כותרת (H1 ו H2…) ולא על התגית <title> בראש העמוד. ההבדל ביניהם במשפט: התגית title, לה חשיבות משל עצמה (בעיקר בהקשר של SEO), נכתבת כ <title> ב HTML והיא זו שאתם רואים כטקסט בלשונית הדפדפן של העמוד בו אתם צופים. אינכם רואים תגית זו ויזואלית בעמוד עצמו.

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

מהן תגיות כותרת (Heading Tags)?

ניתן לומר שאנו מסתכלים על כותרות כעל דרך לעצב את הפונטים – גדולים יותר, בעלי משקל גדול יותר (bold) וכדומה. אך על ידי שימוש בכותרות אנו יוצרים מבנה היררכי ומסודר לתוכן שלנו. תגיות כותרת ב HTML נמצאות בשימוש על מנת להבדיל בין כותרות ותת כותרות, לטקסט עצמו בתוכן אותו אנו כותבים ואותו הגולשים רואים.

תגיות כותרת נמצאות בשימוש על מנת לייצג מבנה היררכי בעמוד עבור המשתמשים. ישנן שישה סוגי תגיות כותרת, החשובה מכולן היא <h1> כאשר האחרונה והפחות חשובה הינה <h6>.

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

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

היררכיה נכונה של כותרות

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

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

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

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

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

אך למרות זאת מנועי חיפוש מוצאים מילות מפתח בצורה פשוטה יותר אם אלו עטופות בתגיות כותרת. לפיכך, תגיות כותרת הן חלק חשוב באופטימיזצית העמוד לקידום (On Page SEO) ואינכם רוצים להתעלם מכך.

הצטרפו לרשימת התפוצה!

תגיות כותרת בוורדפרס – שימוש מיטבי

מספר דגשים לשימוש בתגיות כותרת באתרי וורדפרס:

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

ניתן להוסיף תגיות כותרת בוורדפרס בארבע דרכים:

1. אתם יכולים לכתוב את תגיות הכותרת באופן ידני בעורך הטקסט (HTML Editor) של וורדפרס. רלוונטי גם עבור העורך הקלאסי וגם עבור העורך ״החדש״ (גוטנברג).

הוספת כותרת - עורך קלאסי

הוספת כותרת – עורך קלאסי

הוספת כותרת - Visual Editor - גוטנברג

הוספת כותרת – Visual Editor – גוטנברג

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

הוספת תגיות כותרת בוורדפרס

בגוטנברג זה נראה כך:

הוספת כותרת Visual Editor גוטנברג

הוספת כותרת Visual Editor גוטנברג

3. אם אתם מרגישים נוח יותר לבצע זאת עם המקלדת, סמנו את הטקסט עם העכבר ולחצו על Alt+Ctrl+Numbers 1-6. בכדי להסיר את הכותרת חזרו בדיוק על אותה פעולה או השתמשו ב Alt+Ctrl+7. (רלוונטי רק עבור העורך הקלאסי)

4. עוד אופציה עם המקלדת שאני נורא אוהב, היא להשתמש בסולמית לפני הטקסט:

  • ##טקסט הכותרת – עבור כותרת H2.
  • ###טקסט הכותרת – עבור כותרת H3.
  • ####טקסט הכותרת – עבור כותרת H4.

מילים אחרונות

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

(אה כן, עוד משהו קטן – זה בסדר אם אין לעמוד הבית בבלוג שלכם כותרת H1)  🙂

רועי יוסף
רועי יוסף

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

9 תגובות...
  • adiel bm 28 מאי 2020, 18:31

    שלום רועי,
    רציתי לשאול, אצלי כברירת מחדל הכותרת של הפוסט היא h2, האם יש עדיפות שיהיה h1 בכותרת? תודה, ומחכים לעוד פוסטים 🙂

    • רועי יוסף 28 מאי 2020, 18:36

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

  • adiel bm 28 מאי 2020, 19:09

    תודה תודה תודה 🙂

  • יהודה בהר 24 יוני 2020, 22:31

    תודה רבה רועי, המאמר עזר לי מאוד…
    רציתי לשאול איזו סוג כותרת לעשות בהדר (שהוא מופיע בכל העמודים ויש בהם כבר כותרת H1 ) כדי שאוכל לעשות כותרת H1 בתוך העמוד? והאם ניתן לעשות 2 כותרות H1 בעמוד 1? (הכל מבחינת קידום האתר). תודה רבה !!!!!!!!!!!!!!!!!!

    • רועי יוסף 25 יוני 2020, 16:33

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

      • יהודה בהר 25 יוני 2020, 16:49

        תודה רבה מלך, עזרת לי מאוד!

  • עדי 28 אפריל 2021, 19:43

    היי, כשאני מגדירה את הכותרת בעורך הוויזואלי הכותרת נהית גדולה יותר- האם זה משהו שאפשרי לשנות?

  • עדי 9 מאי 2021, 22:20

    היי, איך אני משנה את סוג הכותרת אבל שהעיצוב לא ישתנה?

תגובה חדשה

ניווט מהיר

Up!
לבלוג