web2.0 | bildirgec.org

Fancy Sliding, diğer slider uygulamalarının aksine sadece form örnekleri üzerine kurulmuş bir jQuery uygulamasıdır. Ücretsiz olarak kullanabileceğiniz ve nasıl yapıldığını öğrendiğiniz bu uygulama ile uzun ve karmaşık üyelik, iletişim, alışveriş formlarınızı kısaltarak tek sayfada toplayabilirsiniz.

Fancy Sliding, kullanıcılarınızı yormadan form doldurtmak için kullanabileceğiniz jQuery ve css ile hazırlanmış muhteşem bir uygulamadır. Sistemli yapısı sayesinde formlarınızı kullanıcılarınızın daha fazla hoşuna gidecek şekilde ayarlayabilir veya web siteniz birden fazla form örneği içeriyorsa hepsini bir sayfada kategorilendirebilirsiniz.

Colortip, jQuery tabanlı hazırlanmış basit bir tooltip uygulamasıdır. Metinlerinizin herhangi bir bölümüne ekleyebileceğiniz küçük baloncuklar yanlızca o bölümün üzerine gelindiğinde ortaya çıkar ve sizin vermek istediğiniz kısa bilgiyi içerir.

Web sitenizin içeriğine göre renk ayarını değiştirebileceğiniz bu uygulama ile metinlerinize küçük hatırlatıcılar, ekstra bilgiler yerleştirebilirsiniz. İçeriğinde 6 farklı renkli tema bulunan bu uygulamayı değiştirerek farklı renk tonları ile çalışabilirsiniz.

toplamda 3 bölüm sürmesini planladığım seo dökümanına kaldığımız yerden devam ediyoruz. önceki 2 bölüme ulaşmak için;

bölüm 1
bölüm 2

1. sayfa içi seo
   
   • sayfa başlığı (<title></title>)
     sayfalarınıza başlıklar yazıyor olmanız, muhtemelen arama motorları için son derece önemli bir avantaj diyebiliriz. sayfa başlıkları, sitenizin kalitesini belirlemede büyük bir rol oynar.

     ancak başlık seçerken de dikkat edilesi hususlar var. mesela başlığınızı fazla uzatmayın, kısa kesin. dökümanda geçen anahtar kelimeleri içermesini sağlayın. rekabet amaçlamayın, agresif olmayın, makul cümleleriniz olsun. bu bir ölçüde kalitenizi arttıracaktır.

     marka isminiz başlıklarda geçsin. marka isminizin şık durduğundan eminseniz, muhtemelen önce marka ismini yazmayı tercih edersiniz. çekinmeyin, yazın! başlıklar önemli dedik ama başlığın ilk kelimeleri de başlıbaşına önem arz eder. bu nedenle cilalı ve müşteri gözünde değerli bir marka yaratabildiyseniz, şimdi bunu kullanma zamanı geldi demektir. çekinmeden önce markanızı yazın. bu tıklanma oranınızı arttırır.

     elbette markanızın tanınmadığından eminseniz başlıkların son kısmına marka isminizi iliştirmeniz daha yararlı olacaktır. sonuçta başlıklar marka algısını yükseltecek alanlar değil, içeriğinizi tanıtan yerlerdir. marka yaratmak için değişik yöntemlere yönelin. mesela reklam gibi...

arama motoru optimizasyonu günümüzde çok önemli bir sektör halini aldı. bunda elbette google'ın büyük bir başarı elde etmiş olması ve web'in geleceğini neredeyse tek başına yazmaya başlaması büyük rol oynamıştır. ünlü arama motoru google'ın en son hamlesi caffeine adını verdiği yeni alt yapıyı faaliyete geçirmesi oldu. ancak her zamanki gibi caffeine hakkında bilinenler google'ın resmi açıklamaları ve ortalıkta dolaşan şehir efsanelerinden ibaret. henüz...

üstelik dünyadaki tek web arama motoru google değil elbette. yahoo, bing gibi arama servislerinin kullanıcı sayısı hiç de azımsanacak sayıda değil. öyleyse bugüne dek bilinen ve fayda sağladığı kanıtlanmış seo teknikleri hala tedavülde diyebiliriz. her ne kadar caffeine ile birlikte sosyal içeriğin ve içeriğin tazeliğinin artık hiç olmadığı kadar önem kazandığını bilsek de eski seo taktiklerinin rafa kalkıp kalkmadığı belirsiz ve diğer arama motorları şimdilik herhangi bir altyapı değişimi açıklamıdıklarına göre eski seo mekanizmasının kökten bittiğini iddia edemeyiz.

öyleyse şimdi en önemli birkaç seo çalışmasından bahsedelim. böylece web sitenizdeki içeriği daha görünür kılabilir, ziyaretçilerin sitenizi kolay bulmasını sağlayabilirsiniz.

1. arama motoru dostuluğu (s.e.f web development)

• kopya içerik

arama motorları birbirinin tıpkısı içerikleri görmekten nefret eder. sokakta baktığınızda gördüğünüz halley veya biskrem ambalajları gözünüze ne kadar çöp olarak görünüyorsa arama motorları da benzer içeriği o kadar çöp biçiminde görürler.

