Temiz bir ana sayfa oluşturmak için bir kontrol listesi

Kendi ana sayfanıza sahip olmak kurumsal sektörde mutlak bir gerekliliktir ve özel sektörde çeşitli projeleri gerçekleştirmek için en azından pratiktir. Bu kılavuzda, teknik temellerden tasarım sorunlarına ve SEO ile ilgili konulara kadar bir web sitesinin nasıl oluşturulacağını gösteriyoruz. Sonunda, bir ana sayfa yapımının kavramsal aşamadan lansmana kadar nasıl ilerlediğine dair net bir fikre sahip olmalısınız.

Her ana sayfanın üç önemli unsuru vardır: bir sunucu, bir alan adı ve sunucuyu kiraladığınız (ve web sitenizi oraya yüklediğiniz) bir barındırma ortağı. Teorik olarak kendi sunucunuzu satın almanız da mümkündür. Ancak, özel bağlamda ve ayrıca küçük işletmeler için bu, finansal açıdan mantıklı bir karar olmayacaktır.

Barındırma, sayısız barındırıcıdan biri tarafından yapılır. Bunları herhangi bir arama motoruna "web sitesi barındırma" gibi terimler girerek kolayca bulabilirsiniz. Pazar oldukça rekabetçidir ve en azından düzinelerce sağlayıcı söz konusudur. Hepsi, ilgili teklifin beraberinde getirdiği teknik özellikler açısından farklılık gösterir. Bunlar arasında mevcut depolama alanı, herhangi bir trafik kısıtlaması, alan adı ve e-posta adresi sayısı, PHP ve MySQL desteği (web sitesini WordPress kullanarak oluşturmayı planlıyorsanız önemlidir) ve çok sayıda başka özellik bulunur.

Gerçekten neye ihtiyacınız olduğunu düşünün ve ardından mümkün olan en iyi fiyat-performans oranıyla kararınızı verin.

İstediğiniz alan adının mevcut olup olmadığını kontrol edin. Bunu genellikle hosting ortağınız aracılığıyla. Herhangi bir üçüncü tarafın haklarını ihlal etmemeniz gerektiğini unutmayın. Belki de adınız Benjamin Meier-Winter'dır ve alan adı olarak baş harflerinizi kullanmak istiyorsunuzdur. Ancak, proje otomobil üreticisi ile yasal zorluklara yol açmadan www.bmw.tr adresini kullanmanız pek mümkün olmayacaktır.

Sunucunun teknik donanımı genellikle seçtiğiniz barındırma paketiyle doğrudan ilişkilidir. Sunucunuzun ne kadar "iyi" olması gerektiği de niyetinize bağlıdır. Diğer platformlardaki video ve resimleri barındıran ve bunun dışında yalnızca metin ve bazı basit grafikleri görüntüleyen basit bir blog, birkaç terabayt depolama kapasitesine ihtiyaç duymaz. Hangi teknik gereksinimlerin gerçekten karşılanması gerektiğini kontrol edin ve ardından bir pakete karar verin. Çoğu özel kullanıcı ve şirket en fazla ortalama donanıma sahip sunuculara ihtiyaç duyar.

Şüpheniz varsa, tek bir barındırma ortağına çok uzun süre bağlı kalmayın. Daha kısa sözleşme süreleri, başka bir yerde daha iyi teklifler ortaya çıkarsa daha hızlı geçiş yapabileceğiniz anlamına gelir.

Bir web sitesinin bağımsız olarak programlanması size çok fazla özgürlük sağlar, ancak aynı zamanda ilgili, çok kapsamlı uzmanlığa da ihtiyacınız vardır. Bir içerik yönetim sistemi - kısaca CMS - işinizin çoğunu sizden alır, ancak her küçük ayrıntıyı tam olarak isteklerinize göre uyarlayamayacağınızı kabul etmeniz gerekir. Bu iki sistem boş, beyaz bir tuval üzerine çizim yapmaya ve "sayılarla resim yapmaya" benzetilebilir.

