-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpopup.html
More file actions
145 lines (131 loc) · 6.26 KB
/
Copy pathpopup.html
File metadata and controls
145 lines (131 loc) · 6.26 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles.css">
<title>SEO Master V15</title>
</head>
<body>
<div class="app-container">
<header id="app-header" class="hidden">
<div class="brand">
<h1>SEO Master</h1>
<div id="overallScore" class="score-badge">--</div>
</div>
<button id="exportBtn" class="btn-xs">Raporu Aç</button>
</header>
<div id="start-screen" class="start-screen">
<div class="logo-area">
<h1>🚀 SEO Master</h1>
<p>V15: N-Gram + Canonical + Hız + AI</p>
</div>
<button id="startScanBtn" class="btn-big-pulse">ANALİZİ BAŞLAT</button>
<div id="recent-history-link" class="history-link">Son analizleri görmek için tarama yapın.</div>
</div>
<div id="loading-screen" class="loading hidden">
<div class="spinner"></div><p>Detaylı Tarama Yapılıyor...</p>
</div>
<div id="tabs-nav" class="tabs hidden">
<button class="tab-link active" data-tab="tab-overview">Özet</button>
<button class="tab-link" data-tab="tab-keywords">Kelimeler</button> <button class="tab-link" data-tab="tab-onpage">İçerik</button>
<button class="tab-link" data-tab="tab-tech">Teknik</button>
<button class="tab-link" data-tab="tab-history">Geçmiş</button>
</div>
<div id="content-area" class="hidden">
<div id="tab-overview" class="tab-content active">
<div class="card-grid">
<div class="card">
<h3>Durum</h3>
<p id="ov-url" class="break-word"></p>
<div class="status-row"><span class="lbl">Robots:</span> <span id="ov-robots" class="badge"></span></div>
</div>
<div class="card">
<h3>Google Önizleme</h3>
<div class="google-preview">
<div class="g-cite"><span></span> <em id="serp-url" style="font-style:normal; color:#202124;"></em></div>
<a href="#" class="g-title" id="serp-title">...</a>
<div class="g-desc" id="serp-desc">...</div>
</div>
</div>
</div>
<div class="card">
<h3>🚀 Kritik Hatalar & Çözümler</h3>
<ul id="suggestion-list" class="suggestion-list"></ul>
</div>
</div>
<div id="tab-keywords" class="tab-content">
<div class="card">
<h3>Tekil Anahtar Kelimeler</h3>
<div id="top-keywords" class="keyword-cloud"></div>
</div>
<div class="card">
<h3>İkili Öbekler (2-Word Phrases)</h3>
<div id="kw-double" class="keyword-cloud"></div>
</div>
<div class="card">
<h3>Üçlü Öbekler (3-Word Phrases)</h3>
<div id="kw-triple" class="keyword-cloud"></div>
</div>
<div class="card">
<h3>🔍 Google İnsanlar Bunları da Arıyor</h3>
<ul id="google-suggestions" class="simple-list"><li>Yükleniyor...</li></ul>
</div>
</div>
<div id="tab-onpage" class="tab-content">
<div class="card">
<h3>🤖 AI Tespiti</h3>
<div style="display:flex; justify-content:space-between; margin-bottom:5px;">
<span class="lbl">Skor:</span><strong id="ai-label" style="font-size:11px;"></strong>
</div>
<div class="progress-bg"><div id="ai-bar" class="progress-fill"></div></div>
<div class="stat-row"><span>Varyasyon:</span> <strong id="ai-std"></strong></div>
</div>
<div class="card">
<h3>📝 Metrikler</h3>
<div class="stat-row"><span>Kelime Sayısı:</span> <strong id="word-count"></strong></div>
<div class="stat-row"><span>Metin/Kod Oranı:</span> <strong id="text-ratio"></strong></div>
<div class="stat-row"><span>Okunabilirlik:</span> <strong id="readability-score"></strong></div>
</div>
<div class="section">
<h3>Başlık Hiyerarşisi</h3>
<ul id="headings-list" class="simple-list"></ul>
<button class="action-btn" data-highlight="h1, h2, h3">Başlıkları Göster</button>
</div>
</div>
<div id="tab-tech" class="tab-content">
<div class="card">
<h3>⚡ Performans & Altyapı</h3>
<div id="tech-stack-list" class="tech-tags" style="margin-bottom:5px;"></div>
<div class="stat-row"><span>LCP (Hız):</span> <strong id="cwv-lcp"></strong></div>
<div class="stat-row"><span>CLS (Kayma):</span> <strong id="cwv-cls"></strong></div>
<div class="stat-row"><span>Schema:</span> <strong id="schema-status"></strong></div>
</div>
<div class="card">
<h3>🖼️ Görsel Optimizasyon</h3>
<div class="stat-row"><span>Toplam:</span> <strong id="img-total"></strong></div>
<div class="stat-row bad-text"><span>Eksik Alt:</span> <strong id="img-missing"></strong></div>
<div class="stat-row warn-text"><span>Eski Format (JPG/PNG):</span> <strong id="img-format"></strong></div>
<div class="stat-row warn-text"><span>Büyük Boyut (>150KB):</span> <strong id="img-size"></strong></div>
<button class="action-btn" data-highlight="img:not([src*='.webp']):not([src*='.avif'])">Eski Formatları Bul</button>
</div>
<div class="card">
<h3>♿ Erişilebilirlik (A11y)</h3>
<div class="stat-row"><span>Küçük Yazı (<12px):</span> <strong id="a11y-font"></strong></div>
<div class="stat-row"><span>Küçük Butonlar:</span> <strong id="a11y-target"></strong></div>
<div class="stat-row bad-text"><span>Güvensiz Link:</span> <strong id="link-unsafe"></strong></div>
</div>
</div>
<div id="tab-history" class="tab-content">
<div class="card">
<h3>📅 Son Taramalar</h3>
<ul id="history-list" class="suggestion-list">
<li style="padding:10px; color:#999;">Henüz kayıt yok.</li>
</ul>
<button id="clearHistoryBtn" class="btn-xs" style="margin-top:10px; width:100%; background:#ef4444;">Geçmişi Temizle</button>
</div>
</div>
</div>
</div>
<script src="popup.js"></script>
</body>
</html>