bildirgec.org - ilyasozde - beğendikleri

10 adet mootools kayan i̇çerik uygulaması

ilyasozde — Thu, 19 Aug 2010 15:08:00 GMT

Günümüzde, neredeyse tüm web tasarım yazılarında "CSS3 ve jQuery" kelimeleri başrolde görülse de, tasarılarınızda kullanacağınız tek seçenekler bunlar değil. Esasında javascript framework olan MooTools ile bir sürü ilgi çekici eklenti elde etmek mümkün. Bu yazıda, MooTools ile yapılan en iyi 10 "kayan içerik uygulamalarına" (content slider) bakacağız. Site tasarımlarınızda işinize yarayacağını düşünüyorum.

Floom

i̇ndirme demo

SlideShow2

i̇ndirme demo

nivoo-slider

i̇ndirme demo

slideitmoo

slidegallery

noobslide

icarousel

gradually

sliding tabs

scrollgallery

smoothgallery 2.0

i̇ndirme demo

Umarım işinize yarar. Tekrar görüşmek üzere.

Kaynak

ayrıca, "2009'un en iyi 40 photoshop yazı efekti" adlı yazıma da göz atabilirsiniz.

Bu yazı ilyasozde tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

5 Kullanılabilir jQuery Uygulaması

ilyasozde — Mon, 09 Aug 2010 07:00:00 GMT

Aşağıda yer alan basit ama kullanışlı jQuery uygulamaları her web servisinde kullanılabilir. Basit arayüzlü ve kullanımlı olan aşağıdaki tasarımaları web siteniz ile uyumlu hale getirebilir ve ücretsiz olarak kullanabilirsiniz. işte muhteşem 5 jQuery uygulaması;

Image Blur - Demo

Image Blur, her web uygulamasında kullanılabilecek oldukça hoş bir jQuery uygulamasıdır. Resimlere ilginç bir bulanıklık efekti veren bu uygulama resmin üzerine gidildiğinde netleşmeye başlayarak eski haline dönüyor. Tam tersinin yapılması ve geliştirilmesi muhtemel bir uygulama.

SeaHorse - Demo

Seahorse gelişmiş bir form denetim uygulamasıdır. Bu muhteşem uygulama ile web sitenize yerleştireceğiniz tüm formları kontrol edebilirsiniz. En fazla kaç karakter yazılacağı, istediğiniz karakterleri engelleme, metin veya sadece sayı bulunması gibi seçenekleri etkileyebildiğiniz gibi herhangi ek işleme css kodlarına gerek formlardaki yazı renklerini anında değiştirmeniz mümkün. Ayrıca ip adresi, e-mail adresi kontrolü de yapabilmekte. Bu ve buna benzer bir çok denetime bu uygulama ile sahip olabilirsiniz.

3d Tag Sphere - Demo

Birçok web sitesinde görebileceğiniz 3 boyutlu etiketlerin yer aldığı uygulamanın jQuery ile yapılmış hali.Flash ile yapılmış etiket bulutundan hiçbir eksiği bulunmadığı gibi herhangi bir eklenti kurmanıza gerek kalmaz.

LumeBox - Demo

Anders Zakrisson tarafından yapılan ve GPL lisanslı olan bu jquery uygulaması ile hoş bir şekilde resimlerinizi büyük boy olarak ziyaretçilerinize sunabilirsiniz. Farklı bir kararma efekti ve tooltip ile büyük boyu hoş bir tasarımla sunan bu uygulamayı web sitenizle uyumlu olması için farklı bir şekilde biçimlendirmeniz mümkün.

List Ticker - Demo

List Ticker, web sitenize birden fazla aynı bölgede metin eklemenizi sağlayan ve metinler arası farklı 2 efekt sunan bir uygulamadır. Tüm web uygulamalarında kullanılabilir basit tasarımlı ve hoş bir uygulama.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : ajaxline

Bu yazı ilyasozde tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Freelancer'lar için olmazsa olmaz 10 Prensip