kopya içerik durumu bazen bir paradoksa dönüşür. içerik yönetim sistemleri (cms), kategoridir, üründür, özelliğidir derken çoğu zaman bir tek içerik için farklı farklı url'ler oluşturabiliyorlar. bu durumu çözmek için robot.txt dosyaları, tâli linklerinizi noindex olarak etiketlemek veya 301 durum kodu ile yönlendirme yapmak en geçerli çözüm yollarıdır. ayrıca bir geliştiriciyseniz linkler için google'ın resmi öznitelik raporlarına bakmalısınız.

jsTree, jQuery eklentisi olarak paketlenen çapraz tarayıcı ağaç bileşenidir.Javascript tabanlı olan bu uygulama üzerinde kategorili listeleme yapabileceğiniz gibi üzerinde kayıtlı bulunan tüm girdiler üzerinden eşzamanlı olarak işlem yapabilirsiniz.

Listeleme, Site Haritası hatta menü olarakta kullanılabilecek çok yönlü bir uygulama olan jsTree, ücretsiz olarak dağıtılmakta, ayrıca GPL ve MIT lisanslarına sahip bir jQuery uygulamasıdır.

Kategoriler ekleme, anında isim değişikliği, dosya ve klasörleri düzeltebilme/silebilme, sürükle-bırak özelliği ile içerisindeki nesneleri herhangi bir klasör yada katagori içerisinden bir başkasına taşıyabilme gibi birçok özelliği bulunmaktadır.

Tema desteği sayesinde tamamen kişiselleştirilebilir ve HTML, JSON, XML gibi verikaynaklarının birçoğunu destekler. Ayrıca değiştirilebilen animasyonlu açılışı ve sayfa harici yükleme özelliği bulunmakta. Arama fonksiyonu, çerezleri optimize etme, klavye ile işlem yapma gibi özellikleri ile jsTree muhteşem bir uygulamadır.

Her geçen gün ajax ile yapılan dolayısıyla jQuery ile yapılan uygulamalar artmakta. Artık flash alternatifi olarak görülen jQuery ile inanılmaz uygulamalar yapılmakta. jquery.com'dan derlenen haziran ayının en iyi jQuery uygulamaları;

dualSlider - Demo

Çift taraflı jQuery tabanlı bir taraflı olan dualSlider ile hem manşet için hazırladığınız alt metin hem de manşetin kendisi küçük bir zaman aralığı ile kayma efektini gerçekleştirir. Birçok sayfa kullanabileceğiniz bu uygulamada resim yerine herhangi bir html dosyası, video, metin gibi birçok alternatif tercihte bulunabilirsiniz. Ayrıca slayt özelelliğini, "Play/Stop" (Başlat/Bitir) tuşu ile başlatıp durdurabilirsiniz.

jQuery Easy Confirm Dialog - Demo

jQuery ile hazırlanan bu farklı tooltip uygulamasını web sayfalarınızdaki ziyaretçilerinize uyarı niteliğinde sunabilirsiniz. Farklı uyarılar olarak kullanabilir veya belirli soruları sormak için kullanabileceğiniz muhteşem bir jQuery tooltip uygulaması.

Html 5, henüz tüm tarayıcılar tarafından desteklenmese ve geliştirilme aşamasında olsa da oldukça etkileyici bir dildir. Eklenen yeni elementler sayesinde klasik web yapısı değişerek tamamen interaktif hale gelmiştir. Artık html ile web sayfalarımızda videolar oynatabiliyor veya farklı animasyonlar yaratabiliyoruz. Aşağıdaki uygulamaları inceleyerek siz de benzer çalışmalarda bulunabilirsiniz. İşte Muhteşem HTML5 Animasyon Uygulamaları;
Tunnelers

Plasma Tree

Bomomo

The Mesmerizer

Jcrop, herhangi bir imajı üzerinde kesme, kırpma, kopyalama gibi imaj üzerinden yapılabilecek bazı işlemleri gerçekleştirmek için arayüz oluşturabilen interaktif bir uygulamadır. Jcrop herhangi bir imaj dosyasının belirli bir bölümünü seçmeye yarayan muhteşem bir jQuery uygulamasıdır.

Jcrop ile her türlü imajın belirli bir bölümünü seçerek bu imaj üzerinden çeşitli işlemler yapabilirsiniz. Seçtiğiniz bölgenin koordinatlarını (x1, x2, y1, y2, w,h) öğrenebilir, farklı bir bölgede sadece kestiğiniz kısmı normal veya yakınlaşmış olarak görebilir veya sadece seçili kısmı değişikliğe uğramaz halde gösterebilirsiniz.

Tüm bu seçme işlemleri sonrasında resme farklı tooltip şeklinde notlar ekleyebilir (Facebook'taki gibi), imajın seçili bölgesini daha yakından göstererek ürününüzün kalitesini gösterebilir veya imaj üzerinden kesme, kırma, efektler uygulama gibi farklı işlemleri farklı yöntemlerle gerçekleştirebilirsiniz. Ayrıca Jcrop üzerinde farklı renkler kullanarak web sitenize göre kişiselleştirebilirsiniz.