הצ'קליסט של DigiAssets לבניית אתרי SEO עם Claude Code

צריכים עוד טראפיק אורגני? 🔍

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

איך קלוד קוד בונה לנו אתרי SEO בסוכנות — לטסטים, לידים וחיזוק לינקים

למה אנחנו בונים אתרי תמיכה בסוכנות? (וזה לא אתרי התמיכה שאתם חושבים עליהם)

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

אלה אתרים שאנחנו בונים בשביל כמה מטרות:

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

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

הבעיה: לבנות אתר SEO רציני לוקח שבועות.

לבנות אתר כזה כמו שצריך לוקח זמן. הרבה זמן.

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

פעם זה היה פרויקט של שבועות בוורדפרס ואלמנטור.

ולאט לאט התחלנו להתנסות עם כלי Vibe Coding — קרסר, בייס44, Loveable וכו׳. ואז הגיע קלוד קוד.

מה קלוד קוד בנה לנו בפועל

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

3,346 לינקים תקינים
0 לינקים שבורים
מבוסס על הנחיות SEO מהודקות שלנו
עבר בדיקה ויזואלית על כל דף — היררכיה, מפת אתר, הירו, לוגו, בר חיפוש, קטגוריות, ערים, מאמרים, FAQ ועוד

הכל ירוק. הכל עובד. הכל מוכן להעלאה לשרת.

זה לא הקוד, זה התהליך

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

הנקודה היא שבנינו תהליך שלם. אנחנו נותנים לו את המבנה, את ההנחיות, את מה שאנחנו רוצים מבחינת SEO — והוא בונה. ממש בונה. לא "יוצר טמפלייט ואתה מתקן שבועיים".

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

חלוקת העבודה לסוכנים (Agents) בקלוד קוד

הוא מחלק את כל המשימות שלו לסוכנים שונים שהגדרנו לו:

סוכן בקרת SEO — בודק מטא תגיות, סכמות, היררכיית כותרות, לינקים שבורים
סוכן בנייה טכנית — בונה את מבנה ה-HTML, הדפים, הניווט והקישורים הפנימיים
סוכן כתיבת תוכן — מייצר תוכן ייחודי שמתאים לעולם התוכן של האתר
סוכן עיצוב — מטפל ב-CSS, רספונסיביות, RTL ו-UI
ועוד ועוד

כמה זמן לוקח לבנות אתר SEO עם קלוד קוד?

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

ואני לא מדבר על אתר חצי-אפוי. אני מדבר על אתר שבו:

59 הפניות תוקנו ללינקים שבורים
Favicon נוצר אוטומטית ל-60 דפים שחסר בהם
נתיבי Directory תוקנו ל-1,500+ לינקים

הכל אוטומטי. הכל אחרי בדיקות.

למה זה משנה לכל מי שעושה SEO?

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

וזה לא עניין של עצלנות. זה פשוט קצב.

קידום אתרים זה עולם שדורש המון טסטים. ומי שמצליח לעשות 10 טסטים בזמן שהמתחרה עושה 1 — ינצח. ככה זה.

הצ'קליסט שלנו לבניית אתרי SEO עם קלוד קוד

את כל התהליך הזה שאנחנו עושים עם קלוד קוד, מהרגע שאנחנו פותחים מסמך אפיון ועד שהאתר עולה לאוויר עם 0 לינקים שבורים ו-3,000+ לינקים פנימיים תקינים — ארזנו את הכל לצ'קליסט אחד מסודר.

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

כל אתר שאנחנו בונים עובר דרך הצ'קליסט הזה.

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

אז הנה הוא: הצ'קליסט של DigiAssets לבניית אתרי SEO עם Claude Code

מדריך שלב-אחר-שלב לבניית אתר סטטי מותאם SEO באמצעות Claude Code — מהאפיון ועד בדיקת התוצר הסופי

הוראות למשתמש — מה להכין לפני שמתחילים

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

פרטים חובה

שם האתר בעברית: [למשל: פנלדין — פורטל עורכי דין]
שם האתר באנגלית: [למשל: PneLeDin]
דומיין: [למשל: pneledin.co.il]
נישה / תחום: [למשל: עורכי דין, רכישת דירה, ביטוח רכב]
שפת האתר: [עברית / אנגלית / דו-לשוני]

פרטים מומלצים (ככל שתמלאו יותר, התוצר יהיה מדויק יותר)

