Ü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.
Biçimlendirilmiş kod
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.