Web Geliştirme

Web geliştirme: sitenizin görünmeyen tarafı

Ziyaretçi tasarımı görür; ama sayfanın ne kadar hızlı açıldığı, formun gerçekten ulaşıp ulaşmadığı ve Google'ın sayfayı nasıl anladığı kodda belirlenir. Tasarladığım siteleri bu yüzden kendim kodluyor, yayına alıyor ve test ediyorum.

Teklif Al Bu Sitede Neler Yaptım?

Web geliştirme neleri kapsar?

Onaylanan tasarım, aşağıdaki başlıklar düşünülerek çalışan bir siteye dönüşür.

Performans

Boyutları belirtilmiş ve gerektiğinde geç yüklenen görseller, az ve sade kod, sayfanın yüklenirken kaymaması. Google'ın Core Web Vitals ölçütleri de bunlara bakar.

Teknik SEO

Her sayfaya özel başlık ve açıklama, tek resmî adres (canonical), site haritası, doğru başlık hiyerarşisi ve yapısal veri.

Erişilebilirlik

Klavyeyle kullanılabilen menü ve formlar, ekran okuyucular için etiketler, yeterli renk kontrastı.

Formlar ve entegrasyonlar

İletişim formu, WhatsApp, Google Maps, sosyal medya ve gerektiğinde harici servislere API bağlantısı.

Ölçümleme

Google Analytics ve Search Console kurulumu; form gönderimi gibi önemli adımların ayrı olay olarak izlenmesi.

Yayın ve bakım

Sürüm kontrolüyle (Git) yayına alma, yönlendirmeler ve isteğe bağlı aylık bakım.

Bu sitede kullandığım yöntemler

Şu an gezdiğiniz portfolyo, önerdiğim yaklaşımın çalışan bir örneği. Menü, alt bilgi ve iletişim formu gibi tekrar eden parçalar derleme sırasında sayfalara ekleniyor; böylece ek bir çerçeve (framework) yüklenmeden her sayfa arama motorlarının doğrudan okuyabildiği tam HTML olarak yayınlanıyor.

İkon fontu yerine yalnızca kullanılan ikonlar sayfaya küçük SVG olarak gömülüyor. Asıl yazı tipi inene kadar gösterilen yedek yazı tipi, aynı ölçülere ayarlandığı için metin yer değiştirmiyor. Sık sorulan soruların yapısal verisi de sayfadaki görünür sorulardan otomatik üretiliyor, yani ikisi hiçbir zaman birbirinden farklı olamıyor.

Altı sektör demosu ise ortak bir tasarım token'ı ve bileşen katmanını paylaşıyor: sekmeler, filtreler ve formlar bir kez yazılıp her demoda farklı bir görünümle kullanılıyor.

Site kurucu yerine kodla geliştirmek

Hazır site kurucular ve eklenti ağırlıklı sistemler hızlı başlangıç sağlar, ancak her eklenti sayfaya yeni kod ve bakım yükü ekler. Kodla geliştirilen bir sitede yalnızca ihtiyaç duyulan kod bulunur; sayfa hafif kalır, güncelleme ve güvenlik takibi de sadeleşir.

İçeriği sık değişen bir işletme için bunun karşılığı bir içerik yönetimi (CMS) veya yönetim paneli eklemektir. Bu ihtiyaç varsa baştan planlıyoruz; ayrıntıları özel web uygulamaları sayfasında bulabilirsiniz.

Kullandığım teknolojiler

Tanıtım sitelerinde Vite ile derlenen HTML, CSS ve JavaScript; giriş, veri ve panel gereken projelerde React ve Firebase; mobil uygulamalarda React Native. Seçimi projenin ihtiyacı belirler, alışkanlık değil.

Çalışan bileşenleri inceleyin

Sekmeli menü, filtrelenen ders programı ve ilan araması: aynı altyapının üç farklı kullanımı. Demolardaki işletmeler kurgusaldır.

Tüm sektörel demoları görün

Sık sorulan sorular

Web sitesinin hızlı olması neden önemli?

Ziyaretçilerin çoğu siteye telefondan ve değişken bağlantılarla gelir; geç açılan bir sayfa kapatılıp geçilebilir. Google da sayfa deneyimini değerlendirirken yükleme hızı, etkileşim ve görsel kararlılığa bakar.

Sitenin kaynak kodu kime ait olacak?

Kaynak kodun, alan adının ve verilerin kime ait olacağını ve teslimin nasıl yapılacağını çalışmaya başlamadan önce yazılı olarak netleştiriyoruz.

Site yayına alındıktan sonra güncellemeleri kim yapacak?

Küçük metin ve görsel değişiklikleri, teknik kontroller ve küçük hata düzeltmeleri aylık bakım kapsamında yapılabilir. Yeni sayfa veya yeni özellik gibi geliştirmeler ayrıca fiyatlandırılır.

Google Analytics ve Search Console kurulumu dahil mi?

Profesyonel ve Özel paketlerde kurulum dahildir. Başlangıç paketinde temel SEO yapılır; ölçüm kurulumu istenirse teklifte ayrıca belirtilir.

Mevcut bir sisteme veya harici bir servise bağlantı yapılabilir mi?

Servisin bir API'si varsa çoğu zaman evet. Bağlantının kapsamı ve güvenlik gereksinimleri projeye göre değiştiği için fiyatı projeye özel belirleniyor.

İletişime Geç

Web sitesi, landing page ya da web uygulaması için teklif almak istiyorsanız formu doldurun. Projenizi, hedefinizi ve varsa örnek aldığınız siteleri yazmanız yeterli.