HTML סמנטי מול Div Spaghetti: המדריך ל-Chunking נכון ב-GEO

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

כשצללתי לתוך ה-DOM, הבנתי מיד מה הקושי. העמוד היה מורכב מ-420 תגיות div מקוננות זו בתוך זו. לא הייתה שם אף תגית section, אף article, וכל הכותרות היו למעשה span עם עיצוב מוגדל.

בשביל מעצב — העמוד נראה מצוין. בשביל מודל שפה — זה היה סיוט של רעש.

מה זה Chunking ואיך AI קורא את האתר שלכם

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

הגדרה · AI Chunking

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

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

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

Div Spaghetti מול HTML סמנטי: המבחן בשטח

בואו נראה איך נראה אותה פסקה בשתי גישות שונות:

<!-- Div Spaghetti: רעש טכני למנועי AI -->
<div class="box-wrapper">
  <div class="title-style-2">איך מחשבים פיצויי פיטורין?</div>
  <div class="text-body">החישוב מתבצע לפי שכר אחרון כפול מספר השנים...</div>
</div>

<!-- HTML סמנטי: זהב טהור ל-GEO -->
<section>
  <h2>איך מחשבים פיצויי פיטורין?</h2>
  <p>החישוב מתבצע לפי שכר אחרון כפול מספר השנים...</p>
</section>

כשמנוע החיפוש סורק את הדוגמה השנייה, הוא מבין מיד: יש כאן יחידה סגורה (Section), יש כאן נושא (H2), ויש כאן תשובה ישירה (P).

3 כללים לבניית עמוד שסורק AI אוהב לחתוך

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

1. עטפו כל רעיון מרכזי ב-Section או Article. אל תשאיר קוביות צפות באוויר. העבירו מסר של יחידה עצמאית.
2. השתמשו בהיררכיית כותרות קפדנית. לעולם אל תדלגו מ-H2 ל-H4 רק כי העיצוב של H4 נראה קטן יותר. העיצוב שייך ל-CSS.
3. הוציאו תוכן משני ל-Aside. תפריטי צד, פוסטים מומלצים וטפסים צריכים לשבת בתוך תגית aside. ככה ה-AI יודע להתעלם מהם בזמן הניתוח.

קוד נקי מביא תוצאות.

בשורה התחתונה: התחרות היא על הקוד

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

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

💡

אל תעצבו רק לעיניים של הגולש — תבנו את הקוד עבור ה-Chunker של מנועי ה-AI. קוד סמנטי הוא ההבדל בין אתר שמצוטט יום-יום לבין אתר שאיש לא יודע על קיומו.