Ancak, daha önce bahsettiğim WordPress gibi güncel CMS'ler modüler yapılarına rağmen son derece özelleştirilebilirdir. Burada temaları, renkleri, yazı tiplerini, düzeni ve tasarımın diğer yönlerini nispeten özgürce seçersiniz. Çok popüler bir CMS olduğundan, aralarından seçim yapabileceğiniz sayısız farklı tasarım vardır - bazıları ücretsizdir, diğerleri değildir. Ancak, programlama konusunda biraz ön bilgiye sahip olmanız gerekir.

WordPress'ten çok daha basit olan çeşitli ana sayfa yapım kitleri de vardır. En büyük avantajı, bir web sitesi oluşturmak için hiçbir programlama becerisinin gerekmemesidir. Teknik taraf tamamen sağlayıcı tarafından üstlenilir ve içerik hızlı ve kolay bir şekilde değiştirilebilir. Herhangi bir sorunuz olursa, ilgili sağlayıcının destek ekibi tarafından yanıtlanır ve bir hizmet sağlayıcıya kıyasla çok büyük maliyetlerden tasarruf edersiniz.

Bu nedenle sadece WordPress gibi iyi bir CMS veya bir yapı kiti kullanmanızı tavsiye edebiliriz. Bağımsız programlama muazzam miktarda zaman ve para gerektirir (ve genellikle her ikisi de). Yalnızca herhangi bir CMS'de yer almayan bağımsız, yenilikçi özellikler sunmak istiyorsanız kendinizi programlamayı düşünmelisiniz.

Web sitesinin çoğunluğu kendi istek ve fikirlerinize tabidir, ancak bazı alanlar zorunludur:

• Bir web sitesi işletmecisi olarak, bir künye yayınlamakla yükümlüsünüz. İstisnalar yalnızca teklifin ailevi veya kişisel amaçlara hizmet etmesi durumunda mevcuttur. Örneğin, tüm aile için tatillerinizi kaydetmek zorunda olduğunuz bir web sitesi oluşturursanız, bu yükümlülükten muafsınız. Ancak kural olarak künyeden kaçınamazsınız.

• Herhangi bir türde ürün veya hizmet satan bir çevrimiçi mağaza işletiyorsanız, hüküm ve koşullarınızı da yayınlamanız gerekir. Aksi takdirde, online mağaza işletme hakkınız olmaz ve bu da cezalar anlamına gelir. T&C'leri uzman bir avukata kontrol ettirin - diğer çevrimiçi mağazalardan basitçe kopyalayıp yapıştırmak işe yaramayacaktır.

• Bir foruma kayıt olduklarında veya bir bültene abone olduklarında kullanıcılarınızın verilerine ne olur? Adresler bir online mağazada nereye gider? Veri koruma ve toplanan verilerle tam olarak ne yaptığınıza dair bir beyan, özellikle ticari teklifler için kesinlikle gereklidir.

• Bir iletişim sayfası mutlaka gerekli değildir. Kullanıcılarınız orada e-posta adreslerini, olası müşteri desteği için telefon numaralarını, bir adresi veya benzer verileri bulabilir. Bir iletişim sayfası oluşturmanıza gerek yoktur, çünkü bu bilgilerin çoğu zaten künye içinde yer almaktadır. Bununla birlikte, çoğu müşteri her türlü sorusu için merkezi bir iletişim noktasına sahip olmayı çok uygun bulmaktadır.

Bu noktaların dışında, web sitenizin tasarımında tam bir özgürlüğe sahipsiniz. Yasal olana izin verilir.

Çeşitli farklı tarayıcılar web'e çeşitlilik getirir, ancak aynı zamanda ziyaretçilerinize karşı tüm yaygın uygulamalarla uyumlu olmak zorundasınız. Şu anda (Temmuz 2016 itibariyle) bunlar arasında Internet Explorer, Microsoft Edge, Opera, Chrome, Firefox ve Safari bulunmaktadır. Web siteniz belirtilen tarayıcılarda mükemmel bir şekilde görüntülenmelidir, çünkü bunlar dünya çapındaki tarayıcı dağılımının mutlak aslan payını oluşturmaktadır. Web siteniz belirli bir tarayıcıda çalışmıyor mu? O zaman koda geri dönmeniz gerekiyor!

