Ziya Teknik: Wix’ten Astro’ya, aranınca bulunan bir servis sitesi

Bağlam

Ziya Teknik, Mersin’de lityum batarya yenileme ve özel batarya üretimi yapan bir atölye. Reklam ve Google İşletme Profili tarafını ayrıca anlattım (Paid Ads); bu sayfa sitenin kendisiyle ilgili.

Eski site Wix’teydi. Görünüşü kötü değildi, ama iki sorunu vardı: hizmetler tek bir genel sayfada duruyordu ve kimin hangi butona bastığını bilmiyorduk. Reklama ve yerel aramaya bütçe ve emek koyarken trafiğin indiği yerin ne yaptığını göremiyorduk.

Ne yaptım

1. Sıfırdan Astro ile kurulum

Siteyi Claude Code ile Astro üzerinde baştan yazdım. Çıktı tamamen statik: sayfalar derleme anında HTML olarak üretiliyor, tarayıcıya giden JavaScript menü, çerez bandı ve birkaç küçük etkileşimden ibaret. SSS akordiyonu bile düz HTML <details> ile çalışıyor.

Tasarım dili için “teknik föy” dedim: ince çizgiler, monospace veri etiketleri, lacivert zemin üstünde yalnızca vurgu için turuncu. Hero’daki batarya paketi çizimi bir görsel dosyası değil; hücre ızgarası, ölçü çizgileri ve açıklama okları koddan üretiliyor. Bir batarya atölyesinin sitesi, atölyenin işini anlatan bir çizimle açılıyor.

Eski Wix adresleri (/services-1, /hakkımızda) 301 ile yeni sayfalara yönleniyor. Taşımada en kolay kaybedilen şey, eski adreslerin biriktirdiği bağlantılar.

2. İçerik: aramanın diliyle

Bu atölyeyi arayan herkes aynı kelimeyi yazmıyor. Robot süpürge sahibi ile şarjlı matkabı çalışmayan usta başka şeyler arıyor. O yüzden yedi hizmetin her biri kendi bölümünde, kendi başlığıyla duruyor: “Şarjlı Matkap Batarya Yenileme — Mersin” gibi. Her bölümde sık görülen belirtiler, yapılan işlem ve uyumlu markalar ayrı ayrı yazılı.

SSS’yi de aynı mantıkla kurdum. Sorular “Hizmet kapsamımız nedir” gibi değil, insanların Google’a yazdığı gibi: cihaz + belirti. “Elektrikli bisikletimin menzili çok düştü, batarya mı değişmeli?” gibi. Toplam 83 soru, cihaza göre sekiz gruba ayrıldı. Cevaplarda fiyat ve kesin süre vaadi yok; atölyenin tutamayacağı bir sözü site vermiyor.

3. Teknik SEO

• Yerel işletme şeması: AutoRepair tipinde adres, koordinat, çalışma saatleri ve hizmet bölgesi (Akdeniz, Yenişehir, Toroslar, Mezitli).
• Hizmet kataloğu: Hizmetler sayfasında OfferCatalog + Service.
• SSS: FAQPage ve BreadcrumbList şeması.
• Tek kanonik adres: www ve apex ikiliği kapatıldı, site haritası otomatik üretiliyor.
• Güvenlik ve önbellek başlıkları: HSTS, nosniff, derlenmiş dosyalara bir yıllık önbellek.

4. Ölçümleme

Sitenin asıl işi telefonu çaldırmak, o yüzden ilk ölçtüğüm şey bu oldu. Umami (çerezsiz) ile her tıklama ayrı bir olay olarak düşüyor: telefon (sitede on farklı yerde), yol tarifi, harita, Google yorumu, Instagram, Facebook ve IBAN kopyalama. Telefon olaylarında hangi bölümden tıklandığı da işaretli; hangi butonun iş getirdiği görülüyor.

GA4 ise Consent Mode v2 ile çalışıyor. Ziyaretçi çerez bandında izin verene kadar GA4 çerez yazmıyor; Umami zaten çerez kullanmadığı için izinden bağımsız sayıyor. Böylece izin vermeyen ziyaretçi de istatistikten düşmüyor.

5. Dükkân için QR kanalı

Siteye, dükkâna gelen müşteriyi dijitale taşıyan bir /qr sayfası da ekledim: tezgâhtaki tabela okutulunca ödeme bilgisi, sosyal hesaplar ve Google yorumu aynı ekranda açılıyor. Ayrı bir iş olarak QR kanalı sayfasında anlattım.

Sonuç

Site Eylül 2026’da yayına çıktı. Hizmetlerin her biri kendi aramasına cevap veriyor, sitedeki her telefon tıklaması nereden geldiğiyle birlikte sayılıyor. Reklam ve Google İşletme Profili tarafındaki sonuçlar diğer case’te.