ilyasozde — Mon, 09 Aug 2010 09:34:00 GMT

Serbest tasarımcılık bitmek bilmeyen bir öğrenme sürecidir. Bu yazıda da birçok freelancer için rehber olacak ilkeleri bulabilirsiniz…

1-Müşteriyi mutlu etmek daha fazla müşteri kazandıracaktır.
Bir iş için en iyi tanıtımlardan biri de ağızdan ağıza yapılan reklamcılıktır. Müşterilerinizin gönlünde saygınlık kazandıkça, bu durum size maddi olarak da katkı sağlayacaktır. Müşterilerinize güvenle ve saygıyla yaklaşırsanız, geniş bir müşteri kitlesine sahip olmak işten bile değildir. dolayısıyla sadece iş kalitesi önemli değildir, müşterilerinizle kurduğunuz diyaloglar da olmazsa olmazdır.

2-Rekabete dayalı fiyatlar uzun vadeli bir strateji değildir!
Serbest tasarımcılık her zaman rekabeti gerektirir. Biraz zaman harcayarak kendinize yetecek kadar müşteri bulabilirsiniz ama freelancer’lar arasından iyi bir bilinirlik oluşturmak istiyorsanız bazı özelliklerle diğerlerinden sıyrılmalısınız.

Düşük fiyata iş yapmayı elbette tasarımcı istemez ama büyük fiyatları da müşteriler istemez. Bu nedenle denge noktasında fiyat belirleyerek strateji izlemek daha doğru olacaktır.

3-Etkili bir iletişim hayat boyu kazandırır.
Müşterilerle etkileşime geçebilmek, serbest çalışanlar için büyük bir yetenektir. yaratıcılık ve yetenek tasarımcılar için olmazsa olmaz olsa da, iletişim becerisi olmadan diğer tekniksel tecrübeler fazla işe yaramayacaktır. çünkü yapacağınız çalışmalarda iki taraflı iletişim olacaktır.

4-Proje başlangıcına ayırdığınız zaman yatırımı daha sonra başınızı ağrıtabilir
Müşterinin isteklerini tam anlamadan tekniksel olarak çalışmaya atlamak, ileriki zamanlarda baş ağrıtabilir. Daha sonradan müşterinin gereklilikleri hakkında tartışmak, çalışmanız konusunda olumsuzluk yaşamak istemiyorsanız proje başlangıcında müşterinizle tüm detayları konuşmanız büyük avantaj taşır. bu sayede geriye dönerek boşu boşuna enerji harcamamış olursunuz.

müşterilerinizle iyi diyalog kurmak çok önemlidir

5-Kişisel Gelişim ve Kaliteyi artırmak için gelir geliştirin
Para kazanmak, freelancer’ların giderlerini karşılamak için elbette gereklidir. ancak zaman zaman kaliteyi artırmak için para harcamak, karlılık için engel değildir.

Kazancınızı maksimize edebilmek için muhakkak yatırım yapmanız gerekecektir. Yatırımlarınızın gelirlerinize etkisini görmek biraz zaman alabilir, bu yüzden sabırlı olmakta fayda var.

6-Uzun vadeli müşteriler son derece değerlidir
Varolan müşteriyi uzun zaman boyunca sizle çalışıyor hale getirmek büyük avantajdır. böylece hem uzun vadede kazanç elde etmiş olur hem de portfoyunuzu zenginleştirirsiniz.

7-Her şeyde en iyisi olamazsınız.
Farklı farklı alanlarda en iyisi olmak yerine sadece belli başlı alanlara odaklanın. Belki Wordpress teması hazırlamakta, logo tasarlamakta, e-ticaret işlerinde iyisinizdir. Ama kendinize başlıca bir alan seçerek o konuda ilerlemek size büyük bir müşteri potansiyeli kazandıracaktır.

