<div class="troubleshooting-guide">
<div class="guide-header" style="background: linear-gradient(135deg, #f56565, #ed8936); color: white; padding: 3rem; border-radius: 1rem; margin-bottom: 3rem;">
<h1 style="font-size: 2.5rem; margin-bottom: 1rem;">🔧 מרכז פתרון בעיות אתרים</h1>
<p style="font-size: 1.2rem; opacity: 0.95;">
המדריך המקיף ביותר לאבחון ופתרון בעיות באתרים. מסודר לפי קטגוריות עם פתרונות מיידיים.
</p>
<div class="emergency-hotline" style="background: rgba(255,255,255,0.2); padding: 1rem; border-radius: 0.5rem; margin-top: 2rem; text-align: center;">
<strong>🚨 האתר קרס? צריכים עזרה דחופה?</strong>
<div style="font-size: 1.5rem; margin-top: 0.5rem;">📞 054-321-9876</div>
</div>
</div>
<div class="quick-diagnosis" style="background: #fff5f5; border: 2px solid #fc8181; padding: 2rem; border-radius: 1rem; margin-bottom: 3rem;">
<h2 style="color: #c53030; margin-bottom: 1.5rem;">🔍 אבחון מהיר - מאיפה להתחיל?</h2>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem;">
<button style="padding: 1rem; background: white; border: 2px solid #fc8181; border-radius: 0.5rem; cursor: pointer;">
⚡ האתר איטי
</button>
<button style="padding: 1rem; background: white; border: 2px solid #fc8181; border-radius: 0.5rem; cursor: pointer;">
💥 האתר לא עולה
</button>
<button style="padding: 1rem; background: white; border: 2px solid #fc8181; border-radius: 0.5rem; cursor: pointer;">
📱 בעיות במובייל
</button>
<button style="padding: 1rem; background: white; border: 2px solid #fc8181; border-radius: 0.5rem; cursor: pointer;">
🔍 לא מופיע בגוגל
</button>
<button style="padding: 1rem; background: white; border: 2px solid #fc8181; border-radius: 0.5rem; cursor: pointer;">
🛒 בעיות בחנות
</button>
<button style="padding: 1rem; background: white; border: 2px solid #fc8181; border-radius: 0.5rem; cursor: pointer;">
🔒 בעיות אבטחה
</button>
</div>
</div>
<section class="performance-issues" style="margin-bottom: 4rem;">
<h2 style="font-size: 2rem; margin-bottom: 2rem; color: #2d3748; border-bottom: 3px solid #fc8181; padding-bottom: 0.5rem;">
⚡ בעיות ביצועים ומהירות
</h2>
<div class="problem-card" style="background: white; border: 1px solid #e2e8f0; border-radius: 1rem; padding: 2rem; margin-bottom: 2rem;">
<div class="problem-header" style="display: flex; align-items: center; margin-bottom: 1rem;">
<span style="background: #fc8181; color: white; padding: 0.5rem 1rem; border-radius: 9999px; margin-left: 1rem;">בעיה #1</span>
<h3 style="font-size: 1.5rem;">האתר נטען לאט (מעל 3 שניות)</h3>
</div>
<div class="symptoms" style="background: #fff5f5; padding: 1rem; border-radius: 0.5rem; margin-bottom: 1rem;">
<strong>🔴 סימפטומים:</strong>
<ul style="margin-top: 0.5rem;">
<li>זמן טעינה מעל 3 שניות</li>
<li>PageSpeed Score נמוך מ-50</li>
<li>משתמשים נוטשים את האתר</li>
<li>דירוג נמוך בגוגל</li>
</ul>
</div>
<div class="solutions" style="background: #f0fdf4; padding: 1rem; border-radius: 0.5rem; margin-bottom: 1rem;">
<strong>✅ פתרונות:</strong>
<ol style="margin-top: 0.5rem; line-height: 1.8;">
<li><strong>אופטימיזציה של תמונות:</strong>
<ul>
<li>המירו ל-WebP או AVIF</li>
<li>השתמשו ב-lazy loading</li>
<li>הקטינו תמונות ל-max 100KB</li>
<li>כלי מומלץ: TinyPNG, Squoosh</li>
</ul>
</li>
<li><strong>הפעילו Caching:</strong>
<ul>
<li>Browser caching</li>
<li>Server-side caching</li>
<li>תוסף מומלץ: WP Rocket</li>
</ul>
</li>
<li><strong>מינימיזציה של קוד:</strong>
<ul>
<li>Minify CSS/JS/HTML</li>
<li>הסירו קוד מיותר</li>
<li>השתמשו ב-CDN</li>
</ul>
</li>
</ol>
</div>
<div class="code-example" style="background: #1a202c; color: #e2e8f0; padding: 1rem; border-radius: 0.5rem; margin-bottom: 1rem; font-family: monospace;">
<div style="color: #48bb78; margin-bottom: 0.5rem;"># .htaccess לשיפור מהירות</div>
<pre style="margin: 0;">
Enable compression
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/css text/javascript
</IfModule>
Browser caching
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
</IfModule>
<div class="cost-time" style="display: flex; gap: 2rem; padding: 1rem; background: #f7fafc; border-radius: 0.5rem;">
<div>
<strong>💰 עלות תיקון:</strong> ₪500-2,000
</div>
<div>
<strong>⏱️ זמן תיקון:</strong> 2-4 שעות
</div>
<div>
<strong>🎯 רמת קושי:</strong> בינונית
</div>
</div>
</div>
<div class="problem-card" style="background: white; border: 1px solid #e2e8f0; border-radius: 1rem; padding: 2rem; margin-bottom: 2rem;">
<div class="problem-header" style="display: flex; align-items: center; margin-bottom: 1rem;">
<span style="background: #fc8181; color: white; padding: 0.5rem 1rem; border-radius: 9999px; margin-left: 1rem;">בעיה #2</span>
<h3 style="font-size: 1.5rem;">האתר "קופא" או לא מגיב</h3>
</div>
<div class="symptoms" style="background: #fff5f5; padding: 1rem; border-radius: 0.5rem; margin-bottom: 1rem;">
<strong>🔴 סימפטומים:</strong>
<ul style="margin-top: 0.5rem;">
<li>הדף לא מגיב ללחיצות</li>
<li>אנימציות נתקעות</li>
<li>גלילה לא חלקה</li>
<li>הדפדפן מציג "Page Unresponsive"</li>
</ul>
</div>
<div class="solutions" style="background: #f0fdf4; padding: 1rem; border-radius: 0.5rem; margin-bottom: 1rem;">
<strong>✅ פתרונות:</strong>
<ol style="margin-top: 0.5rem; line-height: 1.8;">
<li><strong>בדקו JavaScript errors:</strong>
<ul>
<li>פתחו Console בדפדפן (F12)</li>
<li>חפשו שגיאות באדום</li>
<li>תקנו או הסירו סקריפטים בעייתיים</li>
</ul>
</li>
<li><strong>אופטימיזציה של JavaScript:</strong>
<ul>
<li>השתמשו ב-async או defer</li>
<li>טענו סקריפטים בסוף הדף</li>
<li>הפחיתו מספר ה-DOM elements</li>
</ul>
</li>
<li><strong>בדקו תוספים:</strong>
<ul>
<li>נטרלו תוספים אחד אחד</li>
<li>עדכנו לגרסאות אחרונות</li>
<li>החליפו תוספים כבדים</li>
</ul>
</li>
</ol>
</div>
<div class="cost-time" style="display: flex; gap: 2rem; padding: 1rem; background: #f7fafc; border-radius: 0.5rem;">
<div>
<strong>💰 עלות תיקון:</strong> ₪300-1,500
</div>
<div>
<strong>⏱️ זמן תיקון:</strong> 1-3 שעות
</div>
<div>
<strong>🎯 רמת קושי:</strong> בינונית-גבוהה
</div>
</div>
</div>
</section>
<section class="display-issues" style="margin-bottom: 4rem;">
<h2 style="font-size: 2rem; margin-bottom: 2rem; color: #2d3748; border-bottom: 3px solid #fc8181; padding-bottom: 0.5rem;">
📱 בעיות תצוגה ועיצוב
</h2>
<div class="problem-card" style="background: white; border: 1px solid #e2e8f0; border-radius: 1rem; padding: 2rem; margin-bottom: 2rem;">
<div class="problem-header" style="display: flex; align-items: center; margin-bottom: 1rem;">
<span style="background: #fc8181; color: white; padding: 0.5rem 1rem; border-radius: 9999px; margin-left: 1rem;">בעיה #3</span>
<h3 style="font-size: 1.5rem;">האתר נראה שבור במובייל</h3>
</div>
<div class="symptoms" style="background: #fff5f5; padding: 1rem; border-radius: 0.5rem; margin-bottom: 1rem;">
<strong>🔴 סימפטומים:</strong>
<ul style="margin-top: 0.5rem;">
<li>טקסט חורג מהמסך</li>
<li>כפתורים קטנים מדי</li>
<li>תמונות לא מותאמות</li>
<li>תפריט לא עובד</li>
</ul>
</div>
<div class="solutions" style="background: #f0fdf4; padding: 1rem; border-radius: 0.5rem; margin-bottom: 1rem;">
<strong>✅ פתרונות:</strong>
<ol style="margin-top: 0.5rem; line-height: 1.8;">
<li><strong>הוסיפו viewport meta tag:</strong>
<code style="background: #e2e8f0; padding: 0.25rem 0.5rem; border-radius: 0.25rem; display: block; margin-top: 0.5rem;">
<meta name="viewport" content="width=device-width, initial-scale=1">
</code>
</li>
<li><strong>השתמשו ב-Media Queries:</strong>
<pre style="background: #1a202c; color: #e2e8f0; padding: 1rem; border-radius: 0.5rem; margin-top: 0.5rem;">
/* Mobile styles */
@media (max-width: 768px) {
.container {
width: 100%;
padding: 1rem;
}
.text {
font-size: 16px;
}
.button {
min-height: 44px;
width: 100%;
}
}
בדקו עם כלי גוגל:
- Mobile-Friendly Test
- Chrome DevTools (Ctrl+Shift+M)
- תקנו כל שגיאה שמופיעה
<div class="cost-time" style="display: flex; gap: 2rem; padding: 1rem; background: #f7fafc; border-radius: 0.5rem;">
<div>
<strong>💰 עלות תיקון:</strong> ₪800-3,000
</div>
<div>
<strong>⏱️ זמן תיקון:</strong> 3-8 שעות
</div>
<div>
<strong>🎯 רמת קושי:</strong> בינונית
</div>
</div>
</div>
<div class="problem-card" style="background: white; border: 1px solid #e2e8f0; border-radius: 1rem; padding: 2rem; margin-bottom: 2rem;">
<div class="problem-header" style="display: flex; align-items: center; margin-bottom: 1rem;">
<span style="background: #fc8181; color: white; padding: 0.5rem 1rem; border-radius: 9999px; margin-left: 1rem;">בעיה #4</span>
<h3 style="font-size: 1.5rem;">האתר נראה שונה בדפדפנים שונים</h3>
</div>
<div class="solutions" style="background: #f0fdf4; padding: 1rem; border-radius: 0.5rem;">
<strong>✅ פתרונות מהירים:</strong>
<ul style="margin-top: 0.5rem; line-height: 1.8;">
<li>השתמשו ב-CSS Reset או Normalize.css</li>
<li>הוסיפו vendor prefixes (-webkit-, -moz-)</li>
<li>בדקו ב-BrowserStack או LambdaTest</li>
<li>השתמשו ב-Autoprefixer</li>
</ul>
</div>
</div>
</section>
<section class="seo-issues" style="margin-bottom: 4rem;">
<h2 style="font-size: 2rem; margin-bottom: 2rem; color: #2d3748; border-bottom: 3px solid #fc8181; padding-bottom: 0.5rem;">
🔍 בעיות SEO וחשיפה
</h2>
<div class="problem-card" style="background: white; border: 1px solid #e2e8f0; border-radius: 1rem; padding: 2rem; margin-bottom: 2rem;">
<div class="problem-header" style="display: flex; align-items: center; margin-bottom: 1rem;">
<span style="background: #fc8181; color: white; padding: 0.5rem 1rem; border-radius: 9999px; margin-left: 1rem;">בעיה #5</span>
<h3 style="font-size: 1.5rem;">האתר לא מופיע בגוגל</h3>
</div>
<div class="symptoms" style="background: #fff5f5; padding: 1rem; border-radius: 0.5rem; margin-bottom: 1rem;">
<strong>🔴 סימפטומים:</strong>
<ul style="margin-top: 0.5rem;">
<li>חיפוש site:yourdomain.com לא מחזיר תוצאות</li>
<li>אין תנועה אורגנית</li>
<li>העמודים לא מאונדקסים</li>
</ul>
</div>
<div class="solutions" style="background: #f0fdf4; padding: 1rem; border-radius: 0.5rem; margin-bottom: 1rem;">
<strong>✅ פתרונות:</strong>
<ol style="margin-top: 0.5rem; line-height: 1.8;">
<li><strong>בדקו robots.txt:</strong>
<ul>
<li>וודאו שאין Disallow: /</li>
<li>הסירו חסימות מיותרות</li>
</ul>
</li>
<li><strong>הגישו sitemap:</strong>
<ul>
<li>צרו sitemap.xml</li>
<li>הגישו ב-Google Search Console</li>
<li>בקשו אינדוקס ידני</li>
</ul>
</li>
<li><strong>בדקו meta tags:</strong>
<ul>
<li>הסירו noindex tags</li>
<li>הוסיפו title ו-description</li>
<li>וודאו שאין canonical שגוי</li>
</ul>
</li>
</ol>
</div>
<div class="quick-check" style="background: #fef5e7; padding: 1rem; border-radius: 0.5rem; margin-bottom: 1rem;">
<strong>🔍 בדיקה מהירה:</strong>
<code style="display: block; margin-top: 0.5rem; background: #1a202c; color: #48bb78; padding: 0.5rem; border-radius: 0.25rem;">
site:yourdomain.com
</code>
<p style="margin-top: 0.5rem;">הקלידו בגוגל - אם אין תוצאות, יש בעיה!</p>
</div>
</div>
<div class="problem-card" style="background: white; border: 1px solid #e2e8f0; border-radius: 1rem; padding: 2rem; margin-bottom: 2rem;">
<div class="problem-header" style="display: flex; align-items: center; margin-bottom: 1rem;">
<span style="background: #fc8181; color: white; padding: 0.5rem 1rem; border-radius: 9999px; margin-left: 1rem;">בעיה #6</span>
<h3 style="font-size: 1.5rem;">דירוג נמוך בגוגל</h3>
</div>
<div class="solutions" style="background: #f0fdf4; padding: 1rem; border-radius: 0.5rem;">
<strong>✅ צעדים לשיפור מיידי:</strong>
<ul style="margin-top: 0.5rem; line-height: 1.8;">
<li>שפרו מהירות טעינה (PageSpeed Insights)</li>
<li>הוסיפו תוכן איכותי (מינימום 300 מילים)</li>
<li>בנו קישורים איכותיים</li>
<li>אופטמזו למובייל</li>
<li>תקנו 404 errors</li>
<li>הוסיפו Schema Markup</li>
</ul>
</div>
</div>
</section>
<section class="security-issues" style="margin-bottom: 4rem;">
<h2 style="font-size: 2rem; margin-bottom: 2rem; color: #2d3748; border-bottom: 3px solid #fc8181; padding-bottom: 0.5rem;">
🔒 בעיות אבטחה
</h2>
<div class="problem-card" style="background: white; border: 1px solid #e2e8f0; border-radius: 1rem; padding: 2rem; margin-bottom: 2rem;">
<div class="problem-header" style="display: flex; align-items: center; margin-bottom: 1rem;">
<span style="background: #fc8181; color: white; padding: 0.5rem 1rem; border-radius: 9999px; margin-left: 1rem;">בעיה #7</span>
<h3 style="font-size: 1.5rem;">האתר נפרץ / הוזרק קוד זדוני</h3>
</div>
<div class="symptoms" style="background: #fff5f5; padding: 1rem; border-radius: 0.5rem; margin-bottom: 1rem;">
<strong>🔴 סימפטומים:</strong>
<ul style="margin-top: 0.5rem;">
<li>הפניות לאתרים חשודים</li>
<li>פרסומות לא רצויות</li>
<li>Google מציג אזהרה</li>
<li>קבצים לא מוכרים בשרת</li>
</ul>
</div>
<div class="solutions" style="background: #f0fdf4; padding: 1rem; border-radius: 0.5rem; margin-bottom: 1rem;">
<strong>✅ צעדי חירום:</strong>
<ol style="margin-top: 0.5rem; line-height: 1.8;">
<li><strong>צעד מיידי:</strong> העבירו את האתר למצב תחזוקה</li>
<li><strong>סרקו עם:</strong> Sucuri, Wordfence, MalCare</li>
<li><strong>נקו:</strong>
<ul>
<li>הסירו קבצים חשודים</li>
<li>שחזרו מגיבוי נקי</li>
<li>החליפו כל הסיסמאות</li>
<li>עדכנו הכל לגרסה אחרונה</li>
</ul>
</li>
<li><strong>הגנו:</strong>
<ul>
<li>התקינו WAF (Web Application Firewall)</li>
<li>הגבילו גישות למנהל</li>
<li>הפעילו 2FA</li>
</ul>
</li>
</ol>
</div>
<div class="alert" style="background: #fef2f2; border: 2px solid #f87171; padding: 1rem; border-radius: 0.5rem;">
<strong>⚠️ אזהרה:</strong> אם האתר נפרץ, פנו למומחה אבטחה מיד! אל תנסו לתקן לבד אם אינכם בטוחים.
</div>
</div>
<div class="problem-card" style="background: white; border: 1px solid #e2e8f0; border-radius: 1rem; padding: 2rem; margin-bottom: 2rem;">
<div class="problem-header" style="display: flex; align-items: center; margin-bottom: 1rem;">
<span style="background: #fc8181; color: white; padding: 0.5rem 1rem; border-radius: 9999px; margin-left: 1rem;">בעיה #8</span>
<h3 style="font-size: 1.5rem;">תעודת SSL לא עובדת / אזהרת אבטחה</h3>
</div>
<div class="solutions" style="background: #f0fdf4; padding: 1rem; border-radius: 0.5rem;">
<strong>✅ פתרונות:</strong>
<ul style="margin-top: 0.5rem; line-height: 1.8;">
<li>חדשו את תעודת ה-SSL</li>
<li>התקינו Let's Encrypt (חינם)</li>
<li>תקנו Mixed Content (http במקום https)</li>
<li>הגדירו redirect מ-http ל-https</li>
<li>עדכנו את כל הקישורים הפנימיים</li>
</ul>
</div>
</div>
</section>
<section class="functionality-issues" style="margin-bottom: 4rem;">
<h2 style="font-size: 2rem; margin-bottom: 2rem; color: #2d3748; border-bottom: 3px solid #fc8181; padding-bottom: 0.5rem;">
🛠️ בעיות פונקציונליות
</h2>
<div class="problem-card" style="background: white; border: 1px solid #e2e8f0; border-radius: 1rem; padding: 2rem; margin-bottom: 2rem;">
<div class="problem-header" style="display: flex; align-items: center; margin-bottom: 1rem;">
<span style="background: #fc8181; color: white; padding: 0.5rem 1rem; border-radius: 9999px; margin-left: 1rem;">בעיה #9</span>
<h3 style="font-size: 1.5rem;">טופס יצירת קשר לא שולח</h3>
</div>
<div class="solutions" style="background: #f0fdf4; padding: 1rem; border-radius: 0.5rem;">
<strong>✅ בדיקות:</strong>
<ol style="margin-top: 0.5rem; line-height: 1.8;">
<li>וודאו שה-SMTP מוגדר נכון</li>
<li>בדקו את כתובת המייל הנמען</li>
<li>בדקו בתיקיית Spam</li>
<li>נסו תוסף SMTP (WP Mail SMTP)</li>
<li>בדקו logs של השרת</li>
<li>וודאו ש-PHP mail() מופעל</li>
</ol>
</div>
</div>
<div class="problem-card" style="background: white; border: 1px solid #e2e8f0; border-radius: 1rem; padding: 2rem; margin-bottom: 2rem;">
<div class="problem-header" style="display: flex; align-items: center; margin-bottom: 1rem;">
<span style="background: #fc8181; color: white; padding: 0.5rem 1rem; border-radius: 9999px; margin-left: 1rem;">בעיה #10</span>
<h3 style="font-size: 1.5rem;">קישורים שבורים / 404 errors</h3>
</div>
<div class="solutions" style="background: #f0fdf4; padding: 1rem; border-radius: 0.5rem;">
<strong>✅ פתרונות:</strong>
<ul style="margin-top: 0.5rem; line-height: 1.8;">
<li>סרקו עם Broken Link Checker</li>
<li>הגדירו 301 redirects</li>
<li>צרו עמוד 404 מותאם אישית</li>
<li>עדכנו את ה-sitemap</li>
<li>תקנו קישורים פנימיים</li>
</ul>
</div>
</div>
</section>
<section class="wordpress-specific" style="margin-bottom: 4rem;">
<h2 style="font-size: 2rem; margin-bottom: 2rem; color: #2d3748; border-bottom: 3px solid #fc8181; padding-bottom: 0.5rem;">
📝 בעיות ספציפיות לוורדפרס
</h2>
<div class="problem-card" style="background: white; border: 1px solid #e2e8f0; border-radius: 1rem; padding: 2rem; margin-bottom: 2rem;">
<div class="problem-header" style="display: flex; align-items: center; margin-bottom: 1rem;">
<span style="background: #fc8181; color: white; padding: 0.5rem 1rem; border-radius: 9999px; margin-left: 1rem;">בעיה #11</span>
<h3 style="font-size: 1.5rem;">White Screen of Death</h3>
</div>
<div class="solutions" style="background: #f0fdf4; padding: 1rem; border-radius: 0.5rem;">
<strong>✅ פתרונות:</strong>
<ol style="margin-top: 0.5rem; line-height: 1.8;">
<li>הגדילו PHP memory limit</li>
<li>נטרלו את כל התוספים (rename plugins folder)</li>
<li>החליפו לתבנית ברירת מחדל</li>
<li>הפעילו WP_DEBUG</li>
<li>בדקו error logs</li>
</ol>
</div>
</div>
<div class="problem-card" style="background: white; border: 1px solid #e2e8f0; border-radius: 1rem; padding: 2rem; margin-bottom: 2rem;">
<div class="problem-header" style="display: flex; align-items: center; margin-bottom: 1rem;">
<span style="background: #fc8181; color: white; padding: 0.5rem 1rem; border-radius: 9999px; margin-left: 1rem;">בעיה #12</span>
<h3 style="font-size: 1.5rem;">Error Establishing Database Connection</h3>
</div>
<div class="solutions" style="background: #f0fdf4; padding: 1rem; border-radius: 0.5rem;">
<strong>✅ פתרונות:</strong>
<ul style="margin-top: 0.5rem; line-height: 1.8;">
<li>בדקו את wp-config.php (DB_NAME, DB_USER, DB_PASSWORD, DB_HOST)</li>
<li>וודאו שה-MySQL server רץ</li>
<li>תקנו טבלאות: WP_ALLOW_REPAIR</li>
<li>בדקו מגבלות משתמש בדאטאבייס</li>
</ul>
</div>
</div>
</section>
<section class="tools-resources" style="background: #f7fafc; padding: 2rem; border-radius: 1rem; margin-bottom: 3rem;">
<h2 style="font-size: 2rem; margin-bottom: 2rem; color: #2d3748;">🛠️ ארגז כלים לאבחון</h2>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem;">
<div style="background: white; padding: 1.5rem; border-radius: 0.5rem;">
<h3 style="color: #667eea; margin-bottom: 1rem;">⚡ מהירות וביצועים</h3>
<ul style="list-style: none; padding: 0;">
<li style="margin-bottom: 0.5rem;">• Google PageSpeed Insights</li>
<li style="margin-bottom: 0.5rem;">• GTmetrix</li>
<li style="margin-bottom: 0.5rem;">• Pingdom Tools</li>
<li style="margin-bottom: 0.5rem;">• WebPageTest</li>
<li>• Chrome DevTools</li>
</ul>
</div>
<div style="background: white; padding: 1.5rem; border-radius: 0.5rem;">
<h3 style="color: #667eea; margin-bottom: 1rem;">🔍 SEO</h3>
<ul style="list-style: none; padding: 0;">
<li style="margin-bottom: 0.5rem;">• Google Search Console</li>
<li style="margin-bottom: 0.5rem;">• Screaming Frog</li>
<li style="margin-bottom: 0.5rem;">• SEMrush</li>
<li style="margin-bottom: 0.5rem;">• Ahrefs</li>
<li>• Mobile-Friendly Test</li>
</ul>
</div>
<div style="background: white; padding: 1.5rem; border-radius: 0.5rem;">
<h3 style="color: #667eea; margin-bottom: 1rem;">🔒 אבטחה</h3>
<ul style="list-style: none; padding: 0;">
<li style="margin-bottom: 0.5rem;">• Sucuri SiteCheck</li>
<li style="margin-bottom: 0.5rem;">• Wordfence</li>
<li style="margin-bottom: 0.5rem;">• SSL Labs Test</li>
<li style="margin-bottom: 0.5rem;">• Security Headers</li>
<li>• VirusTotal</li>
</ul>
</div>
<div style="background: white; padding: 1.5rem; border-radius: 0.5rem;">
<h3 style="color: #667eea; margin-bottom: 1rem;">🔧 כללי</h3>
<ul style="list-style: none; padding: 0;">
<li style="margin-bottom: 0.5rem;">• Broken Link Checker</li>
<li style="margin-bottom: 0.5rem;">• W3C Validator</li>
<li style="margin-bottom: 0.5rem;">• BrowserStack</li>
<li style="margin-bottom: 0.5rem;">• Uptime Robot</li>
<li>• Google Analytics</li>
</ul>
</div>
</div>
</section>
<section class="prevention-checklist" style="background: #f0fdf4; border: 2px solid #48bb78; padding: 2rem; border-radius: 1rem; margin-bottom: 3rem;">
<h2 style="color: #22543d; margin-bottom: 2rem;">✅ רשימת בדיקה למניעת בעיות</h2>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem;">
<div>
<h3 style="color: #48bb78; margin-bottom: 1rem;">יומי</h3>
<ul style="list-style: none; padding: 0;">
<li style="margin-bottom: 0.5rem;">☐ בדקו שהאתר עולה</li>
<li style="margin-bottom: 0.5rem;">☐ בדקו טפסים ראשיים</li>
<li>☐ מעקב אחר שגיאות בקונסול</li>
</ul>
</div>
<div>
<h3 style="color: #48bb78; margin-bottom: 1rem;">שבועי</h3>
<ul style="list-style: none; padding: 0;">
<li style="margin-bottom: 0.5rem;">☐ גיבוי מלא</li>
<li style="margin-bottom: 0.5rem;">☐ סריקת אבטחה</li>
<li style="margin-bottom: 0.5rem;">☐ בדיקת מהירות</li>
<li>☐ עדכון תוספים</li>
</ul>
</div>
<div>
<h3 style="color: #48bb78; margin-bottom: 1rem;">חודשי</h3>
<ul style="list-style: none; padding: 0;">
<li style="margin-bottom: 0.5rem;">☐ בדיקת קישורים שבורים</li>
<li style="margin-bottom: 0.5rem;">☐ ניתוח Analytics</li>
<li style="margin-bottom: 0.5rem;">☐ עדכון וורדפרס</li>
<li>☐ אופטימיזציה של DB</li>
</ul>
</div>
</div>
</section>
<section class="cost-summary" style="background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 3rem; border-radius: 1rem; margin-bottom: 3rem;">
<h2 style="font-size: 2rem; margin-bottom: 2rem;">💰 סיכום עלויות תיקון</h2>
<table style="width: 100%; background: rgba(255,255,255,0.1); border-radius: 0.5rem; padding: 1rem;">
<thead>
<tr style="border-bottom: 2px solid rgba(255,255,255,0.3);">
<th style="padding: 1rem; text-align: right;">סוג הבעיה</th>
<th style="padding: 1rem; text-align: center;">תיקון עצמי</th>
<th style="padding: 1rem; text-align: center;">מומחה</th>
<th style="padding: 1rem; text-align: center;">זמן</th>
</tr>
</thead>
<tbody>
<tr style="border-bottom: 1px solid rgba(255,255,255,0.2);">
<td style="padding: 1rem;">מהירות איטית</td>
<td style="padding: 1rem; text-align: center;">₪0-200</td>
<td style="padding: 1rem; text-align: center;">₪500-2,000</td>
<td style="padding: 1rem; text-align: center;">2-4 שעות</td>
</tr>
<tr style="border-bottom: 1px solid rgba(255,255,255,0.2);">
<td style="padding: 1rem;">בעיות תצוגה</td>
<td style="padding: 1rem; text-align: center;">₪0</td>
<td style="padding: 1rem; text-align: center;">₪800-3,000</td>
<td style="padding: 1rem; text-align: center;">3-8 שעות</td>
</tr>
<tr style="border-bottom: 1px solid rgba(255,255,255,0.2);">
<td style="padding: 1rem;">בעיות SEO</td>
<td style="padding: 1rem; text-align: center;">₪0-500</td>
<td style="padding: 1rem; text-align: center;">₪1,500-5,000</td>
<td style="padding: 1rem; text-align: center;">5-15 שעות</td>
</tr>
<tr style="border-bottom: 1px solid rgba(255,255,255,0.2);">
<td style="padding: 1rem;">פריצה/אבטחה</td>
<td style="padding: 1rem; text-align: center;">לא מומלץ</td>
<td style="padding: 1rem; text-align: center;">₪2,000-10,000</td>
<td style="padding: 1rem; text-align: center;">4-24 שעות</td>
</tr>
<tr>
<td style="padding: 1rem;">תחזוקה מונעת</td>
<td style="padding: 1rem; text-align: center;">₪0-100/חודש</td>
<td style="padding: 1rem; text-align: center;">₪199-999/חודש</td>
<td style="padding: 1rem; text-align: center;">2-5 שעות/חודש</td>
</tr>
</tbody>
</table>
</section>
<section class="when-to-call-expert" style="background: #fef5e7; border: 2px solid #f6ad55; padding: 2rem; border-radius: 1rem; margin-bottom: 3rem;">
<h2 style="color: #92400e; margin-bottom: 1.5rem;">📞 מתי לקרוא למומחה?</h2>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem;">
<div style="background: white; padding: 1rem; border-radius: 0.5rem;">
<h4 style="color: #f6ad55; margin-bottom: 0.5rem;">🚨 מיידי</h4>
<ul style="font-size: 0.9rem;">
<li>האתר נפרץ</li>
<li>מחיקת מידע קריטי</li>
<li>האתר לא עולה כלל</li>
<li>אובדן מכירות</li>
</ul>
</div>
<div style="background: white; padding: 1rem; border-radius: 0.5rem;">
<h4 style="color: #f6ad55; margin-bottom: 0.5rem;">⚠️ תוך 24 שעות</h4>
<ul style="font-size: 0.9rem;">
<li>בעיות בתשלומים</li>
<li>שגיאות קריטיות</li>
<li>ירידה חדה בתנועה</li>
<li>בעיות SSL</li>
</ul>
</div>
<div style="background: white; padding: 1rem; border-radius: 0.5rem;">
<h4 style="color: #f6ad55; margin-bottom: 0.5rem;">📅 תכנון</h4>
<ul style="font-size: 0.9rem;">
<li>שיפורי ביצועים</li>
<li>עיצוב מחדש</li>
<li>הוספת פיצרים</li>
<li>אופטימיזציה</li>
</ul>
</div>
</div>
</section>
<div class="conclusion" style="background: linear-gradient(135deg, #48bb78, #38a169); color: white; padding: 3rem; border-radius: 1rem; text-align: center;">
<h2 style="font-size: 2rem; margin-bottom: 1rem;">💪 אתם יכולים לתקן את זה!</h2>
<p style="font-size: 1.2rem; margin-bottom: 2rem;">
רוב הבעיות ניתנות לפתרון עם קצת סבלנות והכלים הנכונים. התחילו מהבעיות הפשוטות והתקדמו למורכבות.
</p>
<div style="background: rgba(255,255,255,0.2); padding: 1.5rem; border-radius: 0.5rem; display: inline-block;">
<p style="margin-bottom: 1rem; font-weight: bold;">צריכים עזרה מקצועית?</p>
<p>צוות BigDesign זמין 24/7 לטיפול בכל בעיה</p>
<p style="margin-top: 1rem; font-size: 1.5rem;">📞 054-321-9876</p>
<p style="margin-top: 0.5rem;">תמיכת חירום • אבחון חינם • מחירים הוגנים</p>
</div>
</div>
</div>
מעוניינים לקבל ייעוץ מקצועי?
צוות BigDesign כאן בשבילכם. נשמח לעזור לכם לבנות את האתר המושלם לעסק שלכם.