שימוש בתגיות כותרת בוורדפרס לשיפור קריאות ו- SEO

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

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

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

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

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

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

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

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

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

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

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

<h1>Post Title (H1)</h1>
    ├── <h2>Introduction (H2)</h2>
    │   └── <h3>Background Information (H3)</h3>
    ├── <h2>Main Content (H2)</h2>
    │   ├── <h3>Subtopic 1 (H3)</h3>
    │   │   └── <h4>Detailed Point 1 (H4)</h4>
    │   └── <h3>Subtopic 2 (H3)</h3>
    │       └── <h4>Detailed Point 2 (H4)</h4>
    ├── <h2>Conclusion (H2)</h2>
    └── <h3>Summary of Key Points (H3)</h3>

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

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

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

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

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

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

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

כותרות ונגישות

תגיות כותרת אינן משרתות רק את ה-SEO – הן קריטיות לנגישות. קוראי מסך (screen readers) מסתמכים במידה רבה על תגיות כותרת כדי לעזור למשתמשים לנווט בעמוד. משתמשי טכנולוגיות מסייעות יכולים לקפוץ בין כותרות כדי למצוא במהירות את המקטע שהם צריכים, בדומה לאופן בו גולשים רגילים סורקים את העמוד ויזואלית.

על פי הנחיות הנגישות WCAG, כותרות צריכות לתאר את הנושא או המטרה של התוכן שלהן, והן צריכות לעקוב אחר סדר היררכי הגיוני ללא דילוג על דרגות (למשל, לא לקפוץ מ-H2 ל-H4).

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

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

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

תגיות כותרת גם מאפשרות פיצ'רים כמו תוכן עניינים (Table of Contents), היוצר באופן אוטומטי קישורי ניווט מהכותרות בפוסט שלכם. זה משפר את חוויית המשתמש ויכול לעזור לתוכן שלכם להופיע כתוצאות עשירות במנועי חיפוש.

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

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

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

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

הוספת כותרת – עורך הקוד – גוטנברג

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

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

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

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

4. בעורך הבלוקים, ניתן להקליד פקודת סלאש בבלוק חדש:

• /heading – מכניס בלוק כותרת (ברירת מחדל H2).
• /h2, /h3, /h4 – מכניס בלוק כותרת ברמה המבוקשת.

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

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

שאלות נפוצות

שאלות נפוצות בנושא תגיות כותרת בוורדפרס:

סיכום

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

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