Herkes İçin Web Tasarım İpuçları... Ücretsiz site açın:
Blogspot veya Jimdo... Jimdo’yu çok fazla kişi bilmez ama subdomain.jimdo.com domain verdiği için pr’si iyi oluyor... Ve ayrıca sitede size link veriliyor... (Örnek: kimyam.jimdo.com... İçerik yoktu. İlk güncellemede pr’si 3’tü... Şimdi 2.) Bu ne işe mi yarayacak? Tabi ki backlink...
Sitenizin giriş sayfasını doğru belirleyin:
Sitenizin giriş sayfasının ne olacağına karar verin.
Webmaster Forumu mi yoksa
Webmaster Forumu mi belirleyin. Bu ikisi farklıdır... Tarayıcınıza ilk olarak
Webmaster Forumu yazın ve girin. Ve siteye girişe tıklayın... Bir de
Webmaster Forumu yazıp girin ve siteye girişe tıklayın farkı gördünüz mü?
Site içi link:
Site içi link verirken; /link.html değil de
http://www.siteniz.org/link.html olarak link verin.
Site içi link verirken;
http://www.google.com/url.html olarak kullanmak indexlenmeyi artırır.
Ayrıca meta taglar bölümünde;
<base href="http://www.google.com/">
kullanılırsa /url.html gibi linkler otomatikman
http://www.google.com/url.html olarak değişir.
Adsense Reklam:
Özellikle
dini içerikli sitelerde ve çocuk (
oyun vs.) sitelerde adsense kullanmayın... Yarardan çok zararı olur. Sonra şikayet edersiniz, alakasız reklam çıkyor diye. Hiç kullanamak en iyisi.
Tarayıcı Farklılıkları:
Eğer hazır bir sistem kullanmıyorsanız (Wordpress, Joomla gibi) sitenizin farklı tarayıcılarda nasıl göründüğünü kontrol edin... Şu an Türkiye’de en çok kullanılan tarayıcı hâlâ İnternet Explorer, daha sonra ise Mozilla Firefox... Sitenizin farklı tarayıcılarda nasıl göründüğüne bakmak için:
Test your web design in different browsers - Browsershots Kodlama hataları:
Sitenizde uygun olmayan kodları ve kodalama hatalarını
The W3C Markup Validation Service adresinden kontrol edip düzeltebilirsiniz.
SEO Konusuna Gelirsek:
ÖNEMLİ SEO HTML TAGLARI
Sayfa Başlığı (Title)
<head>
<title>Anahtar Kelime</title>
</head>
H1, H2, H3
<h1>En önemli</h1>
<h2>İkinci önemli</h2>
<h3>Üçüncü önemli</h3>
Kalın ve Strong
<b>Anahtar Kelime</b>
<strong>Anahtar Kelime</strong>
Resimler
<img src=”anahtar-kelime.jpg” alt=”anahtar kelime” />
Hyperlink (Üst Bağ...)
<a href=”
http://www.mysite.com/webpage.html” title=”anahtar kelime”>Anahtar Kelime</a>
Nofollow Hyperlink
<a href=”
http://www.mysite.com/webpage.html” title=”anahtar kelime”
rel=”nofollow”>Anahtar Kelime</a>
Arama Motorları İndexleme Limitleri Sayfa Boyutları 150 kb'dan az olmalıdır.
Bir sayfada en fazla
100 link bulunabilir.
Sayfa başlığı 70 karakteri geçmemelidir.
Meta Description (Sayfa Bilgisi) 155 karakteri geçmemelidir.
URL Parametreleri:
1) Kötü Örnek:
http://www.mysite.com/brands.php?
object=1&type=2&kind=3&node=5&arg=6
İyi Örnek:
http://www.mysite.com/brands.php?nike
(Çok uzun ve anlamsız sayfa uzantısı yerine, kısa ve anlamlı sayfa uzantısı olmalıdır.)
2) Kötü Örnek:
http://www.mysite.com/people/places/things/
noun/danny/car
İyi Örnek:
http://www.mysite.com/people/danny/
(4'ten fazla alt klasör olmamalıdır.)
Sayfa Başlığı Dizimi
Anahtar Kelime < Kategori | Site Başlığı (Sayfa Başlığında Önce anahtar kelime olmalıdır, daha sonra kategori en son ise sitenin adı.)
Sitenizin Ana Sayfası
Kötü Örnekler:
http://www.mysite.com http://mysite.com http://www.mysite.com/index.html http://mysite.com/index.html
İyi Örnek:
http://www.mysite.com/
(Dört kötü örneği iyi örneğe çevirmek için, kötü örnekleri iyi örneğe yönlendirin... Aşağıdaki gibi...)
Ayrıca;
Web Tasarımında Dikkat Etmeniz Gereken 10 Husus:
1. Flash uygulamaları kötüye kullanmayın.
Flash en popüler web animasyon teknolojisidir. Reklamlar ve kimi flash uygulamalar siteniz için gerekli olsa da, bunları dengede tutmalı, browser ve sitenizin bir çöplüğe dönüşmesini engellemelisiniz.
2. İçeriğinizi gizlemeyin.
Kimi reklam veya benzeri uygulamalar sitenizde bulunmak zorunda olsa da, kullanılabilirlik uzmanları, pop-up pencere ve tam sayfa ilanların, sitenin mevcut içeriğinin örünmesine engel olarak kullanıcıların yeniden ziyaretini engellediğini düşünüyorlar.
Sitenizin içeriğini engelleyecek uygulamalardan kaçının.
3. Karmaşıklığı önleyin.
Web tüm zamanların en büyük arşivi olabilir, ancak site yapıları düzgün olduğu sürece. Örneğin Amazon ve benzeri siteler, tasarım önceliklerinde navigasyon yapısını listenin en üstünde tutarlar.
4. Gereksiz yansıma efektlerinden kurtulun.
Her ne kadar bir trend olsa da bazı uygulamalar trendi yakalamak adına klişe haline dönüşebilmekte.
Apple’ın ağırlıklı olarak kullandığı yansıma efektini sitenizin her alanında ve ürünlerinizde kullanmanız, kullanıcılarınızda prestij yerine çalıntı hissi uyandırmasına sebep olacaktır.
5. Firma yada site isminizi doğru belirleyin.
Web’in kendine özgü garip terminolojisi içinde firma yada siteniz için akılda kalıcı ve sesli harflerde içeren isimler seçin.
Flickr, Smibs, Meebo, gibi isimler akılda kalıcı olsa da söylenişleri nispeten zorlayıcıdır.
6. Tipografinin gücüne inanın.
Geniş bant internet yaygınlaşmasına rağmen iyi tasarımcılar hala plain text kullanımında ısrarlılar.
Arayüzünüzü iyi anlatabileceğiniz, text tasarımlar oluşturun.
7. Farklı, etkileyici uygulamalar üretin.
Bir tasarımın sadece iyi gözüküyor olması herşey anlamına gelmez, içeriğinizi fonksiyonel olarak sunabileceğiniz uygulamalar yaratın.
Facebook yada Youtube gibi kullanıcılarınızı siteye bağlayacak uygulamalar geliştirin.
8. Sosyalleşin.
Web 2.0 heryerde.
MySpace ve benzeri siteler kullanıcıların birbirleri ile iletişimde olduğu ve kimi zaman içeriğinede katkıda bulunduğu siteler tasarlayın. Komüniteler oluşturarak gelirlerinizi artırın.
9. Amerika’yı yeniden keşfetmeyin.
Wikipedia, YouTube, Facebook, Google gibi siteler artık hayatımızın bir parçası olmuş durumdalar.
Sitelerinizde uygulayacağınız tasarım elementlerini oluştururken bunu unutmayın.
Söz edilen sitelerin yarattığı alışkanlıkları, yerleşim ve navigasyon yapısını es geçmeyin.
10. İçerik herşeydir.
İyi ve estetik bir tasarım siteyi daha güzel kılar.
Ama eğer içi boş ise dünyanın en iyi tasarımınıda yapsanız o site yine kötü olacaktır.
(Yazının ilk kısmı bana aittir. İkinci kısım derleme, düzenlemedir. Kolay gelsin.)