צבע ראשי (Primary): [למשל: #2563EB]
צבע משני (Secondary): [למשל: #F59E0B]
צבע רקע: [למשל: #FFFFFF]
צבע טקסט: [למשל: #1F2937]
פונט: [למשל: Heebo / Assistant / Rubik]

אתר מתחרה לרפרנס: [כתובת URL]
קהל יעד: [למשל: אנשים שמחפשים עורך דין לגירושין]
רשימת קטגוריות ראשיות: [למשל: דיני משפחה, דיני עבודה, דיני מקרקעין]
רשימת ערים (אם רלוונטי): [למשל: תל אביב, ירושלים, חיפה, באר שבע]

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

הנחיות לקלוד קוד — תתחיל מכאן

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

שלב 1: הגדרת תשתית הפרויקט

1.1 צור את מבנה התיקיות

project-root/
├── index.html
├── css/
│   └── style.css
├── js/
│   └── main.js
├── pages/
│   ├── categories/
│   ├── articles/
│   ├── guides/
│   ├── locations/
│   └── legal/
├── assets/
│   ├── images/
│   └── icons/
├── sitemap.xml
├── robots.txt
├── manifest.json
└── favicon.ico

1.2 הגדר CSS Variables

הגדר את המשתנים בראש קובץ ה-CSS על סמך הפרטים שהמשתמש סיפק:

צבעים: --primary, --secondary, --bg, --text, --text-light, --border, --card-bg
פונטים: --font-main עם fallback ל-sans-serif
משקלים: --fw-regular: 400, --fw-medium: 500, --fw-bold: 700, --fw-extra: 800
מרווחים: --spacing-xs עד --spacing-3xl
רדיוסים: --radius-sm, --radius-md, --radius-lg, --radius-full
צלליות: --shadow-sm, --shadow-md, --shadow-lg
מעברים: --transition-fast: 0.2s ease, --transition-normal: 0.3s ease

1.3 CSS Reset + Typography

החל CSS Reset (box-sizing, margin, padding)
הגדר טיפוגרפיה בסיסית: גודלי H1-H6, פסקאות, לינקים
הגדר כפתורים: .btn-primary, .btn-secondary, .btn-outline
הגדר Grid System רספונסיבי: .grid-2, .grid-3, .grid-4
הגדר Card Component: .card עם hover effect

1.4 בדיקות חובה בסיום השלב

[ ] כל ה-CSS Variables מוגדרים ועובדים
[ ] CSS Reset פועל
[ ] הפונט נטען מגוגל פונטס עם font-display: swap ו-preconnect
[ ] Grid רספונסיבי עובד ב-3 breakpoints: Desktop (~1024px), Tablet (~768px), Mobile (~480px)

דווח למשתמש: "שלב 1 הושלם — תשתית CSS, פונטים, Grid System. להמשיך לשלב 2?"

שלב 2: Header + Footer + תבנית בסיסית

2.1 Header

בנה Header קבוע (position: sticky) עם:
- לוגו (שם האתר כטקסט אם אין לוגו) — מקושר לדף הבית
- תפריט ניווט ראשי עם לינקים לכל דפי ה-Hub
- תפריט המבורגר למובייל עם אנימציה חלקה
- Header משנה סגנון בגלילה (class scrolled)
הוסף קישור "דלג לתוכן" (skip-link) נסתר שמופיע ב-focus

2.2 Footer

בנה Footer עם:
- לוגו + תיאור קצר של האתר
- לינקים לדפים ראשיים (מחולק לעמודות)
- פרטי קשר: טלפון, אימייל, כתובת
- כפתורי רשתות חברתיות (SVG inline)
- שורת קרדיט + תנאי שימוש + מדיניות פרטיות

2.3 תבנית HTML בסיסית (Template)

צור תבנית HTML שכל העמודים ישתמשו בה, כולל:

<!DOCTYPE html>
<html lang="he" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>[כותרת ייחודית] | [שם האתר]</title>
    <meta name="description" content="[תיאור ייחודי 120-160 תווים]">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="[URL מלא של העמוד]">

    <!-- Open Graph -->
    <meta property="og:title" content="[כותרת]">
    <meta property="og:description" content="[תיאור]">
    <meta property="og:image" content="[URL תמונה]">
    <meta property="og:url" content="[URL]">
    <meta property="og:locale" content="he_IL">

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="[כותרת]">
    <meta name="twitter:description" content="[תיאור]">

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=[FONT]:wght@400;500;700;800&display=swap" rel="stylesheet">

    <!-- Critical CSS inline -->
    <style>/* Critical CSS for Header + Hero */</style>

    <!-- Main CSS -->
    <link rel="stylesheet" href="/css/style.min.css">

    <!-- Favicon -->
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <link rel="manifest" href="/manifest.json">
</head>
<body>
    <a href="#main-content" class="skip-link">דלג לתוכן</a>
    <header role="banner"><!-- Header --></header>
    <main id="main-content" role="main"><!-- תוכן העמוד --></main>
    <footer role="contentinfo"><!-- Footer --></footer>

    <!-- JS -->
    <script src="/js/main.min.js" defer></script>
</body>
</html>

2.4 JavaScript בסיסי

כתוב את הפונקציות הבאות ב-main.js:

Mobile Menu: פתיחה/סגירה של תפריט המבורגר
Scroll Header: הוספת class scrolled ל-Header בגלילה
FAQ Accordion: פתיחה/סגירה של שאלות ותשובות
Back-to-top: כפתור חזרה למעלה שמופיע אחרי גלילה
Counter Animation: מונים מספריים עם IntersectionObserver
Fade-in Animation: אלמנטים נכנסים עם אנימציה בגלילה (IntersectionObserver)
Scroll listeners עם passive: true

2.5 בדיקות חובה בסיום השלב

[ ] Header מוצג נכון בדסקטופ ובמובייל
[ ] תפריט המבורגר נפתח ונסגר
[ ] Header משנה סגנון בגלילה
[ ] Footer מוצג עם כל האלמנטים
[ ] Skip-link עובד
[ ] כל ה-JavaScript פועל ללא שגיאות בקונסול
[ ] HTML סמנטי: <header>, <nav>, <main>, <footer> עם role ו-aria-label

דווח למשתמש: "שלב 2 הושלם — Header, Footer, Template, JS בסיסי. להמשיך לשלב 3?"

שלב 3: דף הבית

3.1 Hero Section

כותרת H1 עם מילת מפתח ראשית
תיאור (פסקה) עם מילת מפתח משנית
כפתור CTA ראשי
אופציונלי: סרגל חיפוש / טופס

3.2 סקשנים נוספים

קטגוריות ראשיות: Cards Grid עם אייקונים SVG, כותרת, תיאור קצר, ולינק לדף הקטגוריה
מונים מספריים: 3-4 מונים (Counters) עם אנימציה (IntersectionObserver)
תוכן אינפורמטיבי: סקשן עם טקסט SEO רלוונטי
שאלות ותשובות: 5-8 שאלות ב-Accordion

3.3 Floating CTA

כפתור CTA קבוע (floating) שנשאר גם בגלילה — לא חוסם תוכן

3.4 Schema Markup (JSON-LD)

הוסף בתוך <script type="application/ld+json">:

[
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "[שם האתר]",
    "url": "[URL]",
    "potentialAction": {
      "@type": "SearchAction",
      "target": "[URL]/search?q={search_term_string}",
      "query-input": "required name=search_term_string"
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "[שם האתר]",
    "url": "[URL]",
    "logo": "[URL לוגו]",
    "contactPoint": {
      "@type": "ContactPoint",
      "telephone": "[טלפון]",
      "contactType": "customer service",
      "areaServed": "IL",
      "availableLanguage": "Hebrew"
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "[שאלה]",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "[תשובה]"
        }
      }
    ]
  }
]

3.5 בדיקות חובה בסיום השלב

[ ] H1 יחיד בדף
[ ] כל הקטגוריות מקושרות לדפים (גם אם הדפים עוד לא קיימים — צור placeholder)
[ ] מונים עובדים עם אנימציה
[ ] FAQ Accordion נפתח ונסגר
[ ] Floating CTA לא חוסם תוכן
[ ] Schema תקין — בדוק מבנה JSON-LD
[ ] Meta tags: title, description, canonical, OG, Twitter

דווח למשתמש: "שלב 3 הושלם — דף הבית עם Hero, קטגוריות, מונים, FAQ, Schema. להמשיך לשלב 4?"

שלב 4: דפי קטגוריה (Hub Pages) + דפי תוכן פנימיים

4.1 עמוד Hub (דף קטגוריה ראשי)

Page Header עם H1 + תיאור + Breadcrumbs
Grid של כרטיסיות — כל כרטיסייה מקשרת לדף תוכן פנימי
כל כרטיסייה כוללת: אייקון/תמונה, כותרת H2, תיאור קצר, לינק
FAQ ייעודי לקטגוריה עם סכמה

4.2 דפי תוכן פנימיים

כל דף פנימי כולל:

Page Header: כותרת H1 ייחודית + Breadcrumbs
Content Layout: תוכן ראשי (70-75%) + Sidebar (25-30%)
תוכן ראשי: טקסט מעמיק עם H2/H3, פסקאות, רשימות
Sidebar:
- ווידג'ט ניווט מהיר (לינקים לדפים באותה קטגוריה)
- CTA Box
- לינקים קשורים (חוצי-קטגוריות)
FAQ ייעודי לנושא עם סכמה
קישורים פנימיים: לינקים טבעיים בתוך הטקסט לדפים אחרים באתר

4.3 Cross-Linking

כל דף פנימי מקשר ל-2-3 דפים מקטגוריות אחרות
Sidebar כולל "נושאים קשורים" מקטגוריות שונות
Breadcrumbs: דף הבית > קטגוריה > דף נוכחי

4.4 Schema Markup לכל דף פנימי

[
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
      {"@type": "ListItem", "position": 1, "name": "דף הבית", "item": "[URL]"},
      {"@type": "ListItem", "position": 2, "name": "[קטגוריה]", "item": "[URL קטגוריה]"},
      {"@type": "ListItem", "position": 3, "name": "[דף נוכחי]", "item": "[URL נוכחי]"}
    ]
  },
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [...]
  }
]