8- Freelancer'lık saygıyla büyütülmelidir.
Yaptığınız işi ciddiye almanız ve bu işe kendinizi tam anlamıyla vermeniz çok önemli. Sizin çalışma zamanınızı engelleyecek her şeyden kaçınmalısınız ve işinize yatırım yapmayı ihmal etmemelisiniz.

9-sosyal network'leri kullanmanın etkisi büyüktür
İsminizi duyurmak, markalaşmak, reklamınızı yapmak, yardım ve destek almak gibi benzeri amaçlar için kendi sosyal ağlarınızı oluşturmalısınız.

Mesela kendi portfoyunuzu tanıtmak için LinkedIN, meslektaşlarınızla iletişime geçmek için Twitter idealdir. Ayrıca çeşitli forumlarda aktif olarak da reklamınızı yapabilirsiniz.

10-Zamanı etkili kullanmak fayda sağlar

zamanı etkili kullanmak fayda sağlar

3.maddede verdiğimiz etkili iletişimin yanına “zamanı etkili kullanma” yı da eklesek yanlış olmaz. Zamanınızı etkili kullanarak verimliliğinizi artırabilir, buna bağlı olarak da cebiniz şenlenebilir.

kaynakça çeviride zaman zaman eklemeler olmuştur.

ff - twitter - profil - blogum - formspring

Bu yazı ilyasozde tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

3 Boyutlu(3D) Flash Slayt Oluşturucu: CU3OX

ilyasozde — Tue, 03 Aug 2010 14:24:00 GMT

Görselleriniz için, Flash, HTML, CSS veya Javascript ile ilgili herhangi bir teknik bilgiye gereksinimi duymadan, farklı türdeki animasyonlar ile desteklenmiş, 3 boyutlu (3D) Flash slaytları oluşturmak için CU3OX uygulamasından yararlanabilirsiniz.

Ücretsiz bir masaüstü uygulaması olan CU3OX uygulamasını indirdikten sonra, bilgisayarınızda bulunan görsellerinizi veya Picassa, Flickr veya PhotoBucket gibi popüler görsel paylaşım sitelerinde bulunan görsellerinizi kullanarak harika bir 3 boyutlu Flash Slayt'ı hazırlayabilirsiniz.

Windows ve Mac OS versiyonları bulunan CU3OX uygulaması, slayt için istediğiniz ayarları (animasyon, parça sayısı vb.) seçmenize izin vermesinin yanında, web sayfanızda yayınlamanız için gerekli HTML kodunu da üşenmeyip üretmekte.

CU3OX uygulamasına buradan ulaşabilir ve sizi kendisine hayran bıraktıracak demo gösterimlerine de, buradan bir göz atabilirsiniz.

[Bonus+++++]
+# OKyoutube İle Youtube'tan Video İndirmek Çocuk Oyuncağı!
+Youtube Videolarını Bir de KickYouTube'la İndirin!
+Foursquare Haftalık 1 Milyon check-in'i Geçti!
+Yeni Sosyal Medya Aracımız: Google Buzz!
+bit.ly Pro İle Kendi Kısaltılmış URL Adresinizi Kullanın!
[Kaynak] CU3OX
[Paylaş] Sosyal Medya paylaşım sayfası burada.
[algoz Takip Noktaları] Bildirgeç Profil
Blog FF Twitter Facebook + Buzz E-posta RSS Mobil iPhone

Bu yazı ilyasozde tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Fancy Sliding Form ile Hareketli Formlar

ilyasozde — Wed, 21 Jul 2010 06:30:00 GMT

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.

Codrops yapımı olan ve tamamen özelleştirebileceğiniz bu uygulama slider özelliği sayesinde göze oldukça hoş gözüken geçişleri size sunar. Ayrıca doldurulmayan formlar olduğu zaman o kısmıda hata gösterir ve kullanıcı formu göndermeye çalıştığında uyarı mesajı gönderir.

Internet Explorer v7+, Firefox v3+, Google Chrome v2+ ve Safari v3+ sürümleri üzerinde çalışabilen Fancy Sliding Form'u buradan indirebilir veya demo sayfasına buradan ulaşabilirsiniz. Eğer isterseniz ayrıntılı dökümana bu sayfadan erişebilirsiniz.

