Bedava-Sitem Rehberi
Hiç site kurmadın mı? Sorun değil. Bu rehberle Bedava-Sitem üzerinde ücretsiz web siteni sıfırdan kurar, tasarımını güzelleştirir ve Google’da görünür hale getirirsin. Kod bilmene gerek yok; gerektiğinde kodları zaten bu sitede hazır bulacaksın.
Rehberdeki menü adları Bedava-Sitem panelindeki Türkçe adlardır. Panel zamanla küçük değişiklikler gösterebilir; bir adımı bulamazsan Forum’a yaz.
1. Bedava-Sitem nedir?
Bedava-Sitem, Almanya merkezli Webme’nin Türkçe hizmetidir. Ücretsiz paketle siteadın.tr.gg gibi bir adreste, hazır tasarımlarla ve sürükle-bırak gerektirmeyen basit bir panelle site açarsın. HTML ve CSS ekleyebildiğin için tasarımı istediğin kadar özelleştirebilirsin; bu sitedeki kodlar tam da bunun için var.
2. Adım adım siteni kur
1
Kayıt ol
bedava-sitem.com adresine gir ve Kaydol’a tıkla.
2
Site adresini seç
İstediğin adı yaz; adresin adın.tr.gg olur. Ad alınmışsa sistem uyarır, başka bir tane dene. Kısa, akılda kalan ve Türkçe karakter içermeyen bir ad seç.
3
E-posta ve şifre
Gerçekten kullandığın bir e-posta adresi yaz; şifreni unutursan sıfırlama bağlantısı oraya gelir. Şifren başka hiçbir yerde kullanmadığın, güçlü bir şifre olsun.
4
Kategori ve şablonunu seç
Sitenin konusuna uygun bir kategori ve başlangıç şablonu seç. Kod kullanmak istiyorsan sonradan Tasarım → Temel tasarım’dan Clean’e geçebilirsin; sayfaların silinmez.
5
E-postanı onayla
Gelen kutuna gelen onay bağlantısına tıkla. Spam klasörünü de kontrol et.
6
Panele gir
Artık sitenin yönetim panelindesin. Üstteki turuncu menüden her şeyi yönetirsin.
3. Panel turu
SayfalarAlt sayfaları ekler, sıralar, düzenlersin. Editördeki Kaynak düğmesiyle HTML eklenir.
TasarımHazır tasarımı, başlık resmini, renkleri ve Gelişmiş ayarlardaki kod alanlarını yönetir.
ResimlerResim yükler, linkini alırsın. Kodlardaki RESIM_ADRESI yerine bu linki yazarsın.
MesajlarZiyaretçilerin ve üyelerin özel mesajları.
Ekstralarİletişim formu, ziyaretçi defteri, forum, sayaç, meta etiketler, kendi <head> içeriği…
DosyalarPDF, ZIP gibi dosyaları yükleyip paylaşırsın.
E-mail iletimleriSite adresine gelen e-postaları kendi adresine yönlendirir.
AyarlarSite adı, şifre, gizlilik ve hesap ayarları.
4. İlk sayfanı düzenle
1
Sayfalar’a gir
Soldaki listeden düzenlemek istediğin sayfaya tıkla.
2
Yazını yaz
Editör tıpkı bir kelime işlemci gibi çalışır: kalın, başlık, link, resim ekle.
3
Kod eklemen gerekirse
Araç çubuğundaki Kaynak düğmesine bas, kodu yapıştır, tekrar Kaynak’a basıp normal görünüme dön.
4
Kaydet
Sayfanın altındaki Kaydet’e bas ve siteni yeni sekmede aç.
Ücretsiz pakette alt sayfa sayısı sınırlıdır (şu an 5 alt sayfa). Sayfalarını baştan planla; bir konuyu bölümlere ayırmak için tek sayfada başlıklar kullanmak çoğu zaman yeterlidir.
5. Tasarımı güzelleştir
Tasarım → Tasarım ayarları’nda başlık resmini, renkleri ve menü türünü seçersin. Asıl sihir Gelişmiş ayarları göster’dedir:
Tasarımın üzerindeki metinCSS kodlarının yeri. Kodları <style type="text/css"> … </style> arasına yaz.
Tasarımın altındaki yazıSayfanın en altına eklenen HTML ve scriptler (sayaç, butonlar).
1. Ekstra kutunun içeriğiClean’in sağ kutusu: duyuru, sosyal medya, söz kutusu.
Mobil TasarımAçıksa telefonlar ayrı bir şablon görür. Kendi tasarımını mobilde de görmek istiyorsan kapat ve Mobil Uyum Paketi’ni kullan.
Hazır kodlar için: Clean Kodlar · CSS Kodlar · İçerik Düzenleri · Efektler
6. Ekstraları aç
Ekstralar menüsünden tek tıkla sitene özellik eklersin. En çok işe yarayanlar:
İletişim formuZiyaretçiler sana e-posta adresini görmeden yazabilir.
Ziyaretçi defteriZiyaretçilerin not bıraktığı sayfa.
ForumKendi topluluğunu kur.
Meta taglerGoogle’ın siteni tanıması için açıklama ve anahtar kelimeler.
Kendi <head> içeriğiGoogle doğrulama kodu, fontlar, analiz kodları buraya.
Favori simgelerTarayıcı sekmesinde görünen küçük site simgesi (favicon).
7. Google’da görün (SEO)
1
Meta açıklamanı yaz
Ekstralar → Meta tagler’de siteni 150-160 karakterde anlatan bir açıklama yaz. Google arama sonuçlarında bu yazı görünür.
2
Sayfa adlarını anlamlı seç
“Sayfa 1” yerine “İletişim”, “Galeri”, “Fiyatlar” gibi adlar kullan; sayfa adı aynı zamanda adres ve başlık olur.
3
Google Search Console’a ekle
Search Console’da “URL ön eki” ile siteni ekle, HTML etiketi yöntemiyle verilen kodu Ekstralar → Kendi <head> içeriği’ne yapıştırıp doğrula.
4
İçerik üret
Düzenli, özgün yazılar paylaş. Başkasının yazısını kopyalamak Google’da geriler.
5
Resimlere açıklama ekle
Resim eklerken açıklama (alt) alanını doldur; hem erişilebilirlik hem görsel aramada fayda sağlar.
6
Bağlantı kur
Dost sitelerle link değişimi yap, sitenin adresini sosyal medyada paylaş. Bizi sitene ekle banner’ı ile başlayabilirsin.
8. Sık karşılaşılan sorunlar
Kodu ekledim, değişiklik görünmüyor.
Ctrl + F5 ile yenile. Kodun <style> etiketleri içinde olduğundan emin ol. Başka bir kod aynı kutuyu ezebilir; kodun sonuna !important eklemek çoğu çakışmayı çözer.
Sitem telefonda küçük görünüyor.
Mobil Tasarım açıksa kapat, ardından Clean Mobil Uyum Paketi’ni ekle.
Yeni alt sayfa ekleyemiyorum.
Ücretsiz paketteki alt sayfa sınırına ulaşmışsındır. Kullanmadığın bir sayfayı yeniden düzenle ya da içerikleri tek sayfada başlıklarla topla.
Şifremi unuttum.
Giriş ekranındaki şifremi unuttum bağlantısını kullan; sıfırlama bağlantısı kayıtlı e-postana gelir.
Reklamları kaldırabilir miyim?
Ücretsiz paketteki reklamlar platformun hizmet karşılığıdır; reklamsız kullanım ve kendi alan adın için Premium paketler vardır. Reklam alanlarını gizlemek yerine tasarımına uyumlu hale getiren kodlarımızı kullanabilirsin.
İlk siteni bugün kur!
Takıldığın her yerde buradayız. Kodlar hazır, rehber hazır; geriye bir tek senin fikrin kaldı.
Foruma katıl →
Takıldığın her yerde buradayız. Kodlar hazır, rehber hazır; geriye bir tek senin fikrin kaldı.
Foruma katıl →
Bonus: Forum imzana banner ekle
Forumlarda yazdığın her mesajın altında siteni tanıtan küçük bir banner görünsün istersen:
- Panelde Ayarlar → Profil bilgilerine gir.
- Forum imzası kutusuna aşağıdaki kodu yapıştır.
- SITEN ve RESIM_ADRESI kısımlarını kendi bilgilerinle değiştir, kaydet.
[url=https://SITEN.tr.gg][img]RESIM_ADRESI[/img][/url]
İpucu: Banner için 468×60 boyutu sayfa düzenini bozmaz. Yazılı imza kullanacaksan 3 satırı geçmemeye çalış. Kaynak: eski BS Forum paylaşımları, EnBilgeKral arşivi.
Arşiv: eski forum konuları
2016 dönemi Bedava-Sitem forumu bağlantılarını göster
Bu bağlantılar kapanan Bedava-Sitem forumuna aittir ve artık çalışmayabilir; nostalji için saklıyoruz.
Alt Sayfaları Gizlemek http://www.bedava-sitem.com/forum/viewtopic.php?t=166323
_______________________________________________________________
Red Tasarım Yapımı http://www.bedava-sitem.com/forum/viewtopic.php?t=166313
_______________________________________________________________
Butterfly Tasarım Yapımı http://www.bedava-sitem.com/forum/viewtopic.php?t=166312
_______________________________________________________________
Css Menuleri Sitenize Uygulama http://www.bedava-sitem.com/forum/viewtopic.php?t=166307
_______________________________________________________________
Adobe Dreamweaver'le Tasarım Kodlama! http://www.bedava-sitem.com/forum/viewtopic.php?t=165774
_______________________________________________________________
Css'de Bilmeniz Gereken Kodlar http://www.bedava-sitem.com/forum/viewtopic.php?t=165544
_______________________________________________________________
IceBlue Tasarım Yapımı. Geniş Anlatım ! ! ! http://www.bedava-sitem.com/forum/viewtopic.php?t=165533
_______________________________________________________________
Menü Gizleme Kodu Olmadan Css Design http://www.bedava-sitem.com/forum/viewtopic.php?t=165515
_______________________________________________________________
Site Temaları Değiştirme Örneği http://www.bedava-sitem.com/forum/viewtopic.php?t=165514
_______________________________________________________________
Genişletme Kodları http://www.bedava-sitem.com/forum/viewtopic.php?t=165513
_______________________________________________________________
Yazıya Link Ekleme http://www.bedava-sitem.com/forum/viewtopic.php?t=165465
_______________________________________________________________
Butonlar'a Yeni Gif'i Ekleme http://www.bedava-sitem.com/forum/viewtopic.php?t=165464
_______________________________________________________________
CSS Nedir ? Nereden Siteye Eklenir ? http://www.bedava-sitem.com/forum/viewtopic.php?t=165456
_______________________________________________________________
Css Design Yapımı http://www.bedava-sitem.com/forum/viewtopic.php?t=25695
_______________________________________________________________
Css Özellikleri http://www.bedava-sitem.com/forum/viewtopic.php?t=165345
_______________________________________________________________
Css Nedir Css İle Ek Bilgiler? http://www.bedava-sitem.com/forum/viewtopic.php?t=165344
_______________________________________________________________
Değişken Nedir ? Nasıl Kullanılır ? http://www.bedava-sitem.com/forum/viewtopic.php?t=165343
_______________________________________________________________
Css'de Dikey Menü Yapımı http://www.bedava-sitem.com/forum/viewtopic.php?t=165342
_______________________________________________________________
Iceblue´yi HTML Tasarimina Çevirmek...2 Yöntem... http://www.bedava-sitem.com/forum/viewtopic.php?t=165333
_______________________________________________________________
Css Tasarım Çizimi ve Kodlaması (Videolu) http://www.bedava-sitem.com/forum/viewtopic.php?t=169073
_______________________________________________________________
Css Tasarımında Otomatik Menü Ekleme http://www.bedava-sitem.com/forum/viewtopic.php?t=180720