תגי HTML ל-SEO: אילו תגים חשובים, עם דוגמאות

מנועי חיפוש ועוזרי AI קוראים את הדף שלכם כקוד עוד לפני שמישהו רואה אותו על המסך. קומץ של תגי HTML ל-SEO קובע איך הקוד הזה מובן: איזו כתובת URL נכנסת לאינדקס, איזו כותרת מופיעה בתוצאות, על מה הדף ואיך הוא נראה כשמשתפים אותו. Google מפרטת את תגי ה-meta והמאפיינים שהיא תומכת בהם בדף אחד בתיעוד של Search Central, וכל מה שמחוץ לרשימה הזו לא משפיע כלל על חיפוש Google. המדריך הזה מציג כל תג שימושי עם דוגמה, את הטעויות שכדאי להימנע מהן ואת התגים שאפשר לשכוח.

אילו תגי HTML חשובים ל-SEO?

הטבלה הבאה היא רשימת העזר. התגים שב-head מתארים את הדף למכונות; התגים שב-body מארגנים את מה שאנשים קוראים.

אילו תגים ב-head קובעים איך Google מציגה את הדף?

תג ה-title

תג ה-title הוא התג החשוב ביותר בדף. Google אומרת שאין מגבלת אורך לרכיב ה-title, אבל קישור הכותרת נחתך כדי להתאים לרוחב המסך, כלומר כ-50 עד 60 תווים במחשב. Google גם עשויה לשכתב אותו: התיעוד שלה מפרט את המקורות שבהם היא משתמשת, מרכיב ה-title והכותרת הראשית הגלויה ועד כותרות H1, תג og:title וטקסט העוגן של קישורים שמפנים לדף. Title שתואם ל-H1 ולתוכן הדף הוא זה ש-Google משאירה. כתבו title ייחודי לכל דף, עם מילת המפתח הראשית בהתחלה והמותג בסוף.

ה-meta description

ה-meta description לא משנה את הדירוג, אבל לעיתים קרובות הוא מספק את הקטע שמתחת לכותרת ולכן משפיע על ההקלקות. Google עשויה להחליף אותו בקטע מהדף שמתאים יותר לשאילתה. כתבו אותו כתשובה קצרה ואחריה תועלת, בין 120 ל-160 תווים, ולעולם אל תשתמשו באותו תיאור בכמה דפים.

תג ה-meta robots

תג ה-meta robots אומר לסורקים מה מותר להם לעשות עם הדף. הערך הנפוץ ביותר הוא noindex, שמשאיר דף מחוץ לתוצאות; יש גם nofollow, nosnippet ו-max-snippet, שמגביל את אורך הקטע. בקבצים בלי אזור head, כמו PDF, אותן הוראות עוברות בכותרת ה-HTTP X-Robots-Tag. noindex שנשכח בתבנית חיה הוא אחד הגורמים הנפוצים ביותר לאובדן תנועה, לכן בדקו אותו אחרי כל עדכון גרסה.

Viewport ו-charset

Google מציינת בתיעוד שלה שנוכחות תג ה-viewport מעידה על דף מותאם לנייד. מאחר ש-Google מאנדקסת את גרסת הנייד של אתרים, התג הזה צריך להופיע בכל דף. הצהרת קידוד התווים (Google ממליצה על UTF-8) מונעת תווים שבורים בכותרות ובקטעי התצוגה, וזה חשוב באתרים רב-לשוניים.

אילו תגים אומרים ל-Google איזו כתובת לאנדקס?

שני תגי link ב-head מטפלים בכפילויות ובשפות. התג הקנוני מציין את הגרסה המועדפת כשאותו תוכן נגיש דרך כמה כתובות (מסננים, פרמטרי מעקב, HTTP ו-HTTPS). Google מתייחסת אליו כרמז חזק, לצד הפניות וקישורים פנימיים, ולכן הוא עובד הכי טוב כשכל האותות מצביעים על אותה כתובת. השתמשו בכתובת מלאה, בתג קנוני אחד לדף, ולעולם אל תפנו אותו לדף חסום או מסומן noindex.