Ayrıca Bakınız;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : tympanus

Bu yazı ilyasozde tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Ağaç Görünüm Bileşeni: jsTree

ilyasozde — Tue, 29 Jun 2010 06:41:00 GMT

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.

Internet Explorer 6+, Mozilla Firefox 2+, Safari 3+, Opera 9+, Google Chrome destekleyen jsTree'nin demo sayfasını buradan inceleyebilir veya buradan ücretsiz olarak indirebilirsiz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : jstree

Bu yazı ilyasozde tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

popüler S.E.O yasaları - 3

ilyasozde — Fri, 09 Jul 2010 07:07:00 GMT

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

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...
  
  birbirinin tıpkısı başlıklarınızın olmadığından emin olun.
  
  başlık seçerken empati kurmaya çalışın. arama sonuçlarında siteniz çıktığında insanların ne göreceğini gözünüze getirin. siz olsaydınız ne gördüğünüzde tıklamak isterdiniz?
- sayfa içi başlıklar (<h1>,<h2>)
  sayfa içi başlıklar sıralamayı çok fazla etkilemeyecektir. ancak içeriğinizde geçen anahtar kelimelerden kurgulanmış başlıklar yararlı olabilir.
  önem sırasına göre <h1> isimli etiket içine ana başlığınızı yerleştirin. hiyerarşik kalması şartıyla alt konularınızı da <h2>...</h6> başlıkları altında dizginleyin.
- meta etiketleri
  bütün meta etiketleri aslında seo için önemli değildir. şimdi biraz sık yapılan meta hatalarını inceleyelim;
  - meta anahtar kelimeler (keywords) hemen hemen önemsiz sayılır. en kolay spam yönteminden biri olduğu için dikkate değer bir sıralama ölçüsü olarak kabul edilmiyor. google ve bing'in bu etiketi doğru düzgün okuduğu bile söylenemezken diğer arama motorların dikkate aldığını düşünemeyiz.
    anahtar kelime yazımından tamamen vazgeçin. ancak illaki bir kaç kelime yazmalıyım diye hissediyorsanız mesela yaygın olarak yapılan yazım yanlışlarını etiketleyin.
    
    ancak eğer bir sayfanıza etiket girmek için 30 saniyeden fazla uğraşıyorsanız bilin ki zamanınızı çöpe atıyorsunuz.
  - meta açıklama bölümü (description) muhtemelen az da olsa olumlu etki sağlıyor. ancak yine de anahtar kelimelerle kıyaslandığında pek önemsenecek kadar değil.
    
    konuya seo olarak bakmazsak, facebook gibi sosyal platformlar, bir sitenin linkini paylaştığınızda sayfa ile ilgili bilgi alırlar. facebook örümceği title ve meta description etiketini okuyor şimdilik. seo için faydasız olsa da sosyal ağlar için tercih edebilirsiniz. sayfanızın kısa bir özeti sosyal ağlar için faydalı olabilir.
  - meta robots etiketi arama motorlarına o sayfayı taramamalarını (noindex) veya içindeki linkleri takip etmemelerini (nofollow) söyleyebilir.
    
    ancak amacı zaten sitenizde işe yarar bir şeyler bulmak olan bir arama motoruna sayfamı tara (index) ve linklerimi takip et (follow) demeniz gerekmez. insanlar kendi aralarında bu olaya işgüzarlık derler bazen. arama motorlarına işgüzarlık yapmayın. amaçları zaten sitenizi taramak ve linklerinizi takip etmektir. hatırlatmanıza gerek duymazlar.
