KARNERKARNER

Proje · İnşaat, taahhüt ve konut projeleri

Zeytinoğlu İnşaat: videolu açılış, proje sayfaları ve yapay zekâ aramasına hazır kurumsal site

KARNER ekibiYayın:

Özet

Zeytinoğlu İnşaat için sıfırdan kurumsal bir site kurduk (zeytinogluinsaat.com): açılışta bir kez oynayıp son karede duran sinematik video, Livapark, Villa Perla, Bayır 5 ve Kafaca İş Merkezi gibi projeler için ayrı sayfa ve galeri, Türkçe/İngilizce dil, karanlık/aydınlık tema ve WhatsApp'a tek dokunuşla ulaşan bilgi formu. Sayfalar ön-render edildiği için Google ve yapay zekâ botları içeriği JavaScript çalıştırmadan okuyabiliyor.

Müşteri
Zeytinoğlu İnşaat A.Ş.
Konum
Akçaova, Menteşe / Muğla
Site
www.zeytinogluinsaat.com
Sitenin açılışında bir kez oynayıp son karede duran, yükselen bina temalı hero videosu.
  1. Başlangıç

    Projeleri anlatan, aramada bulunabilen bir web adresi yoktu

  2. Kurulan

    Videolu açılış + proje sayfaları ve galeriler + TR/EN + WhatsApp bilgi formu

  3. Altyapı

    Ön-render, temiz proje adresleri, schema.org grafiği, AI botlarına açık robots.txt ve llms.txt

İhtiyaç neydi?

Zeytinoğlu İnşaat, Muğla Menteşe'nin Akçaova bölgesinde konut, villa ve ticari projeler geliştiren bir inşaat ve taahhüt firması. Daire arayan biri projeleri görmek, konumunu öğrenmek ve hızlıca iletişime geçmek istiyor; firmanın bu bilgileri tek yerde toplayan, aramada bulunabilen bir sitesi yoktu.

Ne kurduk?

  • Sinematik açılış — ana sayfada yaklaşık 9 saniyelik video bir kez oynuyor ve son karede duruyor; başlıklar videonun akışına göre beliriyor. Masaüstü ve telefon için ayrı kırpılmış iki video var; otomatik oynatma engellenirse son kare gösteriliyor.
  • Proje sayfaları — Livapark 1, 2 ve 3, Ortaköy Villa Perla, Bayır 5, Kafaca İş Merkezi ve örnek daire iç mekânları için ayrı sayfa; özellik listesi, durum bilgisi ve gece/gündüz albümlü galeri.
  • Türkçe / İngilizce — tüm metinler iki dilde; yabancı alıcılar için ayrı site yerine aynı sayfada dil düğmesi.
  • İletişim — telefon, WhatsApp ve konum her ekranda; bilgi formu doğrudan firmanın WhatsApp hattına bağlanıyor.
  • Görsel hattı — firmanın render ve fotoğrafları tek komutla WebP'ye (tam boy + küçük) ve web için sıkıştırılmış videoya dönüştürülüyor; yeni proje eklemek bir veri dosyasına satır eklemek kadar kolay.

Arama ve yapay zekâ altyapısı

  • Ön-render — site JavaScript ile çalışıyor ama her sayfa yayından önce tam metinle HTML'e yazılıyor; Google, ChatGPT, Claude ve Perplexity botları içeriği eksiksiz okuyor.
  • Temiz adresler — her proje kendi `/projeler/...` adresinde; eski adresler kalıcı yönlendirmeyle yenilerine taşındı.
  • Yapısal veri — firma, web sitesi, proje, sık sorulan sorular ve kırıntı düğümleri tek schema.org grafiğinde; her sayfanın kendi başlığı, açıklaması ve paylaşım kartı var.
  • Bot erişimi — görselli site haritası, yapay zekâ botlarına izin veren robots.txt, llms.txt ve llms-full.txt.
  • Uydurma bilgi yok — firmanın teyit etmediği rakamlar sitede ve yapısal veride gösterilmiyor; teyit gelince tek dosyadan açılıyor.

Kullanılan yapı

  • HTML / CSS / JavaScript (statik)
  • Vercel
  • Ön-render (headless Chrome)
  • schema.org graph
  • llms.txt
  • WebP + H.264 görsel hattı

Sık sorulan sorular

Site hazır bir tema mı?

Hayır. Statik HTML, CSS ve JavaScript ile özel olarak kuruldu ve Vercel üzerinde yayında. Proje bilgileri tek bir veri dosyasında tutuluyor; sayfalar ve arama altyapısı bu dosyadan üretiliyor.

Yeni proje eklemek zor mu?

Proje klasörüne görseller konuyor ve veri dosyasına proje bilgileri ekleniyor; görsel dönüştürme ve ön-render komutları sayfayı, galeriyi, site haritasını ve yapısal veriyi otomatik üretiyor.

Açılış videosu siteyi yavaşlatmıyor mu?

Video web için sıkıştırıldı (masaüstünde 1280 piksel genişlik, telefonda kare kırpım), sessiz ve bir kez oynuyor. Video yüklenene kadar kapak görseli görünüyor.

Bu işte kullanılan hizmetler

Benzer bir iş mi var?

Kısa bir görüşmede mevcut durumunuza bakar, ne gerektiğini yazılı söyleriz.

Diğer işler