4.5 בדיקות חובה בסיום השלב

[ ] כל Hub Page מקשר נכון לדפים פנימיים
[ ] כל דף פנימי: H1 ייחודי, meta title ייחודי, meta description ייחודי, canonical
[ ] Breadcrumbs עובדים ומקשרים נכון
[ ] Sidebar מוצג נכון בדסקטופ ויורד מתחת לתוכן במובייל
[ ] Cross-linking: כל דף מקשר לדפים מקטגוריות אחרות
[ ] Schema: BreadcrumbList + FAQPage בכל דף
[ ] אין תוכן כפול (copy-paste) בין דפים

דווח למשתמש: "שלב 4 הושלם — [X] דפי קטגוריה + [Y] דפים פנימיים. להמשיך לשלב 5?"

שלב 5: דפי מיקום / GEO (אם רלוונטי)

הערה: דלג על שלב זה אם המשתמש לא ציין ערים/מיקומים באפיון.

5.1 עמוד Hub ערים

Page Header עם H1 + תיאור
Grid של כרטיסיות ערים
כל כרטיסייה: שם עיר, תיאור קצר, לינק לדף העיר

5.2 דפי עיר

כל דף עיר כולל:

H1 ייחודי עם שם העיר + נישה (למשל: "עורכי דין בתל אביב")
תוכן ייחודי למיקום — לא copy-paste עם שינוי שם העיר בלבד
לינקים לקטגוריות תוכן רלוונטיות
Sidebar עם ערים נוספות
FAQ ייעודי לעיר
Schema: BreadcrumbList + LocalBusiness (אם רלוונטי)

