Kod Formatlayıcı

Ziyaret ettiğiniz sayfanın kodunu okunabilir hâle getirir; meta etiketlerini ve yapısal verisini teknik SEO için denetler.

Kod Formatlayıcı, ziyaret ettiğiniz sayfanın kodunu okunabilir hâle getiren ve teknik SEO açısından denetleyen bir Chrome eklentisidir. Enar SEO tarafından geliştirilmiştir: https://www.enarseo.com/ Eklenti simgesine bastığınızda sayfanın kodu yeni bir sekmede renklendirilmiş, girintili ve katlanabilir hâlde açılır. Küçültülmüş (minified) betikler ve stil dosyaları da okunur biçimde gösterilir. Meta etiketleri, yapısal veri, sayfa boyutu ve standartlara uygunluk aynı yerde incelenir; istediğiniz bölümü tek tıkla kopyalarsınız. Alt+Shift+F kısayolu da çalışır. TEKNİK SEO'DA NE KOLAYLAŞTIRIR • Meta kontrolü saniyeler sürer. Sayfanın başlık, açıklama, robots ve canonical etiketleri ile sosyal medya etiketleri gruplanmış tek bir listede gelir. head bölümünün dışına kaçmış bir etiket varsa uyarıyla işaretlenir. • Yapısal veri hatalarını Google aracına gitmeden bulursunuz. Sayfadaki her JSON-LD bloğu türüyle listelenir ve Google'ın zengin sonuç kurallarına göre denetlenir: eksik zorunlu ya da önerilen alanlar, geçersiz tarih ve adres biçimleri, yazımı şüpheli türler, boş değerler. • Hataya tıklayınca tam ilgili alana gidersiniz ve mevcut kod ile olması gereken kodu yan yana görürsünüz. Önerilen kodu tek tıkla kopyalayıp geliştiriciye iletebilir ya da eklenti içinde düzenleyip denetimin yeniden geçtiğini anında görebilirsiniz. • Yapısal verideki yayın tarihi ve sayfa adresi, sayfanın meta etiketleriyle çapraz kontrol edilir; tutarsızlık hemen ortaya çıkar. Yanlış script türüyle yazıldığı için Google'ın okumadığı yapısal veri blokları da yakalanır. • Tarayıcının oluşturduğu DOM ile sunucudan gelen ham HTML ayrı ayrı görüntülenir. Böylece JavaScript sonrası oluşan içeriği ve sunucunun gerçekte ne gönderdiğini karşılaştırabilirsiniz. • Sayfa boyutu analizi, her baytın hangi etiket ve nitelikten geldiğini gösterir: satır içi stiller, gömülü veri blokları, görsel adresleri, uzun sınıf listeleri. Ham ve sıkıştırılmış boyutlar yüzdeleriyle listelenir. • Standartlara uygunluk denetimi eklentinin içinde çalışır. Yerel ön kontrol anında sonuç verir; isterseniz tek tıkla W3C'nin resmî denetleyicisinin sonucunu satır numaralarıyla alırsınız. • Giriş gerektiren, yayına çıkmamış ya da yerel sayfalarda da çalışır, çünkü analiz elinizdeki kod üzerinde yapılır. • Denetim sonuçları Word, Outlook ve Google Docs'a tablo olarak yapışan biçimli rapor ya da PDF olarak dışa aktarılır. • Google'ın zengin sonuç testi ve Schema.org doğrulayıcısı sayfanın adresiyle tek tıkla açılır. WEB GELİŞTİRİCİLER İÇİN • Sayfaya gömülü her betik ve stil bloğu ile sayfanın yüklediği dış dosyalar kenar çubuğunda ayrı ayrı listelenir ve okunabilir hâlde açılır. • Her öğe kendi satırında, nitelikler satır sonuna taşmadan tek satırda durur; blok katlama ile uzun sayfalarda kaybolmazsınız. • Sayfada göster: koddaki bir satıra tıklayın, o kodun sayfada hangi alanı oluşturduğu mavi çerçeveyle işaretlenir; öğenin ağaçtaki yolu, metni, bağlantı adresi ve ekran görüntüsü açılır. Tarayıcının "İncele" aracının tersi gibi çalışır. • Kodu eklenti içinde düzenleyebilirsiniz; düzenleme sayfa adresine bağlı saklanır ve eklentiyi tekrar açınca geri gelir. Siteye hiçbir şey gönderilmez. • Satır numarasına tıklayarak seçin, Shift ile aralık alın; bir etiketi ya da fonksiyonu tüm içeriğiyle tek düğmeyle kopyalayın. Girintisiz kopyalama, başka dosyaya yapıştırmaya hazır verir. • Aynı sayfada eklentiyi tekrar açınca kod baştan işlenmez; sonuç önbellekten anında gelir. • Kendi kodunuzu yapıştırıp biçimlendirebilirsiniz; dil otomatik algılanır. Çok büyük dosyalar bile akıcı açılır. KİMLER İÇİN Teknik SEO uzmanları, SEO ekipleriyle çalışan ön yüz geliştiricileri, kalite ve test ekipleri ve bir sayfanın kodunu hızla okuyup bir parçasını almak isteyen herkes. GİZLİLİK Eklenti kurulumda hiçbir siteye erişim izni istemez ve kendiliğinden hiçbir veri göndermez. Tüm işlem tarayıcınızda olur; sonuçlar yalnızca kendi bilgisayarınızda saklanır. Bir dış dosyayı açmak ya da W3C denetimi yapmak istediğinizde Chrome yalnızca o site için tek seferlik izin sorar. Sayfa içeriği yalnızca siz "W3C ile doğrula" düğmesine bastığınızda W3C'nin doğrulama servisine gönderilir. Eklenti uzaktan kod çalıştırmaz. ENAR SEO Kod Formatlayıcı bir Enar SEO ürünüdür. Bilgi almak, görüş ve önerilerinizi iletmek ya da destek istemek için: https://www.enarseo.com/iletisim/ — Kod Formatlayıcı is a Chrome extension by Enar SEO that makes the code of the page you are viewing readable and checks it from a technical SEO point of view. It lists the page's meta tags in groups, validates structured data against Google's rich result rules and shows the current and the suggested code side by side, compares the rendered DOM with the server HTML, breaks down page size by tag and attribute, and runs an HTML validation inside the extension. You can edit code in place, copy any block, see which part of the page a line of code renders, and export reports as PDF or formatted tables. Everything runs locally in your browser; page content is sent out only when you click "Validate with W3C". The interface is in Turkish.