- "alt" ve diğer parametreler
  alt etiketi bir bakıma spam amaçlı kullanımlara konu olabiliyor. bu nedenle arama motorları pek ağırlık vermemeyi tercih ediyorlar. ancak kullanmak yine de fayda sağlar.
  
  özellikle alt parametresi imajların ne ile ilgili oldukları hakkında ipuçları taşıdığından değerli sayılır. ama içini anahtar kelimelerle tıka basa doldurmayın. yazacağınız mesajı verirken pinti davranın. çünkü imaj araması yapan insanlar, sizi temin ederim sorgularında genellikle çok pinti davranacaklar.
  
  ayrıca çoğu zaman navigasyon menüleri gibi bölümlerin arkaplanları, düğme imajları, liste göstergeleri gibi imajlarınıza alt parametresini boş bırakarak yazın. arayüz imajlarını etiketlemenin ne anlamı olabilir ki? her çeşit imajı etiketlerle doldurmak, sitenizin spamcı olarak işaretlenmesine yol açabilir. bunu istemezsiniz.
  
  aynı şey diğer mühim etiket ve parametreler için de geçerlidir. mesela <strong>, mesela ölçü parametreleri (em, px, cm) gibi. bunları bol bol kullanıyorsanız arama motorları bir derdiniz olduğunu düşünmeye başlar.
  
  insanlar sitenize bazı beklentiler içinde gelirler. işte bu tür araçları, beklentileri karşıladığınız içerik alanlarınızda tercih edin ve ölçüyü kaçırmamaya özen gösterin.
  <strong> etiketini önemli kelime veya cümlelerinize vurgu eklemek için tercih edin. sürekli bir şeyleri kalın-koyu yazıyorsanız bilin ki içeriğinizin okunabilirliği düşüyor. insanlar bundan hoşlanmaz. arama motorları da...
  basit şeyler üzerinde takılıp kalmayın, sıralamanıza ufak da olsa darbeler yemenize neden olursunuz. önemli anahtar kelimelerinizi vurgulamak daima mantıklıdır. ancak her sayfanızda "strong" ve "em" öğeleri kullanmak daima yararlı olacak diye bir kural yok. bu nedenle az ve öz kullanmalı.

________________ my Top10 ________________

Bu yazı ilyasozde tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

popüler S.E.O yasaları - 2

ilyasozde — Tue, 06 Jul 2010 06:22:00 GMT

en bilindik ve başarı getirdiği kanıtlanmış seo kurallarına başlangıç yaptığımız "popüler soe yasaları - 1" başlıklı yazımıza kaldığımız yerden devam ediyoruz.

arama motoruna uygun sayfa geliştirme

bulunabilir olun

İnşaa ettiğiniz siteler çok önemli bir oranda arama motoru dostu olsun. ayrıca içeriğinizin indekslendiğinden ve arandığında bulunabilir olduğundan emin olun. içeriğiniz indekslenmiyorsa arama sonuçlarında görünmeyi bekleyemezsiniz.

öncelikli hedefiniz içeriğinizi tarattırmak ve indekse alınmak olmalı. sitenizi buna göre erişilebilir ve kullanılabilir kılmalısınız. zaten sitenizin içinde bulunan erişilebilirlik ve kullanılabilirlik adına yolu tıkayan unsurları kaldırdığınızda arama motorları bunu fark edip, sizi ödüllendirecektir.

flash ve javascriptten kurtulun

text

navigasyon

imaj

tarama konularında ilerleme sağlamak istiyorsanız, en doğru semantik html referanslamasını kullanmalısınız. listeler için "li", tablolar için "table", tasarım için "div" ve başlıklar için "h1,h2" gibi etiketler tercih etmek semantik kodlamanın temelidir.

eğer ben flash ve javascript'in rehavetindeyim, onlarsız yapamam diyorsanız dert değil. sitenize gelen arama motorlarını, özel hazırlanmış, taramaya uygun arayüzlere yönlendirin. ziyaretçilerinizi ise flash ve js kullandığınız şablonlara...

html sitemap kullanın

xml

html bir site haritası oluşturup anasayfa ve diğer önemli sayfalarınızın linklerini listeleyin. sitenizin "footer" denilen en alt kısımlarına site haritanıza giden bir link eklemeniz yeterlidir.