5.3 Cross-Linking ערים ↔ קטגוריות

כל דף עיר מקשר לקטגוריות תוכן רלוונטיות
כל דף קטגוריה מקשר לערים רלוונטיות
Sidebar: "ערים נוספות" + "תחומים קשורים"

5.4 בדיקות חובה בסיום השלב

[ ] כל דף עיר: H1 ייחודי, תוכן ייחודי, meta tags ייחודיים
[ ] Cross-linking ערים ↔ קטגוריות עובד
[ ] Schema תקין בכל דף עיר
[ ] אין תוכן כפול בין דפי ערים

דווח למשתמש: "שלב 5 הושלם — [X] דפי ערים. להמשיך לשלב 6?"

שלב 6: מאמרים ומדריכים

6.1 עמוד Hub מאמרים

Page Header + H1
Grid של כרטיסיות מאמרים: תמונה/אייקון, כותרת, תאריך, תקציר, לינק

6.2 תבנית מאמר

Page Header + Breadcrumbs
תאריך פרסום + שם מחבר
תוכן עניינים (TOC) עם Anchor Links — אם המאמר ארוך
טקסט עם H2/H3, פסקאות, רשימות
Author Box בתחתית
"מאמרים קשורים" — 3 מאמרים רלוונטיים
Schema: Article + BreadcrumbList

6.3 תבנית מדריך

כמו מאמר, אבל עם:
- TOC עם Anchor Links (חובה)
- חלוקה לפרקים (H2 לכל פרק)
- טיפים מודגשים (tip boxes)
- CTA בין פרקים
- Schema: Article (subtype: Guide) + BreadcrumbList

6.4 בדיקות חובה בסיום השלב