Örneğin validator.w3.org adresini kullanarak HTML kodunda hangi hataların gömülü olduğunu kontrol edebilirsiniz. Markup Validation Service olarak adlandırılan bu web sitesi, ana sayfanızın HTML dilinin mevcut standartlarına uygun olup olmadığını kontrol eder. Eğer durum buysa, geçerli kod olarak adlandırılan bir kod oluşturmuşsunuz demektir.

Geçerli kodun çeşitli avantajları vardır: Örneğin, geçerli olmayan kod tarayıcılar tarafından otomatik olarak kullanılabilir koda dönüştürülür. Ancak belki Edge ve Chrome bunu farklı bir şekilde yapar, bu nedenle sonuçta farklı görünebilir. Web siteniz tamamen geçerliyse, bundan yıllar sonra yepyeni tarayıcılar tarafından sorunsuz görüntülenme şansı da çok yüksektir.

Ancak aynı zamanda, %100 geçerli kod kesinlikle gerekli değildir. Birçok web sitesi hataya açıktır ve yine de mevcut tarayıcılar için sorun teşkil etmez. En iyisi, geçerli kod ile işe yarayan "yaratıcı kendi çözümleri" arasında iyi bir orta yol bulmaktır.

Örneğin, web sitenizi oluşturmak için bir ana sayfa yapım kiti kullanıyorsanız, bu ipuçları geçerli değildir. Orada genellikle gerçek HTML kodu üzerinde hiçbir etkiniz olmaz. Ayrıca, içerik yönetim sistemlerinin geliştiricileri, çeşitli bileşenlerin ya geçerli koda dayandığından ya da geçerli olmayan çözümlerin yine de hatasız görüntülendiğinden emin olurlar.

Her ne kadar güçlü akıllı telefonlar çağında yaşıyor olsak da, bitmiş web sitesinin performansı kullanılabilirlik, tasarım veya güvenlik kadar önemli olmalıdır. Her ziyaretçi sizin kadar hızlı bir dizüstü bilgisayar, masaüstü bilgisayar veya tablet ile hareket halinde olmayabilir. "Sadece yeterli" bir cihaz kullanan insanların büyük çoğunluğunu görmezden gelirseniz, özellikle bir işletme olarak kaybedersiniz.

Akıllı telefon çağında, web sitenizi özellikle mobil cihazlar için optimize edin. Web sitesinin kullanılabilirliğini ve dokunmatik cihazlardaki performansını korumak için duyarlı tasarım hakkında düşünün. Özellikle daha büyük görüntü verilerinin önbellekte kalabildiğinden emin olun, böylece her çağrıldıklarında yeniden yüklenmezler - ve bu aynı zamanda tarayıcı için favicon gibi sözde küçük nesneler için de geçerlidir, burada performans her seferinde boşa harcanır. Yalnızca 16 * 16 piksel boyutundadır, bu nedenle daha yüksek çözünürlüğe sahip bir simge performansa (veya bant genişliğine) mal olur ancak görünür bir avantaj sağlamaz. Bu küçük örnek, performans optimizasyonunun ne kadar önemli olduğunu göstermektedir.

Performans optimizasyonu genellikle bu oldukça küçük, görünüşte göze çarpmayan şeylerden oluşur, ancak bunlar bir bütün olarak önemli ölçüde daha hızlı bir kullanıcı deneyimi sağlar. Yavaş bir web sitesi, müşterilerinizin büyük bir kısmının hızla gemiyi terk etmesine neden olacaktır. Kendi kendinize yapabileceğiniz basit bir test: Bulabildiğiniz en eski cihazı alın ve web sitenizi çağırın. Çok mu yavaş? O zaman nedenini araştırın (çok ayrıntılı temalar, sıkıştırılmamış PNG görüntüleri, çok büyük GIF dosyaları, Flash veya Java gibi eklentilerin entegrasyonu, çok fazla ve çok ayrıntılı reklam, vs. vs...).

İçgüdülerinize güvenmemelisiniz. Yalnızca trafik analizleri ve benzer prosedürler aracılığıyla - diğer şeylerin yanı sıra - web sitenizin ne kadar popüler olduğunu görebilirsiniz. Bunun için popüler bir araç, popülerliği esas olarak programın ücretsiz olmasından kaynaklanan Google Analytics kullanımıdır.