המאפיין hreflang אומר ל-Google איזה דף להציג לאיזו שפה או אזור. לפי המדריך של Google לגרסאות מותאמות לשפה, כל גרסה צריכה לציין את עצמה ואת כל האחרות, וערך x-default יכול לקבוע את הדף למשתמשים ששפתם לא מכוסה. קישורי חזרה חסרים הם השגיאה הנפוצה ביותר ב-hreflang: אם דף A מפנה לדף B, דף B חייב להפנות חזרה לדף A.

אילו תגים ב-body עוזרים למנועי חיפוש להבין את התוכן?

כותרות מ-H1 עד H6

הכותרות יוצרות את שלד הדף. השתמשו ב-H1 אחד שמציג את הנושא, ב-H2 לחלקים העיקריים וב-H3 לשלבים או לפריטים בתוך חלק, בלי לדלג על רמות בשביל המראה. Google אמרה שכמה כותרות H1 לא גורמות לעונש, אבל H1 ברור אחד נשאר המבנה הפשוט ביותר לקוראים ולטכנולוגיות מסייעות. כותרות H2 בניסוח של שאלה ("איך X עובד?") תואמות גם את הדרך שבה אנשים מנסחים חיפושים ופרומפטים.

טקסט חלופי לתמונות

Google מסבירה בהנחיות ה-SEO לתמונות שהיא משתמשת בטקסט החלופי יחד עם ראייה ממוחשבת ותוכן הדף כדי להבין תמונה, ושמילוי מאפייני alt במילות מפתח עלול לגרום לאתר להיחשב כספאם. תארו במשפט קצר מה התמונה מראה. Google מציינת גם שהיא לא מאנדקסת תמונות רקע ב-CSS, ולכן כל תמונה שאמורה להופיע בתוצאות צריכה רכיב img אמיתי.

קישורים ומאפייני ה-rel שלהם

רכיב a הוא הדרך שבה סורקים מגלים דפים, ולכן קישורים פנימיים חייבים להיות קישורים אמיתיים עם href, לא כפתורים שמנוהלים ב-JavaScript. המאפיין rel מסווג קישורים יוצאים: sponsored למיקומים בתשלום, ugc לתגובות ולהודעות בפורומים, nofollow לקישורים שאינכם רוצים להמליץ עליהם. Google מתייחסת לערכים האלה כרמזים מאז 2020. טקסט עוגן תיאורי עוזר גם לקוראים וגם למנועי החיפוש.

רכיבים סמנטיים של HTML5

רכיבים כמו main, article, nav, header, footer ו-section מראים למכונות איזה חלק בדף הוא התוכן העיקרי ואילו חלקים חוזרים בכל דף. הם לא משפרים את הדירוג בעצמם, אבל הם מקלים לבודד את התוכן העיקרי, עבור מנועי חיפוש, קוראי מסך וכלי AI כאחד. המדריך שלנו לHTML סמנטי מפרט כל רכיב. בתוך הטקסט, strong ו-em מסמנים הדגשה: השתמשו בהם למונחי מפתח, לא לפסקאות שלמות.

אילו תגים מעצבים תצוגות מקדימות ברשתות ותוצאות עשירות?

פרוטוקול Open Graph, שנוצר על ידי Facebook ונקרא היום ברוב הרשתות החברתיות ואפליקציות המסרים, מגדיר את התגים og:title, og:description, og:image ו-og:url שבונים את כרטיס התצוגה המקדימה כשמשתפים דף. בלעדיהם הפלטפורמות מנחשות, ולעיתים קרובות עם התמונה הלא נכונה. בדקו את התוצאה עם כלי תצוגה מקדימה ל-Open Graph לפני הפרסום.

