BEKÇİ AI Kurumsal Sitesi
Yapay zekâ güvenlik ürününü anlatan, iki dilde yayın yapan ve arama motorları için yapılandırılmış kurumsal site.
Katkım: Web geliştirme, çok dilli içerik ve teknik SEO.
Üründen Görüntüler
Ana sayfa — hero + canlı analiz
Görsel yakında eklenecek
Projenin Arkasındaki Kararlar
Teknik yaklaşım ve mimari
Site, Next.js 16 App Router üzerine React 19 + TypeScript 5 ile inşa edildi; stil katmanı Tailwind CSS v4 (@theme token'ları, dark/light), etkileşim Framer Motion. Tüm sayfalar statik HTML olarak üretiliyor (Full SSG) — bu, hem çekirdek web metrikleri hem de arama/AI botlarının içeriği eksiksiz görmesi için bilinçli bir mimari karar. Çok dillilik [locale] segment yönlendirmesiyle çözüldü: TR (varsayılan) + EN, ortak Türkçe slug'lar (TR birincil SEO hedefi) ve Next 16'nın proxy.ts katmanıyla çerez/Accept-Language tabanlı otomatik yönlendirme.
Teknik SEO/AEO tarafı sitenin belkemiği: her sayfa için merkezi bir buildMetadata() üreteciyle title/description/canonical + hreflang + OpenGraph + Twitter kartları; JSON-LD yapısal verisi (Organization, WebSite, Product, FAQPage, BreadcrumbList, Article); iki dilli sitemap (hreflang'li), robots ve manifest; next/og (Satori) ile sayfaya/yazıya özel dinamik OpenGraph görselleri. Google Search Console + Bing doğrulaması entegre. Onaya bağlı çerez bandı özel kodlandı: GA4 + Microsoft Clarity yalnızca kullanıcı 'Kabul et' dedikten sonra yükleniyor, tercih localStorage'da saklanıyor, SSR/hidrasyon uyumu korunuyor.
İçerik motoru olarak yapısal-blok bir model tasarlandı: 11 çift-dilli makalelik bir Kaynak Merkezi (blog), her yazıya üretilen markalı kapak grafiği (dosya yüklemeden), client-side arama + kategori filtreleri, yapışkan içindekiler, okuma-ilerleme çubuğu ve paylaşım. İletişim formu serverless bir API rotası üzerinden Resend ile e-postaya dönüşüyor; 4 katmanlı bot koruması (honeypot, zaman-tuzağı, IP rate-limit, Cloudflare Turnstile) ve dönüşüm event'leri içeriyor. Güvenlik başlıkları (CSP, HSTS, X-Frame-Options) next.config seviyesinde tanımlı. Site, standalone Docker imajı olarak Hetzner sunucusunda Dokploy ile yayında; DNS/SSL Cloudflare üzerinden — canlı adres bekci.ai.
Karşılaştığım sorunlar
Çoğu kurumsal site ya hazır tema/statik HTML olduğu için arama motorlarında ve yapay-zeka arama sonuçlarında (AEO) görünmez kalıyor, ya da tek dilli ve içerik üretemeyen 'broşür' niteliğinde. Çerez onayı, yapısal veri ve çok dilli hreflang gibi gereklilikleri gözeten, hızlı ve dönüşüm odaklı bir kurumsal platformu sıfırdan, sürdürülebilir bir kod tabanıyla kurmak; tasarım, SEO mühendisliği, içerik altyapısı ve deploy'u tek elde toplamayı gerektiriyor.
Çözüm ve tercih ettiğim yaklaşım
Bu proje kurumsal siteyi bir 'mühendislik ürünü' olarak ele aldı: tamamen statik üretilen, iki dilli ve tek amacı ziyaretçiyi teklife dönüştürmek olan bir mimari. Teknik SEO reçetesi (per-page metadata, hreflang, 6 farklı JSON-LD şeması, dinamik OG, sitemap/robots) baştan içeri işlendi; onaya bağlı çerez yönetimi ve analytics özel kodlandı; genişleyebilir bir blog/Kaynak Merkezi altyapısıyla içerik pazarlaması mümkün kılındı; tüm sistem kendi sunucusuna Docker ile taşınarak bağımlılıksız, tam kontrol edilebilir bir yayın hattı kuruldu. Sonuç: hızlı, erişilebilir, arama-dostu ve marka dilini tutan, canlıda çalışan bir kurumsal platform.