Bu web hizmetini, özellikle reklamcıların işine yarayan ve dolayısıyla SEO açısından önem taşıyan kapsamlı istatistikler sağlamak için kullanırsınız. Burada örneğin hangi arama terimlerinin sitenize yönlendirdiğini (SEO için önemli bir performans göstergesi), hangi içeriğin özellikle çok sayıda ziyaretçi çektiğini, kaç misafiriniz olduğunu, erişim için hangi bağlantıların kullanıldığını veya ziyaretçilerin nereden geldiğini ve günün hangi saatinde özellikle talep gördüğünüzü öğrenebilirsiniz.

Google Analytics, insanların sizde ne kadar süre kaldıklarını veya ziyaret başına kaç başka web sitesini ziyaret ettiklerini de gösteren çok kapsamlı bir araçtır. En kolay yol, sonuçlara kendiniz bakmak olacaktır, çünkü tüm işlevlerin bir listesi açıkça kapsamı aşacaktır.

Önemli olan şudur: İnanılmaz derecede kapsamlı veri setleri toplayabilirsiniz, ancak bunları nasıl değerlendireceğinizi de öğrenmelisiniz. Doğru sonuçlara varmadan veriler tek başına size yardımcı olmayacaktır. Bu nedenle, Google Analytics'i (veya tercih ettiğiniz başka bir analiz aracını) web sitesini sürekli iyileştirme çabalarınıza entegre edin. Hangi içeriğin ziyaretçiler için özellikle uygun olduğunu, hangi bölümleri geliştirmeniz veya silmeniz gerektiğini ve ilk etapta hedef kitlenizin kim olduğunu belirleyin.

Cevap: belki. .htaccess dosyası sunucunun varsayılan ayarlarını değiştirmek için kullanılır. Bunu, bazıları oldukça popüler olan birçok farklı şekilde kullanabilirsiniz. Ancak, bu "aracı" kullanmak kolay değildir ve şimdiye kadar verilen oldukça basit ipuçlarının ötesine geçer.

Örneğin, belirli alanları ve hatta dosyaları (şirketinizin çalışanları için önemli olabilir) parola ile korumak için uygun şekilde yapılandırılmış bir .htaccess kullanabilirsiniz. Ayrıca SEO konusunda kendinize yardımcı olabilir ve örneğin, web sitenize bu kısım olmadan ulaşılabiliyorsa (örneğin http://beispiel.de olarak) bir URL'nin başındaki www kısmını devre dışı bırakabilirsiniz.

Belki de web sitenizde kendiniz de resimler barındırıyorsunuz ve bu grafiklerin diğer web sitelerine veya belki de bloglara ve forumlara doğrudan gömülmesini istemiyorsunuz - ve bunu .htaccess dosyası aracılığıyla da önleyebilirsiniz. Ziyaretçilerin var olmayan içeriğe erişmek istemesi durumunda varsayılan 404 web sayfasını değiştirmek de çok popülerdir. Burada kişiselleştirme için çok fazla hareket alanınız vardır ve kendinizi veya şirketinizi aynı anda hem profesyonel hem de sempatik bir şekilde sunabilirsiniz.

Performans açısından yararlı olan, önceki bölümde bahsettiğimiz tarayıcı önbelleğe almanın kesin tanımıdır. .htaccess dosyasında, hangi dosyaların hangi süreden sonra yenileneceğini tanımlarsınız. Gördüğünüz gibi, bu küçük dosya size ilginç "kurcalama" için çok fazla alan sunar - eğer aşina iseniz!

Şu anda belki de on dakika içinde gözden geçirdiğiniz şeyin gerçek anlamda uygulanması birkaç hafta veya ay sürecektir. Özellikle kendi web sitenizi programlıyorsanız ve bir CMS kullanmıyorsanız, önemli miktarda zaman ve çaba harcamanız gerekecektir. Bu arada, liste önem sırasına göre sıralanmamıştır: Her nokta kendi başına eşit derecede önemlidir ve buna göre dikkate alınmalıdır. Şüpheniz varsa, profesyonel yardım alın: Harici bir ajans olmadan bir web sitesi kurmak, boş zamanlarında "biraz HTML yaptı" diye bir stajyerin yapabileceği bir iş değildir.