doğru kodlama yapın

hızlı açılan sayfalar

google

<table> etiketlerini css içinden biçimlendirin.

css ve javascript kodlarınızı kendi dosyalarında depolayın.

html döküman boyutlarının ufak kalmasına özen gösterin.

gzip sıkıştırmasını etkinleştirin.

hedef hep en ufak dosya boyutu olsun.

ve diğer önemli başlıklar

semantik kodlamaya özen gösterin. anlambilim analizi yapabilen bir uygulama, sitenize uğradığında, sayfalarınızdan anlam çıkarması gelecek için avantaj kazandırır. geleceğe yatırımınız semantik kodlama olsun.

dahili linklerinize önem verin. linkler seo'nun en önemli parçasıdır. bu nedenle siteiçi link metinlerine hakim olun. ayrıca sitenizdeki her bir sayfayı diğer bir sayfanıza bağlamayı unutmayın. sayfalarınız çıkmaz sokak olmasınlar. örümcekler bundan hoşlanmaz.

zaman zaman bütün linklerinizi baştan sona kontrol edin, çalıştıklarından emin olun. kırık linkleri yani hedef sayfası bozulmuş, silinmiş linklerinizi temizleyin.

kullanım klavuzunuz olsun. insanlara nasıl daha fazla fayda sağlarlar, özellikleri nasıl daha iyi kullanırlar anlatın. bunu yaparken de ilgili olduğu sayfalara linkler ekleyin. bu siteiçi linklerinizi çoğaltır. bulunması zor safalarınızı bulunur kılar. hem insanlara yardımcı olur, hem de arama motorlarına tarayacak daha çok içerik sunarsınız.

devam edecek...

________________ my Top10 ________________

Bu yazı ilyasozde tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

70 vektörel kartvizit tasarımı

ilyasozde — Tue, 06 Jul 2010 14:30:00 GMT

günümüzde neredeyse her meslek alanında kartvizit çok önemli bir yer tutuyor. aşağıda, yapacağınız kartvizit tasarımları için ilham kaynağı olabilecek 70 adet vektörel kartvizit tasarımı yer alıyor. gerçekten de güzel düşünmüşler. günümüzde etrafa dağıtılan çoğu kartvizit hemen çöpü boyluyor. fakat ilginç tasarımlar belki kenara koyulmayı hakedebilir.

dirty addiction | tdh studio

kensey lu | tunnelbravo

brohouse | brohouse

pirate treasure map | melody

wokomon | brigada creativa

acme estudio | info

chapolito | chapolito

buzul | muzaffer keskin

handmade cafe | sergey shapiro

epigraphic | epigraphic

impactideas | jessica maus de rolley

designerfoo | designerfoo

little | studio ink

sandrine abraham – du bout des yeux | sandrine abraham – du bout des yeux

dawn toner – beauty consultant | angelique toner

neon ping | nikola.subic

mogibo | ivan turcin

nationbuilder pop up | lori boos

estudios-aqua | estudios-aqua

de monsters | de monsters

aaron miller | aaron miller illustration

...daha fazlası için kaynağı inceleyiniz.

Bu yazı ilyasozde tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

popüler S.E.O yasaları - 1

ilyasozde — Thu, 01 Jul 2010 09:21:00 GMT

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.

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.

web sitenizdeki her bir içeriğin benzersiz olmasına özen göstermelisiniz. bazı e-ticaret sitelerinde ürünler en ince detaylarına kadar gösterilirler. örneğin bir ürünün değişik ebat seçenekleri bulunuyorsa bunlar kendi detay sayfalarında görünecektir. elbette minik farklılıklar olacaktır ancak ürün aynı olduğundan çoğu bilgi diğer sayfalardakiyle aynı olacaktır. böylece arama motorlarının bu tür detay sayfalarınızla pek iyi geçinemediklerine şahit olmaya başlarsınız. oysa o ürünü ebatlara ayırıp sayfalara bölmektense, bir tek sayfa kullanıp ürünün ebat bilgilerini ve diğer tüm bilgilerini topluca verseydiniz içeriğinizi klonlamak zorunda kalmazdınız. böylece arama motorlarının gönlünü kazanmak, veritabanı alanından kazanç sağlamak, site trafiğinde düşüş sağlamak gibi önemli kazançlar elde edebilirdiniz.

