Ücretsiz Araç

HTML Formatlayıcı

Bir sayfanın kaynak kodunu adresinden çekin ya da HTML yapıştırın; girintili, renklendirilmiş, satır numaralı ve tek tıkla kopyalanabilir hale getirelim. Kodun görünümünü değiştirecek hiçbir şeye dokunmayız.

Adres girdiğinizde sayfa, Enar SEO sunucusu üzerinden bir tarayıcı gibi istenir (tarayıcıların başka sitelerden veri okumasını engelleyen güvenlik kuralı nedeniyle). Çekilen içerik ve adresler saklanmaz; analiz tarayıcınızda yapılır.

Biçim seçenekleri
İsteğe bağlı. Sayfanın hangi cihazdan açılmış gibi isteneceğini seçer. Google çoğu siteyi mobil tarayıcıyla taradığı için varsayılan Mobil’dir; yalnızca masaüstü sürümünü ayrıca görmek isterseniz değiştirin.

Formatlayıcı neyi değiştirir, neyi değiştirmez?

Değiştirir

Satır sonlarını ve girintileri düzenler; öznitelikler arasındaki boşlukları tek boşluğa indirir.

İsterseniz JSON-LD ve CSS bloklarını okunur hale getirir, uzun etiketlerde her özniteliği ayrı satıra yazar.

Değiştirmez

Etiketler, öznitelik değerleri, metinler ve karakter kodları aynen kalır. JSON-LD’deki sayı ve metinler yeniden yazılmaz, yalnızca girintilenir.

<pre> ve <textarea> içindeki boşluklar korunur; link ve vurgu gibi satır içi öğelerin arasına görünümü değiştirecek boşluk eklenmez.

Kapanış etiketleri

<li>, <p>, <td> gibi kapanışı yazılmamış öğeler tarayıcı kurallarına göre hizalanır; ancak kodunuza olmayan bir kapanış etiketi eklenmez.

JavaScript

Script içerikleri olduğu gibi bırakılır, yalnızca girintisi bulunduğu seviyeye hizalanır. Küçültülmüş (minify) JavaScript tek satır olarak kalır.

Görünümler

Formatlı: kodun tamamı. Sade HTML: <style> ve <script> içerikleri tek satırlık notla kısaltılır; HTML iskeleti ve meta etiketleri kolay okunur. Style & Script: bu kodlar ayrı sekmede, formatlanmış olarak alt alta; her bloğun başında sayfadaki yeri ve boyutu yazar.

SEO için kaynak kodda nelere bakılır?

  • <head> bölümü: title, meta description, canonical, robots, hreflang ve Open Graph etiketleri. “Bölüm: Yalnızca <head>” seçeneği bu kontrolü hızlandırır.
  • Yapısal veri: JSON-LD blokları düzenlenmiş halde okunduğunda türler, @id bağlantıları ve boş kalmış alanlar kolayca fark edilir.
  • Head’in erken kapanması: head içinde <div>, <img> veya <iframe> gibi geçersiz bir öğe varsa, sonrasındaki canonical ve hreflang etiketleri body’ye düşer ve Google bunları yok sayabilir. Teknik SEO Kıyaslama aracı bunu otomatik tespit eder.
  • Sunucu HTML’i ve tarayıcı DOM’u: Bu araç sunucunun gönderdiği ham HTML’i gösterir. JavaScript ile sonradan eklenen içerik burada görünmez; kritik SEO etiketlerinin ham HTML’de bulunması en güvenli yoldur.

Kodun hangi kısmının ne kadar yer kapladığını görmek için HTML Boyut Analizi aracını kullanabilirsiniz.