נתונים מובנים בפורמט JSON-LD, שמוצבים בתג script, מתארים את הדף באוצר המילים של Schema.org: מאמר, מוצר, ארגון, פירורי לחם, FAQ. Google משתמשת בהם לתוצאות עשירות, והם נותנים למערכות AI עובדות מפורשות על הישות שמאחורי הדף. הסימון חייב לתאר את מה שגלוי בדף. אנחנו מסבירים את תפקידם בתשובות של AI במדריך שלנו על נתונים מובנים וחיפוש AI.

מאילו תגי HTML Google מתעלמת?

רשימת התגים ש-Google תומכת בהם מראה גם מה אפשר להפסיק לתחזק:

• Meta keywords: Google מצהירה שתג ה-meta keywords לא משמש את חיפוש Google ואין לו שום השפעה על אינדוקס או דירוג.
• תגי meta לא מוכרים: Google מתעלמת מתגי meta שהיא לא תומכת בהם, כמו meta author או meta revisit-after.
• המאפיין lang: Google מזהה את שפת הדף לפי הטקסט שלו, לא לפי המאפיין lang. השאירו את המאפיין בשביל נגישות וכלים אחרים, והשתמשו ב-hreflang כדי לקשר בין גרסאות שפה.
• Meta refresh כהפניה: זה עובד, אבל Google ממליצה במקום זאת על הפניית 301 בצד השרת.

האם תגי HTML חשובים לתשובות של AI?

כן, מסיבה פשוטה: ChatGPT,‏ Claude,‏ Gemini ו-Perplexity שולפים קטעים מדפים, ו-HTML נקי מקל למצוא את הקטעים האלה. כמה סורקי AI מורידים את ה-HTML הגולמי בלי להריץ JavaScript, כך ש-title, תג קנוני או בלוק טקסט שמוזרקים על ידי סקריפטים עלולים לא להגיע אליהם לעולם. היררכיית כותרות ברורה מחלקת את הדף לתשובות עצמאיות, רשימות וטבלאות שומרות על העובדות יחד, ונתונים מובנים מציגים את העובדות בלי עמימות. זה הצד הטכני של אופטימיזציה למנועים גנרטיביים: אותם תגים שעוזרים ל-Google עוזרים גם לעוזרי AI לצטט אתכם במדויק.

איך בודקים את תגי ה-HTML של דף?

1. קראו את קוד המקור הגולמי. פתחו את קוד המקור (Ctrl+U) וחפשו את התגים title,‏ meta description,‏ robots,‏ canonical ו-hreflang. אם תג מופיע רק בדף המרונדר, הוא תלוי ב-JavaScript.
2. השוו למה ש-Google רואה. כלי בדיקת כתובות ה-URL ב-Google Search Console מציג את ה-HTML ש-Google רינדרה ואת הכתובת הקנונית שבחרה.
3. בדקו דף אחר דף. תוסף Chrome החינמי של Sorank מציג תגים חסרים או כפולים ואת התיקונים לדף שאתם צופים בו.
4. בדקו את כל האתר. סורק מאתר כותרות title כפולות, טקסטים חלופיים חסרים ותגים קנוניים שגויים באלפי כתובות; המבחר שלנו של כלי SEO טכני משווה בין האפשרויות.
5. בדקו שוב אחרי כל עדכון גרסה. שינויי תבניות הם הרגע שבו מופיעים noindex, תגים קנוניים שבורים ו-title ריקים.

שליטה בתריסר התגים שלמעלה מכסה כמעט את כל מה ש-HTML יכול לעשות ל-SEO; שאר העבודה היא תוכן וקישורים. אם אתם רוצים דפים שיוצאים כבר עם title, כותרות, קישורים פנימיים ותוכן מובנה נקיים, מחולל המאמרים של Sorank כותב ומפרסם אותם במצב autopilot, החל מ-49$ לחודש בחיוב שנתי (ראו מחירים).