[ ] כל מאמר: H1 ייחודי, meta tags ייחודיים, תוכן ייחודי
[ ] TOC עם Anchor Links עובד (לינקים מפנים לסעיפים)
[ ] Author Box מוצג
[ ] "מאמרים קשורים" מקשרים נכון
[ ] Schema: Article + BreadcrumbList בכל מאמר

דווח למשתמש: "שלב 6 הושלם — [X] מאמרים + [Y] מדריכים. להמשיך לשלב 7?"

שלב 7: דפי תמיכה (אודות, צור קשר, FAQ, משפטיים)

7.1 עמוד אודות

סיפור, ערכים, תכונות (Features Grid)
CTA לפנייה

7.2 עמוד צור קשר

טופס יצירת קשר (שם, טלפון, אימייל, הודעה)
Contact Grid: טלפון, אימייל, כתובת
מפה (iframe של Google Maps או placeholder)

7.3 עמוד שאלות ותשובות ראשי

חיפוש FAQ (סינון בזמן אמת)
פילטר לפי קטגוריות
Accordion לכל שאלה
Schema: FAQPage

7.4 דפים משפטיים

תנאי שימוש
מדיניות פרטיות
meta robots: noindex, follow

7.5 בדיקות חובה בסיום השלב

[ ] טופס צור קשר עובד (ולידציה צד לקוח)
[ ] חיפוש FAQ מסנן בזמן אמת
[ ] דפים משפטיים עם noindex
[ ] Schema FAQPage בעמוד FAQ הראשי

דווח למשתמש: "שלב 7 הושלם — דפי תמיכה. להמשיך לשלב 8?"

שלב 8: SEO טכני + קבצים

8.1 sitemap.xml

צור sitemap.xml עם כל הדפים באתר:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>[URL דף הבית]</loc>
    <lastmod>[תאריך היום בפורמט YYYY-MM-DD]</lastmod>
    <changefreq>weekly</changefreq>
    <priority>1.0</priority>
  </url>
  <!-- Hub Pages: priority 0.8 -->
  <!-- Content Pages: priority 0.6 -->
  <!-- Articles: priority 0.6 -->
  <!-- Location Pages: priority 0.5 -->
  <!-- Support Pages: priority 0.3 -->
</urlset>

8.2 robots.txt

User-agent: *
Allow: /
Disallow: /assets/
Sitemap: [URL]/sitemap.xml

8.3 manifest.json

{
  "name": "[שם האתר]",
  "short_name": "[שם קצר]",
  "start_url": "/",
  "display": "standalone",
  "background_color": "[צבע רקע]",
  "theme_color": "[צבע ראשי]",
  "icons": [
    {"src": "/favicon.ico", "sizes": "32x32", "type": "image/x-icon"}
  ]
}

8.4 llms.txt (אופציונלי)

צור קובץ llms.txt בתיקיית השורש עם תיאור מבנה האתר למודלי AI.

8.5 בדיקות חובה בסיום השלב

[ ] sitemap.xml כולל את כל הדפים באתר (ספור ווודא)
[ ] robots.txt תקין
[ ] manifest.json תקין

דווח למשתמש: "שלב 8 הושלם — קבצים טכניים. להמשיך לשלב 9 — בדיקת איכות סופית?"

שלב 9: בקרת איכות סופית (QA)

זהו השלב הכי חשוב. עבור על כל הבדיקות אחת אחת ותקן כל בעיה שתמצא.

9.1 בדיקת קישורים פנימיים

עבור על כל הדפים ובדוק:

[ ] כל הלינקים בניווט הראשי (Header) עובדים ומפנים לדף הנכון
[ ] כל הלינקים ב-Footer עובדים
[ ] Breadcrumbs מקשרים נכון בכל דף פנימי
[ ] כרטיסיות (Cards) מקשרות לדפים הנכונים
[ ] Sidebar links עובדים ומפנים לדפים רלוונטיים
[ ] לוגו מחזיר לדף הבית מכל עמוד
[ ] אין קישורים שבורים (404) — עבור על כל קישור

כדי לבדוק: רוץ סקריפט שעובר על כל קבצי ה-HTML, מוציא את כל ה-href, ובודק שכל קובץ יעד קיים. דווח למשתמש כמה לינקים תקינים וכמה שבורים.

9.2 בדיקת תוכן

[ ] תוכן ייחודי בכל עמוד (לא copy-paste בין דפים)
[ ] כותרות H1 ייחודיות — כותרת אחת בלבד בכל עמוד
[ ] היררכיית כותרות תקינה: H1 → H2 → H3 (לא לדלג על רמות)
[ ] פרטי קשר עקביים בכל האתר

9.3 בדיקת Meta Tags