SEO Lens — Teknik SEO, Schema.org Doğrulayıcı & Sosyal Paylaşım Denetçisi
Sayfa içi SEO metriklerini, Google SERP piksel genişliklerini, derinlemesine Schema.org (@graph JSON-LD ve Microdata) yapılandırılmış verilerini anlık denetleyen ve 4'lü canlı sosyal paylaşım kartı simülasyonu sunan sıfır bağımlılıklı Microsoft Edge eklentisi.
Projeye Genel Bakış
Modern web geliştirmede teknik SEO hataları ve bozuk yapılandırılmış veri (Schema.org) tanımları, web sitelerinin arama motorlarındaki görünürlüğünü ve sosyal medya tıklama oranlarını doğrudan baltalar. Ancak piyasadaki mevcut tarayıcı eklentileri; çok megabaytlık hantal paketleri, istemci kaynak kodlarını dış sunuculara sızdıran üçüncü parti analitik takipçileri, temel özelliklere konan abonelik duvarları ve modern @graph dizileriyle karşılaştığında çöken kırılgan şema ayrıştırıcılarıyla ciddi bir verimsizlik yaratmaktadır.
SEO Lens, bu problemleri kökten çözmek amacıyla Onur Aksoy (a.k.a. Hackonomist) tarafından sıfırdan geliştirildi. Chrome ve Microsoft Edge'in en katı Manifest V3 güvenlik standartlarına tam uyumlu, sıfır harici bağımlılığa sahip yerel bir tarayıcı eklentisi olarak tasarlanan SEO Lens; aktif web sayfalarını tamamen istemci tarafında 50 milisaniyenin altında analiz eder. 0–100 arası algoritmik Teknik SEO Sağlık Skoru, Google SERP piksel genişliği hesaplayıcısı, H1–H6 görsel başlık ağacı, sentaks hatalarını satır ve sütun bazında gösteren özyinelemeli Schema.org (JSON-LD ve Microdata) doğrulama motoru, 4'lü canlı sosyal medya kart simülatörü (Facebook, WhatsApp, X/Twitter, LinkedIn) ve tek tıkla yapılandırılmış JSON raporu dışa aktarımıyla eksiksiz bir teknik denetim sunar.
flowchart TD
subgraph SayfaOrtami ["Aktif Tarayıcı Sekmesi DOM'u"]
DOMTree["HTML Belgesi\n<head> / <body>"]
MetaTags["Title, Description, Canonical\nMeta Robots, Open Graph, Twitter"]
HeadingsTree["Başlık Hiyerarşisi\n<h1> - <h6> Ağacı"]
SchemaScripts["Yapılandırılmış Veriler\nJSON-LD & Microdata Kodları"]
DOMTree --> MetaTags
DOMTree --> HeadingsTree
DOMTree --> SchemaScripts
end
subgraph EklentiCekirdegi ["SEO Lens Eklenti Motoru (Manifest V3)"]
ContentScript["İzole İçerik Betiği\nDOM Veri Yakalama"]
AuditPipeline["Algoritmik SEO Değerlendirme Hattı"]
subgraph AltModuller ["Denetim ve Doğrulama Modülleri"]
HealthScorer["0-100 SEO Sağlık Skoru\nSERP Piksel Genişlik Motoru"]
HeadingInspector["Başlık Ağacı & Atlama Tespiti\nEksik / Çoklu H1 Uyarısı"]
SchemaValidator["Schema.org Doğrulama Motoru\n@graph Özyinelemeli Doğrulayıcı"]
SocialCanvas["4'lü Sosyal Simülatör\nFB, WhatsApp, X, LinkedIn"]
end
ExportEngine["Yapılandırılmış JSON Dışa Aktarımı\nTek Tıkla Rapor Üretici"]
end
MetaTags --> ContentScript
HeadingsTree --> ContentScript
SchemaScripts --> ContentScript
ContentScript -- "Yapılandırılmış DOM Yükü" --> AuditPipeline
AuditPipeline --> HealthScorer
AuditPipeline --> HeadingInspector
AuditPipeline --> SchemaValidator
AuditPipeline --> SocialCanvas
AuditPipeline --> ExportEngine
style SayfaOrtami fill:#08090A,stroke:#10B981,stroke-width:1px,color:#EDEDED
style EklentiCekirdegi fill:#0E131F,stroke:#059669,stroke-width:1px,color:#EDEDED
style AltModuller fill:#14171D,stroke:#10B981,stroke-width:1px,color:#EDEDEDMimari Karşılaştırma: SEO Lens vs. Geleneksel SEO Eklentileri ve Bulut Tarayıcılar
| Teknik & Operasyonel Kriter | Geleneksel SEO Eklentileri | Bulut Tabanlı SaaS Tarayıcılar | SEO Lens Yerel Edge Motoru |
|---|---|---|---|
| Analiz Gecikmesi | 350ms – 1200ms (Ağır Paket) | 30s – 5dk (Uzak Bulut Sırası) | < 50ms (Saf Bellek İçi DOM Analizi) |
| Harici Bağımlılıklar | 15 – 45 NPM Paketi / Bundler | Karmaşık Bulut Mikroservisleri | 0 Harici Paket / %100 Saf Vanilla JS |
| Schema.org @graph Desteği | Sıklıkla Çöker veya Tanımsız Gösterir | Gecikmeli Uzak Ayrıştırma | Yerel Özyinelemeli Doğrulama & Tip Kontrolü |
| Veri Gizliliği & Takip | Telemetri Enjekte Eder, URL Takibi Yapar | URL'leri Üçüncü Parti Sunucularda Saklar | %100 İstemci Tarafı / Sıfır Veri Saklama |
| Sosyal Paylaşım Simülatörü | Statik ham meta etiket gösterimi | Basit maketler (çoğunlukla güncel değil) | Canlı Birebir 4'lü Platform Önizleme |
| Manifest V3 & CSP Uyumu | Eski Manifest V2 veya satır içi hackler | Yalnızca web paneli | %100 Katı Manifest V3 / Sıfır Satır İçi Betik |
Teknik Derinlemesine İnceleme
1. Sıfır Bağımlılıklı Manifest V3 Mimarisi & 50ms Altı Bellek İçi DOM Denetimi
Güvenlik açıkları ve çalışma zamanı gecikmeleri yaratan ağır JavaScript çerçeveleri (React, Vue veya Webpack paketleri) kullanmak yerine, SEO Lens tamamen saf, modern Vanilla ECMAScript (ES2024) ile geliştirilmiştir. Chrome ve Microsoft Edge'in katı Manifest V3 güvenlik yaşam döngüsü altında çalışan izole içerik betiği; belgenin tüm meta etiketlerini, başlık ağacını ve script bloklarını tek bir döngüde yakalayarak sayfada layout bozulması veya bellek sızıntısı yaratmadan 50 milisaniyenin altında analiz eder.
2. Özyinelemeli @graph ve Microdata Destekli Derinlemesine Schema.org Doğrulayıcı
Geleneksel tarayıcı eklentileri, modern kurumsal web sitelerinde kullanılan @graph şema dizilerini çözümleyemez ve çöker. SEO Lens, dahili özyinelemeli Schema.org doğrulama motoruyla kök @graph yapılarını açar, sözdizimi (syntax) hatalarını tam satır ve sütun numaralarıyla raporlar. Article, Product, Organization, LocalBusiness, BreadcrumbList, FAQPage, HowTo, Recipe ve WebSite gibi kritik şemaların zorunlu ve önerilen alanlarını eksiksiz denetleyerek arama motoru cezalarını önceden tespit eder.
3. Google SERP Piksel Genişliği Analizi ve 0–100 Algorithmic Sağlık Skoru
Yalnızca karakter sayısı kontrolü yapmak, başlık veya açıklamaların Google arama sonuçlarında düzgün görüneceğini garanti etmez; orantısal harf genişlikleri (örneğin 'W' ile 'I' harfinin kapladığı piksel farkı) kesilmeyi belirler. SEO Lens, orantısal yazı tipi genişliklerini istemci tarafında hesaplayarak hem net karakter sayısını hem de Google SERP piksel boyutunu (Başlık: maks 580px, Açıklama: maks 990px) anlık gösterir. Bu veriler; canonical, meta robots, HTTPS, dil, viewport ve Open Graph etiketleriyle birleşerek 0–100 arası algoritmik bir Teknik SEO Sağlık Skoruna dönüştürülür.
4. 4'lü Canlı Sosyal Medya Paylaşım Simülatörü ve Tek Tıkla Yapılandırılmış JSON Raporu
Sosyal ağlardaki bağlantı kartları, kullanıcıların tıklama oranını doğrudan etkiler. SEO Lens; Facebook (Open Graph standart kartı), WhatsApp (önizleme görselli kompakt kart), X/Twitter (Summary Large Image kartı) ve LinkedIn (yayıncı imzalı akış kartı) için birebir piksel duyarlı canlı kart önizlemesi sunar. Geliştiriciler ve ajanslar, tüm analiz bulgularını, parse edilmiş şema ağaçlarını ve uyarıları tek tıkla standart bir JSON raporu olarak dışa aktarabilir.
Teknoloji Yığını
- Çalışma Zamanı & Platform
- Microsoft Edge / Google Chrome Eklentisi (Manifest V3)
- Çekirdek Mimari
- Saf Vanilla ECMAScript (ES2024), Sıfır Harici Paket Bağımlılığı
- Güvenlik Modeli
- Katı Manifest V3 CSP (script-src 'self'), Sıfır Satır İçi İşleyici
- Doğrulama Motoru
- Özyinelemeli Schema.org (@graph JSON-LD & Microdata) Sentaks İzleme
- SERP Analizcisi
- İstemci Taraflı Orantısal Piksel Genişliği Ölçümü (580px / 990px)
- Görsel Simülatör
- Canlı 4'lü Platform Kart Tuvali (Facebook, WhatsApp, X, LinkedIn)
- Dağıtım & Sertifikasyon
- Resmi Microsoft Edge Add-ons Mağazası Onaylı
Sağlanan Katma Değer & İş Etkisi
SEO Lens; web geliştiricilerine, teknik SEO mimarlarına ve dijital ajanslara sitelerini yayına almadan önce tüm yapılandırılmış veri ve arama görünümü kusurlarını anında tespit etme olanağı tanır. Aylık SaaS aboneliklerini ortadan kaldırırken tam veri egemenliği ve sıfır veri sızıntısı sağlar.
Benzer bir sistem mimarisine mi ihtiyacınız var?
Teknik danışmanlık, özel yazılım geliştirme veya sistem denetimi için doğrudan iletişime geçebilirsiniz.