Statik Web Sitelerinde .html Uzantısını Gizleme: Temiz URL ile Profesyonel Görünüm

Statik web siteleri çoğunlukla HTML, CSS, JavaScript ve bu teknolojilere bağlı frameworkler ile hazırlanır. Bu sitelerde sayfalar doğrudan dosya olarak sunulduğu için URL’ler genellikle şöyle görünür:

siteadi.com/index.html
siteadi.com/about.html
siteadi.com/contact.html

Modern web tasarımında ise daha temiz ve okunabilir URL’ler tercih edilir:

siteadi.com/
siteadi.com/about
siteadi.com/contact

Bu yaklaşım kullanıcı deneyimini iyileştirir ve sitenin profesyonel görünmesini sağlar. Bu yazıda, statik sitelerde .html uzantısını gizlemenin mantığını ve bunu farklı yöntemlerle nasıl uygulayabileceğinizi ele alacağız.

Statik Sitelerde URL Yapısı Nasıl Çalışır?

Statik sitelerde sunucu URL ile dosya sistemi arasında doğrudan eşleşme kurar.

Örneğin:

https://siteadi.com/about.html

Sunucu tarafında karşılığı:

/public/about.html

Tarayıcı bir sayfa istediğinde sunucu doğrudan bu dosyayı sunar.

Ancak kullanıcı şu URL’yi yazarsa:

https://siteadi.com/about

Sunucu varsayılan olarak böyle bir dosya bulamaz ve çoğu zaman 404 hatası verir. İşte .html uzantısını gizlemek için URL yönlendirme (rewrite) mekanizması devreye girer.

1. Apache Sunucuda .html Uzantısını Gizleme

Apache kullanan hostinglerde, .htaccess dosyası ile uzantıyı gizleyebiliriz.

Dosya yapısı örneği:

siteadi/
  index.html
  about.html
  contact.html
  .htaccess

.htaccess içeriği:

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^([^\.]+)$ $1.html [NC,L]

Nasıl çalışır:

1. Kullanıcı /about adresine gider
2. Sunucu arka planda /about.html dosyasını çağırır
3. Kullanıcı .html uzantısını görmez

Bu yöntem URL’yi temiz tutarken, sunucunun doğru dosyayı sunmasını sağlar.

2. Klasör Yapısı ile Temiz URL

Başka bir yöntem, klasör bazlı sayfa yapısı kullanmaktır:

siteadi/
  index.html
  about/
     index.html
  contact/
     index.html

URL’ler otomatik olarak şöyle çalışır:

siteadi.com/about
siteadi.com/contact

Sunucu arka planda /about/index.html ve /contact/index.html dosyalarını yükler.

Bu yöntem özellikle GitHub Pages, Netlify ve Vercel gibi platformlarda yaygındır ve kolay uygulanır.

Neden Temiz URL Kullanılmalı?

.html uzantısını gizlemek sadece estetik bir tercih değildir. Temiz URL kullanmanın başlıca avantajları:

• Daha profesyonel görünüm

site.com/services

her zaman

site.com/services.html

adresinden daha modern görünür.

• SEO açısından daha iyi
  Kullanıcılar sayfaları görmek ister, dosya uzantılarıyla uğraşmaz.
• Daha iyi kullanıcı deneyimi
  Kullanıcılar dosya uzantılarıyla ilgilenmez.
  Onlar sayfaları görmek ister.

Sonuç

Statik sitelerde .html uzantısı teknik bir sorun yaratmaz. Ancak modern web standartlarında temiz URL tercih edilir. Bunu sağlamak için iki temel yaklaşım vardır:

• Sunucu tarafında rewrite kuralları kullanmak
• Klasör bazlı index.html yapısı ile sayfaları organize etmek

Her iki yöntem de küçük ve orta ölçekli projelerde kolaylıkla uygulanabilir ve sitenizi daha profesyonel gösterir.

Not: Web mimarisinde bu konu genellikle URL abstraction olarak adlandırılır. Modern frameworkler (Next.js, Nuxt, Astro, vb.) bu mantığı otomatik olarak uygular.