Web sitesi oluşturmak eskiden birini işe almanızı gerektiren bir proje gibi gelirdi. Artık öyle değil.
Hostinger Website Builder‘ı kullanıyorum ve bu kılavuzda, giriş yaptığınız andan siteniz yayına alınana kadar tüm süreci adım adım göstereceğim.
Başlayalım.
Hostinger Website Builder Nedir?
Hostinger Website Builder, Hostinger hesabınıza doğrudan entegre edilmiş, yapay zekâ destekli sürükle-bırak web sitesi oluşturucusudur.
Hiçbir şey yüklemenize, kod bilmenize veya tasarım geçmişine sahip olmanıza gerek yok. Ne istediğinizi tarif edersiniz, yapay zekâ sizin için tam bir web sitesi oluşturur ve ardından markanıza uygun şekilde özelleştirirsiniz.
Hiçbir şeyden tam profesyonel görünümlü yayında bir web sitesine geçmenin en hızlı yollarından biri.
Adım 1: Giriş Yapın ve Oluşturucuya Gidin
Hostinger hesabınıza giriş yaptığınızda karşınıza hPanel çıkar. Burası Hostinger’ın ana kontrol panelidir ve web sitelerinizi, alan adlarınızı, e-postalarınızı ve faturanızı buradan yönetirsiniz.
Sol kenar çubuğunda bir gezinme menüsü görürsünüz. Web Siteleri‘ne tıklayın. Altında açılır bir menü belirir, Web Sitesi Listesi‘ne tıklayın.
Artık hesabınıza bağlı tüm siteleri gösteren Web Sitesi Listesi sayfasındasınız.
Sayfanın sağ üst köşesinde mor bir + Site ekle butonu görürsünüz. Tıklayın.
Küçük bir açılır menüde dört seçenek çıkar:
- Hostinger Horizons
- WordPress
- Hostinger Website Builder
- Özel PHP/HTML sitesi
Burada Hostinger Website Builder‘a tıklamanız gerekiyor. Bu, “yapay zekâ destekli sürükle-bırak web sitesi oluşturucu” olarak tanımlanıyor.
Adım 2: Web Sitenizi Yapay Zekâya Tanımlayın
Hostinger Website Builder‘ı seçtikten sonra “Çevrimiçi varlığınızı yapay zekâ oluştursun” başlıklı bir kurulum ekranına gelirsiniz.
Burada yapay zekâya nasıl bir web sitesi istediğinizi anlatarak başlarsınız.
“Web sitenizi veya işletmenizi tanımlayın” yer tutucu metni içeren büyük bir metin kutusu görürsünüz. Bu sizin istem kutunuzdur ve buraya ne yazdığınız, yapay zekânın size ne üreteceğini belirler. Ne kadar ayrıntılı olursanız, sonuç da o kadar iyi olur.
Metin kutusunun altında hızlı başlangıç öneri düğmeleri bulunur. “Kurumsal site oluştur”, “Çevrimiçi mağaza aç”, “Portfolyo tasarla”, “Randevu sitesi başlat”, “Blog başlat”, “Restoran sitesi aç”, “Tek sayfa site oluştur” gibi seçenekler vardır.
Bunlardan herhangi birine tıklamak, düzenleyebileceğiniz hazır bir istem oluşturur.
Ekranın en altındaki Önceden hazırlanmış şablonlar ve Link in bio web sitesi bağlantılarını da göreceksiniz.
Yapay zekâyı atlamak ve hazır tasarımlara göz atmak isterseniz Önceden hazırlanmış şablonlar‘a tıklayın.
Sadece sosyal medya profilleriniz için tek sayfalık basit bir site istiyorsanız Link in bio seçeneği de işinize yarar.
Gerçek bir web sitesi kuracak çoğu kişi için yapay zekâ istem kutusu en doğru başlangıç noktasıdır.
İyi Bir Yapay Zekâ İstemi Nasıl Yazılır?
Burası tüm sürecin en önemli bölümü. Yapay zekâ istemini, bir tasarımcıya verdiğiniz brifing gibi düşünün. Ne kadar net verirseniz, sonuç o kadar istediğinize yakın olur.
Bu kılavuzda kullandığım istem şu şekildeydi. Yaratıcı bir ajans için bir site inşa ediyordum:
“Markalaşma, grafik tasarım, web tasarım ve dijital pazarlama hizmetleri sunan yaratıcı bir ajans için modern, profesyonel bir web sitesi oluştur. Site yaratıcı, iddialı ve güvenilir hissettirirken temiz ve kolay gezilebilir olsun. Güçlü görseller, iyi boşluk kullanımı ve şık tipografi ile modern bir düzen kullan. Şu sayfaları içersin: Ana Sayfa, Hakkımızda, Hizmetler, Portfolyo, Blog ve İletişim. Ana sayfada etkili bir başlık, kısa yarar odaklı açıklama ve ‘Projeni Başlat’ veya ‘Teklif Al’ gibi net bir harekete geçirici buton bulunsun. Ne yaptığımızı, kimlere yardımcı olduğumuzu ve sağladığımız sonuçları açıklayan basit, ikna edici metinler yaz. Site mobil uyumlu, hızlı yüklenen ve temel SEO için optimize edilmiş olsun.”
Ne kadar spesifik olduğuna dikkat edin. Sektörü, tonu, düzen stilini, gerekli sayfaları, ana sayfa yapısını ve içerik hedeflerini kapsıyor. Bu düzeyde ayrıntı, yapay zekâya sağlam bir temel sağlar.
Tanımınızı yazdıktan sonra metin kutusunun sağ üstünde beliren Tanımı geliştir butonuna tıklamanızı öneririm. Yapay zekâ, isteminizi genişletip iyileştirir ve genellikle aklınıza gelmeyen noktaları da ekler.
Hazır olduğunuzda, metin kutusunun sağ altındaki mor ok butonuna (gönder ikonuna) tıklayarak isteminizi gönderin ve oluşturma işlemini başlatın.
Adım 3: Yapay Zekânın Sitenizi Oluşturmasını Bekleyin
İstemi gönderdikten sonra Hostinger’ın yapay zekâsı hemen işe koyulur. Tam ekran bir yükleme animasyonu görünür, koyu mor arka planda “Uygun resimler aranıyor…” mesajı ve ilerleme çubuğu gösterilir.
Bu aşama genellikle 30–60 saniye sürer. Bu süre zarfında yapay zekâ sayfa düzenlerinizi oluşturur, site metinlerinizi yazar, stok kütüphanesinden uygun görseller seçer, gezinmeyi kurar ve isteminize göre tüm siteyi yapılandırır.
Sekmeyi kapatmayın. Sadece bekleyin ve işlemin tamamlanmasını sağlayın.
Adım 4: Yapay Zekânın Oluşturduğunu İnceleyin
Yapay zekâ işi bitirdiğinde yeni sitenizin ön izlemesi gösterilir. Bu sonuç ekranı ve oluşturulanı görmek gerçekten heyecan vericidir.
Ekranın sol tarafında oluşturulan sitenin canlı ön izlemesi, sağda ise gönderdiğiniz istemin özeti olan Fikir özeti paneli ve üzerinde farklı veya güncellenmiş istemle yeniden oluşturmak için Fikri düzenle butonu bulunur.
Benim örneğimde yapay zekâ siteye “BoldCraft Studio” adını vermiş ve “Crafting Bold Brands That Shine” başlıklı bir ana sayfa, destekleyici açıklama ve “Şimdi Başla” ile “Teklif Al” iki harekete geçirici buton eklemişti.
Gezinme menüsü, istediğim altı sayfayı: Ana Sayfa, Hakkımızda, Hizmetler, Portfolyo, Blog ve İletişim içeriyordu.
Ön izleme ekranının sol üstünde Önceki sürümler butonu, yapay zekânın değerlendirdiği alternatif tasarımlar arasında geçiş yapmanızı sağlar; Siteyi değerlendir butonu ise geri bildirim vermenize imkân tanır.
Sağ üstte masaüstü ve mobil geçiş ikonları bulunur. Devam etmeden önce sitenizin telefonda nasıl göründüğünü kontrol etmek iyi bir alışkanlık.
Genel yönlendirmeden memnunsanız, sağ paneldeki mor Devam et butonuna tıklayın. Bu, gerçek özelleştirmenin gerçekleşeceği tam düzenleyiciye geçiş yapar.
Sonuçtan memnun değilseniz Fikri düzenle‘ye tıklayıp isteminizi güncelleyerek yeniden oluşturabilirsiniz. Bunu istediğiniz kadar tekrarlayabilirsiniz.
Adım 5: Düzenleyici ile Tanışın
Düzenleyici, zamanınızın çoğunu geçireceğiniz yerdir. İlk geldiğinizde, tıklamadan önce düzenin nasıl kurulduğunu anlamak için bir an duraklayın.
Düzenleyicinin iki ana bölgesi vardır.
- Ortadaki geniş alan, site tuvalinizdir ve burada sitenizle gerçek zamanlı olarak etkileşime girersiniz.
- Sol taraftaki dar dikey kenar çubuğu ise kontrol panelinizdir ve bütün araçları barındırır.
Kenar çubuğundaki her bir öğe şunları yapar:
- Ayarlar sitenizin temel ayarlarına, bağlı alan adına ve plan bilgilerine erişim sağlar.
- Öğeler sürükle-bırak panelini açar, buradan istediğiniz sayfaya yeni içerik blokları ekleyebilirsiniz.
- Sayfalar tüm sayfalarınızı gösterir. Sayfalar arasında geçiş yapabilir, yenilerini ekleyebilir, var olanları yeniden adlandırabilir, sıralarını değiştirebilir veya silebilirsiniz.
- Stiller sitenizin genel tasarımını kontrol eder. Yazı tipleri, renk paleti ve buton stillerini burada ayarlarsınız. Yaptığınız değişiklikler tüm siteye uygulanır, bu yüzden genel tasarım kararı almak için doğru yerdir.
- Yapay zekâ araçları Hostinger’ın yazı ve içerik yapay zekâsına erişim sağlar. Metin bölümlerini yeniden yazmak veya yeni metin oluşturmak için kullanabilirsiniz.
- Blog sitenizde blog varsa blog yazılarını oluşturup yönetmenizi sağlar.
- Mağaza ürün satıyorsanız çevrimiçi mağazanızı kurduğunuz yerdir. e-Ticaret özellikleri üst seviye plan gerektirir.
- SEO her sayfanın meta başlıklarını, açıklamalarını ve diğer arama optimizasyon detaylarını ayarlamanızı sağlayan yerleşik SEO yöneticisini açar.
- Daha fazlası Ek araçların bulunduğu ikinci menüyü açar: Randevular, Genel ayarlar, Entegrasyonlar, Form gönderimleri, Analitik, Medya Kitaplığı, Çok dilli destek, Yedeklemeleri yönet, İçeriği WordPress’e aktar ve Yardım Kaynakları.
Düzenleyici üst kısmındaki ana araç çubuğunda ise soldan sağa: masaüstü ve mobil önizleme geçişi, geri al ve yinele düğmeleri, Alan adını bağla butonu, Önizleme butonu ve yeşil Yayına al butonu bulunur.
Adım 6: İçeriğinizi Düzenleyin
Artık sitenizi kendinize göre özelleştirme zamanı. Site tuvaline tıklayarak düzenlemeye başlayın.
Herhangi bir bölümün üzerine gelince, bölümün türünü (örneğin “Bölüm” veya “Başlık”) gösteren mavi bir etiket ve düzenleme seçeneklerini içeren küçük bir araç çubuğu belirir.
Bölüm araç çubuğu, soldan sağa şu kontrolleri sağlar: Bölümü düzenle (bölüm ayarlarını açar; arka plan, boşluk ve düzen seçeneklerini değiştirmenize izin verir).
Ardından Resim oluştur (yapay zekâ resim oluşturucuyu açar) bulunur.
Daha sonra Çoğalt, Gizle/Göster, Sil, Üstüne Taşı ve Altına Taşı simgeleri ile üç nokta Daha fazla seçenek menüsü yer alır.
Sayfadaki herhangi bir metni düzenlemek için doğrudan üzerine tıklayıp yazmaya başlayın. Metin düzenlenebilir hale gelir ve biçimlendirme seçenekleri görünür. Yazı tipi boyutu, kalınlık, hizalama ve renk gibi ayarları buradan yapabilirsiniz.
Bir resmi değiştirmek için üzerine tıklayın. Kendi dosyalarınızdan bir fotoğraf yükleyebilir, Hostinger’ın stok kütüphanesinden bir görsel seçebilir veya yapay zekâyla yeni bir tane oluşturabilirsiniz.
Öncelikle ana sayfanızı düzenleyin, sonra Sayfalar panelini kullanarak diğer sayfalara geçip oraları da sırasıyla düzenleyin.
Adım 7: Yapay Zekâ Resim Oluşturucuyu Kullanın
Eğer profesyonel fotoğraflarınız yoksa gerçekten kullanışlı bir özellik olan Yapay Zekâ Resim Oluşturucu‘ya bir göz atın.
Herhangi bir bölümün üzerine gelin ve araç çubuğundaki Resim oluştur‘a tıklayın. Sağdan bir panel kayar.
Panelde bir “Resim açıklaması” metin kutusu görürsünüz. Oluşturmak istediğiniz görüntüyü tarif edin.
Ne kadar spesifik ve görselsem, çıktı o kadar iyi olur. Panelde 3.000 karakterlik bir sınır ve açıklamanızın yeterince güçlü olup olmadığını gösteren gerçek zamanlı bir kalite göstergesi bulunur.
Örneğin, “Tasarımcıların dizüstü bilgisayarlar ve büyük ekranlar etrafında iş birliği yaptığı, markalaşma tasarımlarının, web sitesi taslaklarının ve dijital sanat eserlerinin sergilendiği modern bir yaratıcı ajans çalışma alanı. Parlak, temiz ve şık ofis” yazdığımda panel “Harika açıklama!” olarak tam dolu kalite çubukları gösterdi.
Açıklamadan memnunsanız Görüntü oluştur butonuna tıklayın. Yapay zekâ seçebileceğiniz bir dizi görüntü oluşturur.
Bir hususa dikkat edin: Yapay zekâ resim oluşturucu Business plan veya üzeri gerektirir. Premium planda iseniz panelin altında yükseltme istemi görürsünüz.
Adım 8: Herhangi Bir Sayfaya Yeni Öğeler Ekleyin
Sayfanızda henüz olmayan bir içerik bloğu eklemek isterseniz sol kenar çubuğunda Öğeler‘e tıklayın. Bu, “Öğe ekle” panelini açar.
Metin, Buton, Bağlı bağlantı, Sepete ekle, Görsel, Galeri, Video, Şekil, Kart, Harita, Instagram akışı ve İletişim formu gibi tüm mevcut öğelerin bir ızgarasını görürsünüz. Bunlardan herhangi birini sayfanıza eklemek için panelden sürükleyip tuvale istediğiniz yere bırakın.
Yerleştirdikten sonra öğeye tıklayarak bireysel ayarlarını ve stil seçeneklerini açabilirsiniz.
Bu sürükle-bırak yaklaşımı, yapay zekânın oluşturduğu düzene asla bağlı kalmamanızı sağlar. Öğeleri ekleyebilir, kaldırabilir ve serbestçe yeniden düzenleyebilirsiniz.
Adım 9: Sayfalarınızı Yönetin
Sol kenar çubuğunda Sayfalar‘a tıklayarak tüm sayfalarınızı tek bir listede görün. Düzenlemek istediğiniz sayfa adına tıklayın.
Yeni sayfa eklemek için artı düğmesini kullanın. Sayfaların gezinme menüsünde göründüğü sırayı değiştirmek için listede yukarı veya aşağı sürükleyin.
Yapay zekânın oluşturduğu sayfalardan gereksiz olanları buradan silebilirsiniz. Ayrıca, AI tarafından eklenmeyen bir Referanslar veya Fiyatlandırma sayfası gibi ihtiyaç duyduğunuz herhangi bir sayfayı da buradan ekleyip Öğeler paneliyle düzenleyebilirsiniz.
Adım 10: SEO Ayarlarınızı Yapın
Yayınlamadan önce SEO ayarlarınızı yapmanız gerekir. Pek çok kişinin atladığı ve büyük hata yaptığı bir adımdır.
SEO ayarlarınızı düzgün bir şekilde doldurmak, insanların sitenizi Google üzerinden bulmasına gerçek bir katkı sağlar ve sadece 15 dakikanızı alır.
Sol kenar çubuğunda SEO‘ya tıklayın. “Google’da bulunalım (SEO)” başlıklı panel açılır.
Panel iki bölüme ayrılmış. Solda tüm sayfalarınızın listesi, sağda ise işletme adınızı ve site dilinizi gösteren Site genel bakış bulunur. Bunlar doğru değilse Düzenle‘ye tıklayın.
Site bilgisi altında “Bazı sayfalar dikkat gerektiriyor” bölümü bulunur. Turuncu uyarı simgesiyle işaretli her sayfa, ayar yapılması gereken sayfadır.
Soldaki listeden herhangi bir sayfayı tıklayarak o sayfanın meta başlığını ve meta açıklamasını yazabilirsiniz.
Her sayfa için bu işlemi tamamlayın. İyi bir meta başlık, net, anahtar kelime içeriyor ve 60 karakterin altında olmalıdır. İyi bir meta açıklama, sayfanın ne hakkında olduğunu özetler ve 160 karakterin altında olur. Bu metinler Google arama sonuçlarında görünür, bu yüzden her sayfaya birkaç dakika ayırmaya değer.
Adım 11: Alan Adınızı Bağlayın
Henüz özel alan adınızı bağlamadıysanız şimdi yapın. Düzenleyici üst çubuğunda Alan adını bağla‘ya tıklayın.
İki seçeneğiniz var. Zaten bir alan adınız varsa DNS ayarlarını Hostinger sunucularına yönlendirerek bağlayabilirsiniz. Henüz alan adınız yoksa aynı ekrandan Hostinger üzerinden satın alabilirsiniz.
Bir alan adı bağlayana kadar sitenize geçici bir Hostinger alt alan adı (örneğin yoursite.builder-preview.com) üzerinden erişilir. Test için bu yeterlidir ancak sitenizi yayına almadan önce gerçek bir alan adı kullanmalısınız.
Adım 12: Sitenizi Önizleyin ve Yayına Alın
Neredeyse hazırsınız. Yayımlamadan önce düzenleyici üst çubuğundaki Önizleme‘ye tıklayın.
Bu, sitenizin ziyaretçilere nasıl görüneceğini tam ekran gösterir. Önizleme ekranının üstündeki ikonlarla masaüstü ve mobil görünümler arasında geçiş yapın ve her ikisinde de her şeyin doğru göründüğünden emin olun.
Özellikle ana sayfa kahraman bölümünün mobilde nasıl göründüğüne, gezinmenin nasıl daraldığına ve herhangi bir görselin istemediğiniz şekilde kırpılmadığına dikkat edin.
Her şeyden memnunsanız tekrar düzenleyiciye dönün ve sağ üst köşedeki yeşil Yayına al butonuna tıklayın. Siteniz internette yayında olacak.
Adım 13: Entegrasyonları Keşfedin
Siteniz yayına alındıktan sonra kullanılabilir entegrasyonları keşfetmeye değer. Sol kenar çubuğunda Daha fazlası > Entegrasyonlar‘a gidin.
Entegrasyonlar paneli, sitenizi dış araç ve hizmetlere bağlamanızı sağlar. Mevcut seçenekler arasında gönderi etiketleri ve sipariş yönetimi için Shippo, baskı-on-demand ürünler için Printful, abonelerinize e-posta pazarlama yapmak için Hostinger Reach, ücretli reklam kampanyaları için Google Ads ve özel HTML, CSS veya JavaScript eklemek için Özel kod bulunur.
Herhangi bir entegrasyonu etkinleştirmek için yanındaki Get started‘a tıklayın, bağlantı adımlarını izleyin ve ardından sitenizi yeniden yayımlayın.
Hostinger Website Builder’dan En İyi Şekilde Yararlanma İpuçları
Yapay zekâ isteminizde cömert olun. İki cümlelik bir istem size genel bir sonuç verir. Sektörünüzü, kitlenizi, tasarım tercihlerinizi, sayfa yapısını ve tonunuzu kapsayan ayrıntılı bir istem, istediğinize çok daha yakın bir sonuç sunar. Beş dakika harcadığınız bir brifing, sonradan yapacağınız düzenlemelerde size saatler kazandırır.
Her zaman Tanımı geliştir butonunu kullanın. Kolayca kaçırılabilir ama gerçekten faydalı. Yapay zekâ, belirsiz bıraktığınız noktaları somut tasarım ve içerik talimatlarına dönüştürür.
Metinlerinizi dikkatlice düzenleyin. Yapay zekâ makul yer tutucu metinler yazsa da işinizi sizin kadar bilmez. Her sayfayı gözden geçirip metni gerçek hizmetlerinize, gerçek değerinize ve doğal sesinize uygun şekilde yeniden yazın.
Yayınlamadan önce mobil görünümü kontrol edin. Hostinger sitenizi otomatik olarak duyarlı hale getirir, ancak görseller ve boşluklar küçük ekranlarda bazen küçük ayarlamalar gerektirir. Yayına almadan önce her zaman mobil önizlemeye bakın.
Her sayfa için SEO’yu doldurun. Sadece ana sayfa değil. Sitenizdeki her sayfanın uygun bir meta başlık ve açıklama hak ettiğini unutmayın. Sayfa başına birkaç dakika ayırın; bu, arama görünürlüğünüzü artırmanın en basit yollarından biridir.
Düzenli kalmak için Medya Kitaplığını kullanın. Daha fazlası > Medya Kitaplığı altında tüm görsellerinizi yükleyip yönetebilirsiniz. Bu, birden fazla sayfada görselleri yeniden kullanmayı ve tutarlı bir görünüm sağlamayı kolaylaştırır.
Zamanla geliştirmeler yapmaya geri dönün. Sitenizi yayımlamak sürecin sonu değil başlangıcıdır. İşiniz geliştikçe içeriğinizi güncellemek, yeni blog yazıları eklemek ve sayfaları iyileştirmek için düzenli aralıklarla sitenize geri dönün.
Hostinger Website Builder, profesyonel bir web sitesine ulaşmanız önündeki neredeyse tüm engelleri ortadan kaldırır. Yapay zekâ tasarım ve metin işinin büyük kısmını üstlenir, düzenleyici özelleştirmeyi basitleştirir ve yerleşik SEO ile entegrasyon araçları sayesinde ihtiyacınız olan her şeyi tek bir yerde sunar.
Bu kılavuzdaki adımları izleyerek gerçekçi bir şekilde bir saatten kısa sürede yayına alınmış, pürüzsüz bir web sitesine sahip olabilirsiniz.