resmi linkler & kopya içerik

eğer bir içerik yayınlıyorsanız bunun bir tek linki olsun. işte bu link o içeriğin resmi linkidir."resmi link" sözcüğü aslında kopya içeriği önleme mesajı veren cilalı bir sözcükten başka bir şey değil.

site.com
www.site.com
site.com/index.html
www.site.com/index.html

bu linkler arama motorları için 4 birbirinden değişik adrestir ancak sonuçta yine sadece teki indekse alınacaktır. sitenizin anasayfasını 4 kez indeksletmek imkansız olmakla birlikte arama motorları bu 4 farklı linkin de aslında aynı kapıya çıktığını fark etmek için hesap kitap yapmak zorundadırlar. bir tek "if" koşulunun bile arama motorlarına maliyeti yüzbinlerce dolarla ölçüleceğinden resmi linkler kullanmanız önemlidir.

resmi link deyimiyle aslında linklerin yazım biçimindeki değişimler kastedilir. biz bütün sitemizdeki linkleri dizginlesek bile backlink dediğimiz yabancı sitelerden alacağımız linklerin bir kalıba uygun yazılacağından emin olamayız.

bir içerik yayınlıyoruz diyelim ve bazı siteler bu içeriğimizi beğenerek kendi ziyaretçilerinin de bu güzide içeriğimizi görmelerini istediklerini düşünelim. hemen bir link koyup ziyaretçilerini sitemize gönderiyorlar ancak o da ne? insanlık hali, linkimizi yazarlarken www kullanmayı unutuveriyorlar. olmayacak bir iş değil sonuçta. ayrıca bu güzide içeriğimizi "resmi link" üzerinden google'a indeksletmeyi başarmışız varsayalım.

hatalı yazılan backlink, google indeksinde bulunmayacağından, örümcekler yeni bir içerik buluruz ümidiyle hatalı yazılmış linki taramak isteyeceklerdir. sonuçta zaten uğraşıp didinip indekslediği bir içeriği yine taradığını gören google elbette bundan hoşnut olmaz. bu problem urlrewrite modülüyle giderilebilir.

sitemize hatalı bir url ile istek yapılırsa sunucumuz bir rehber edasıyla "hayır o link aslında öyle değil de, şöyle olmalıydı" görevini yerine getirebilir. basit www, http, büyük harfleri küçültmek gibi yazım hatalarını otomatik düzeltebiliriz. bu linklerimizi standart bir kalıba sokar. örümcekler backlinke değil sitemizin rehberliğine güvenecek, esas alacaktır.

arama dostu linkler

lütfen aşağıdaki iki linkin götüreceği sayfalarda ne bulacağınızı açıklamaya çalışınız!

www.site.com/?catID=983784978947&id=445
www.site.com/spor/futbol/istatistikler.asp

ilk linkte bolca sayı görülüyor. bu sayılardan bir anlam çıkarmak kehanet olurdu. oysa ikinci linkte futbol istatistiklerine ulaşacağınız sayfayı açmadan tahmin edebilirsiniz. dünyadaki tüm web siteleri bu büyük kolaylığı sağlasaydı ne olurdu?

bazı web siteleri ilk verdiğimiz link yapısını kullanıyor henüz. böyle sitelerde insanlar aslında gitmek istemedikleri sayfaları açmak zorunda kalıyor. o sayfalarda zaman öldürüyorlar. web siteleri hiç yoktan trafik masrafı çekiyor. oysa basit bir url yapısı bütün bu masrafları hızlıca düşürürdü!..

devamı gelecek...

__________________ my top10 __________________

Bu yazı ilyasozde tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage