bildirgec.org - Hack On The Beach - beğendikleri

JQuery ile iPhone-Style Checkboxes

Hack On The Beach — Thu, 18 Jun 2009 17:44:00 GMT

Geçen hafta WWDC2009'da son modeli iPhone 3G S'i duyuran iPhone, işlevsel özelliklerinin yanında, şık ve etkileyici görsel tasarımıyla da dikkat çekmekte.

Bir Web Geliştirici olan Thomas Reynolds da bu görsellikten etkilenmiş olacak ki Web Sayfalarında kullanılmak üzere JQuery temelli ve iPhone stilinde onay kutuları (Checkboxes) hazırlamış.

Web sayfanıza/Blogunuza kolayca eklemek veya kod yapısını incelemek için buradan indirebilir ve Onay Kutuları'nın demolarına ve gerekli diğer bilgilere buradan erişebilirsiniz.
Ayrıca GitHub sayfasına da buradan erişebilirsiniz.

Kaynak: awardwinningfjords
Takip Et: Blog FriendFeed Twitter Facebook Email RSS

Bu yazı Hack On The Beach 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

Kod Renklendiriciler | Code Highlighters

Hack On The Beach — Wed, 29 Jul 2009 11:33:00 GMT

Kod renklendiriciler (code highlighters) kod yazarken en büyük yardımcılarımızdır. Eğer yazdığınız kodların düzenli, tertipli, temiz ve hoş görünmesini istiyorsanız aşağıda listelediğim 5 tane kod renklendiricisinden birini mutlaka kullanmalısınız.

1. syntaxhighlighter
syntaxhighlighter %100 Javascript kullanılarak oluşturulmuş bir renklendiricidir. syntaxhighlighter ile tüm kodları renklendirebilirsiniz.

syntaxhighlighter

2. quick highlighter
quick highlighter ile html, php, javascript kodlarını renklendirebilirsiniz.

quick highlighter

3. fv code highlighter
frank verhoeven tarafından üretilen bu renklendirici dreamweaver kullanıcılarına pek de yabancı gelmeyecek kod renklendirmesi yapıyor.

fv code highlighter

4. source code highlighter
Bu renklendirici ile de c#, vb, aspx, html, xml ve javascript kodlarınızı renklendirebilirsiniz.

5. highlight.js
highlight.js tam otomatik çalışıyor. Sitenizdeki (blog, forum ya da başka bir site) kodu buluyor, dilini kendi tespit ediyor ve renklendiriyor.

highlight.js

Bu yazı Hack On The Beach 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

Bilmeniz Gereken 21 Harika Css Tekniği

Hack On The Beach — Mon, 03 Aug 2009 09:02:00 GMT

CSS, güncel tasarımın temellerindendir. Yaklaşık 10 yıl önce yapılan basit tasarımları göz önüne alırsak, css'in ne kadar büyük bir önem taşıdığını görebiliriz. Birbirinden etkili css tekniklerine aşağıdan ulaşabilirsiniz.

1. Cross Browser CSS SlideShow

Sadece css kullanarak çapraz tarayıcı resim galerisi nasıl oluşturulacağı hakkında harika bir örnek.

2. CSS Based Image Maps

Sadece css kullanarak resim haritası oluşturma dersine ulaşabilirsiniz.

3. No JavaScript LightBox Using CSS

Css ile lighbox oluşturma dersi. Javascript gereklidir.

4. Image Replacement for Buttons

Gönder butonu resim ile değiştirebilirsiniz.

5. Animated Navigation Menu using CSS

Css kullanarak animasyonlu navigasyon menüsü oluşturma üzerine harika bir ders.

6. Tree Like Navigation Using CSS

İç içe listeli navigosyan gibi ağaç menü oluşturmak. Sitemap oluşturmak için çok kullanışlıdır.

7. CSS Gradient Text Effect

Sadece css kullanarak göz alıcı başlıklar oluşturabilirsiniz.

8. CSS Menu List Design

Çok kolay anlaşılır bu ders liste tasarımı hakkında bilgiler vermektedir.

9. Creating Liquid Layouts With Negative Margins

10. Making Your Footer Stay Put With CSS

Bu ders ile alt bölüm için css düzenlemesini nasl yapabileceğinizi görebilirsiniz.

11. Simple, Scalable CSS Based BreadCrumbs

Ölçeklenebilir güzel ekmek kırıntısısı navigasyonu oluşturmak.

yazının devamı için buraya tıklayın.

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

Sitenizi Css Galerilerine Göndermek İçin En Hızlı Yol

Web Tasarımı ve Geliştiricileri İçin 15 Faydalı CSS Forum

Haziran 2009'un En İyi Css Tasarımları

Ücretsiz Css Şablonu İndirmek İçin 35 Mükemmel Web Sitesi

Web Tasarımcılar İçin Gayet Faydalı 15 "Css Grid Yerleşimi" Üreteci

10 Ücretsiz Css ve Xhtml Web Şablonu

30 Olağanüstü Css Menü Tekniği

101 Daha Kaliteli Css ve XHTML Web Şablonu

101 Yüksek Kaliteli Css ve XHTML Web Şablonu

kaynak: webdeveloperplus.com

yazılarımı takip edebilirsiniz.

blog | friendfeed | twitter | delicious

Bu yazı Hack On The Beach 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

hazır setlerin photoshop'a yüklenmesi

Hack On The Beach — Mon, 03 Aug 2009 13:33:00 GMT

photoshop'a stil ve fırça setleri gibi hazır araçların yüklenmesi

stil vs. setlerin photoshop'a yüklenmesi

bildiğiniz ve gördüğünüz üzere burada hergün en az birkaç tane photoshop stil, fırça veya desen(pattern) seti yayınlanıyor. yararlanan kişiler için kaçırılmayacak yazılar olan bu listelerde yer alan linklere gidildiğinde bir indirme penceresiyle karşılaşılmakta. bu eklentileri indiren ve photoshop ile fazlaca haşır neşir olmamış arkadaşların yazıların yorumlarında bu setleri nasıl entegre edecekleri konusunda yardım istediklerini farkettim. bu liste bildirilerin bazılarında her ne kadar yayınlayan yazar arkadaşlar konu ile alakalı kısaca bilgilendirme yapmış olsalar da, ayrıca bir başlık altında yine kısaca bir anlatım olursa bilmeyen ve öğrenmek isteyen kişiler tarafından aramalarda vs. kolayca bulunup yararlanılabileceğini düşündüm. zaten çok basit olan yükleme işi şu adımlardan oluşuyor:

# indirdiğimiz belgeyi uygun yere taşıma:
öncelikle indirdiğimiz seti sistemimizde uygun yerine taşımamız gerekiyor. o uygun yer de tabii ki photoshop programımızın yüklü olduğu yer. o yer de muhtemelen şu şekildedir: program files klasörü içinde adobe, onun içinde photoshop progmanının bulunduğu klasör, ve onun içinde de bizim bütün setlerimizi yükleyeceğimiz yer olan presets klasörü.

indirdiğimiz ve yüklemek istediğimiz set ne ise presets klasörü içinde uygun olan klasöre (fırça ise brushes, desen ise patterns, stil ise styles içine) kopyalıyoruz.

program files içinde adobe klasörü

adobe içinde photoshop klasörü

photoshop içinde presets klasörü

kopyalama işlemi bittiktesn sonra sıra geliyor photoshop'a yükleme işlemine:

# setlerin photoshop'a yüklenmesi:
programımız içerisinde edit açılır sekmesinden preset manager seçerek preset manager (hazır eklenti yöneticisi) penceresini açıyoruz.

edit sekmesinde preset manager

açılan pencerede preset type açılır sekmesinden yüklemek istediğimiz setin tipini seçiyoruz ve load butonuna tıklıyoruz. açılacak olan pencereden az önce program içine kopyaladığımız seti seçerek (sete çift tıklamak veya seçip load butonuna tıklamak yeterli) döndüğümüz preset manager penceresinde done butonuna tıklayarak yükleme işlemimizi bitirmiş oluyoruz.

preset manager

işte bu kadar! artık kullanacağımız aracı seçtiğimizde yüklediğimiz setler hazır.

photoshop'ta pratikleşmek adına bu ve bu yazılar da yararlı olacaktır.
diğer yazılarım

Bu yazı Hack On The Beach 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

Seo'yu Geliştirmek İçin 12 Web Tasarım Dizini

Hack On The Beach — Sat, 15 Aug 2009 13:11:00 GMT

Web tasarım dizinleri, sitenize etkin bir ziyaretçi kitleri kazandırır ve seo'ya olumlu bir katkı sağlar. Birçoğu karşılıklı bağlantı gerektiriyor ancak google aşırı karşılıklı bağlantıları bildiğiniz gibi sevmiyor.

Google çalışanı Matt Cutts konuyla ilgili:

Ticaret bağlantıları doğaldır ve karşılıklı bağlantıların olması da doğaldır. Bazı düzeylerde normal ancak çok sık olursa onun sahte olduğu görülür.

açıklamasında bulunmuştur.

1. DesignDirectory

Site Oluşturulma Yılı: 2001
Google'da İndeksli Sayfa: 15,400
Yahoo Backlinks: 155,988
PageRank: 6
Link Durumu: Nofollow
Quantcast Sıralaması: 24,796
Site Ekleme Kuralları: Site ekleme kuralları için buraya tıklayın.

2. Web Design Directory org dot uk

Site Oluşturulma Yılı: 2008
Google'da İndeksli Sayfa: 319
Yahoo Backlinks: 837
PageRank: 4
Link Durumu: Dofollow
Quantcast Sıralaması: Bilgi yok
Site Ekleme Kuralları: Karşılıklı bağlantı gerekiyor.

3. Web Design Stuff

Site Oluşturulma Yılı: 2006
Google'da İndeksli Sayfa: 1,850
Yahoo Backlinks: 44.301
PageRank: 5
Link Durumu: Dofollow
Quantcast Sıralaması: Bilgi yok.
Site Ekleme Kuralları: Ücretsiz ekleyebilirsiniz.

4. Web-Development.com

Site Oluşturulma Yılı: 1997
Google'da İndeksli Sayfa: 11,400
Yahoo Backlinks: 1,639
PageRank: 5
Link Durumu: Dofollow
Quantcast Sıralaması: Bilgi yok.
Site Ekleme Kuralları: Ücretsiz ama karşılıklı bağlantı gerekiyor. Site gönderme sayfasından:

Web-Development.com bir web tasarım şirketleri dizinidir. Biz sadece web tasarım şirketlerini dizinimize ekliyoruz. Gelecek'de web hosting ve alan adı kayıt firmaları için ek kategori eklemeyi planlıyoruz. Ancak şu an sadece web tasarım şirketlerini kabul ediyoruz.

5. American Association of Webmasters Directory

Site Oluşturulma Yılı: 2002
Google'da İndeksli Sayfa: 1,670
Yahoo Backlinks: 30,433
PageRank: 5
Link Durumu: Dofollow
Quantcast Sıralaması: Bilgi yok.
Site Ekleme Kuralları: Ücretsiz eklenebilir ancak karşılıklı bağlantı gereklidir.

6. UK Webmaster World Directory

Site Oluşturulma Yılı: 2003
Google'da İndeksli Sayfa: 302
Yahoo Backlinks: 3,457
PageRank: 3
Link Durumu: Dofollow
Quantcast Sıralaması: Bilgi yok.
Site Ekleme Kuralları: Linkler ücretli veya karşılıklı şekilde eklenir. Yalnızca ingiltere'den gönderimlere açıktır.

7. UK Webmaster Directory

Site Oluşturulma Yılı: 2008
Google'da İndeksli Sayfa: 73
Yahoo Backlinks: 469
PageRank: 4
Link Durumu: Dofollow
Quantcast Sıralaması: Bilgi yok.
Site Ekleme Kuralları: Ücretsiz ancak karşılıklı bağlantı gereklidir. Sadece İngiltere için.

8. Web Design • Designers Directory

Site Oluşturulma Yılı: 2005
Google'da İndeksli Sayfa: 2,229
Yahoo Backlinks: 163,889
PageRank: 6
Link Durumu: Dofollow
Quantcast Sıralaması: 130,167
Site Ekleme Kuralları: Ücretsizdir ve karşılıklı bağlantıya gerek yoktur. Sadece İngiltere için.

9. Webmasters Lookup

Site Oluşturulma Yılı: 2005
Google'da İndeksli Sayfa: 237
Yahoo Backlinks: 4,236
PageRank: 4
Link Durumu: Dofollow
Quantcast Sıralaması: Bilgi yok.
Site Ekleme Kuralları: Ücretsiz ekleyebilirsiniz. Web tasarımcıları için potansiyel müşterlilerine portföyünü gösterebilmeyi amaçlamıştır.

10. The Web Design Directory UK

Site Oluşturulma Yılı: 2002
Google'da İndeksli Sayfa: 77
Yahoo Backlinks: 14.388
PageRank: 5
Link Durumu: Dofollow
Quantcast Sıralaması: Bilgi yok.
Site Ekleme Kuralları: İngiltere'den web tasarımcıları ücretsiz ekleyebilirler ama karşılıklı bağlantı gereklidir.

11. DesignDir.net

Site Oluşturulma Yılı: 2003
Google'da İndeksli Sayfa: 625
Yahoo Backlinks: 14,359
PageRank: 4
Link Durumu: Dofollow
Quantcast Sıralaması: Bilgi yok.
Site Ekleme Kuralları: Ücretli veya karşılık bağlantı ile ücretsiz seçenekleri mevcut. Bu dizinde sadece web tasarım linklerini kapsamaktadır.

12. DirectoryDesigner.am

Site Oluşturulma Yılı: 2003
Google'da İndeksli Sayfa: 480
Yahoo Backlinks: 12,224
PageRank: 5
Link Durumu: Dofollow
Quantcast Sıralaması: Bilgi yok.
Site Ekleme Kuralları: Sitenizi eklemeden önce yönergeleri okumalısınız. Ücretsiz ancak karşılıklı bağlantı gerekiyor.

ayrıca aşağıdaki yazıda ilginizi çekebilir.

100 Ücretsiz Online Seo Aracı

kaynak: 1stwebdesigner.com

yazılarımı takip edebilirsiniz.

diğer yazılarım | kişisel blogum
friendfeed | twitter | delicious

Bu yazı Hack On The Beach 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

Tasarımcılar İçin Faydalı 28 Jquery Eklentisi

Hack On The Beach — Wed, 24 Jun 2009 13:12:00 GMT

Tasarımcılar için bir araya getirilmiş birbirinden faydalı jquery eklentilerine aşağıdan ulaşabilirsiniz.

1. crossselect plugin

Seçilen öğeleri karşı tarafa almak için kullanabileceğiniz bir eklentidir.

2. vtip

Jquery kullanıcıları için hızlı bir şekilde ipucu göstermenizi sağlar.

3. time entry field

Zamanı gösterebileceğiniz güzel bir uygulama.

4. path selector

Hiyerarşik yapıda bulunan nesneleri seçmek için kullanabileceğiniz açılır pencere eklentisi.

5. jplayer

Web sayfanız üzerinden mp3 dosyalarınızı çalma ve kontrol etme imkanı verir.

6. opensocial-jquery

Javascript kütüphanelerini kullanarak jquery gadget geliştirebileceğiniz faydalı bir eklenti.

7. glyph

Makale veya blog yazılarınızın sonuna dergi ve gazete tasarımcılarının yaptığı gibi profesyonellik hissi verir.

8. checktree(yctin edition)

Kolayca kontrol edebileceğiniz ağaç menü uygulaması.

9. jquery list dragsort

Sürükle bırak özelliğini sağlar.

10. hintbox

Kolay bir arama yardımcısıdır.

11. custom maxlentgh

Yazabileceğiniz karakter sayısını gösteren faydalı bir eklenti.

12. jquery bookmark

Sayfanızı çeşitli sosyal imleme sitelerine ekleyebileceğiniz eklenti.

13. form wizard plugin

Form sihirbazı ile kolayca istediğiniz şekilde formlar oluşturabilirsiniz.

14. jquery custom select box

Kişiselleştirilebilir birden fazla seçme kutusu.

15. jquery modal dialog

Facebook tarzı uyarı penceresidir.

16. epiclock

Kolayca dinamik saat oluşturmanızı sağlar.

17. mbmenu

Güzel bir ağaç menü uygulaması.

18. droplist filter

Kısa arama için javascript aracıdır.

19. jyouttube

Herhangi bir youtube videosunu almak için kullanabileceğiniz güzel bir eklenti.

20. drop curves

Kenarları yuvarlatılmış imajlar oluşturabileceğiniz eklentidir.

21. galleryview

Animasyonlu bir resim galerisidir.

22. flip!

Elemanlarınızı 4 yöne çevirmek için kullanabileceğiniz eklentidir.

23. jquery image cube

Küp şeklinde fotoğraflarınızı görüntüleme eklentisi.

24. jquery-validator

Etiketleri doğrulamak için kullanabileceğiniz bir eklenti.

25. loading animation plugin

Bekleme aşamasında yükleniyor animasyonu gösterebileceğiniz güzel bir uygulamadır.

26. canvasswap

Resimlerinize güzel efektler verebileceğiniz faydalı bir eklenti.

27. magicalhover

Web siteniz için güzel bir geçiş eklentisidir.

28. bounce

Web sayfası üzerindeki elemanları genişletmek için kullanabileceğiniz bir eklentidir.

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

15 mükemmel jquery navigasyon tekniği ve çözümü

sitenize eklemeniz i̇çin 5 jquery ve ajax sosyal i̇mleme widget dersi

web geliştiricileri i̇çin 8 jquery ve ve ajax tabanlı etiket bulutu yapımı

yazılarımı takip edebilirsiniz.

blog | friendfeed | twitter
kaynak: quness.com | fresherswisdom.com

Bu yazı Hack On The Beach 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

100+ Adobe Air Uygulaması

Hack On The Beach — Fri, 26 Jun 2009 13:18:00 GMT

Adobe firması tarafından geliştirilen Adobe Air (Adobe Integrated Runtime) zengin internet uygulamaları yapmak için meydana getirilmiş bir çoklu platform yazılımı (cross-platform). Sahip olduğu işlevi adobe flash, adobe flex, html ve ajaxtan alan air çoğunlukla masaüstü uygulamalar geliştirmede tercih ediliyor.

Adobe Air

Adobe air ortaya çıktıktan sonra birçok yazılımcı ve adobe platformlarında uygulama geliştirebilen uzmanlar air'ın esnek yapısınıda kullanarak binlerce uygulama geliştirdi. Çok farklı alanlardaki hizmetlerin sadece web siteleri üzerinden değil de bir masasütü uygulaması olarakta daha etkin ve verimli bir şekilde kullanılmasına yönelik geliştirmelerin ön planda olduğu göze çarptı. Burada çok farklı kaynaklardan derlenmiş işinize yarayacak birçok adobe air uygulamasını bulabilirsiniz.

zFlick: Flickr'da kolay bir şekilde resim araması yapabiliyor ve bulduğunuz resimleri sürükle bırak şeklinde bilgisayarınıza kaydedebiliyorsunuz.

zFlick

MiniTask: Çok sade bir görev yöneticisi istiyorsanız MiniTask istediğinizi size verebilecek özellikte.

MiniTask
Konolive: Arkadaşlarınız ve beraber çalıştığınız kişilerle beraber aktivite oluşturabilir ve yönetebilirsiniz, bilgi paylaşımında bulunabilirsiniz, onlarla herhangi bir konuda tartışma ortamı yaratabilirsiniz. Ayrıca google docs ile döküman paylaşımı ve box.net ile de dosya paylaşımı imkanınız var.

Konolive
AirTube Video Downloader: Youtube videolarını indirmek için kullanabileceğiniz bir uygulama.

AirTube Video Downloader
PasswordKeeper: Kullandığınız internet siteleri ve başka hizmetler için farklı kullanıcı adı ve şifre kullanan biriyseniz ve kolayca unutuyorsanız bunları PasswordKeeper kullanmanız faydalı olabilir. Sadece girişte bir kullanıcı adı ve şifre tanımlıyorsunuz ve daha sonra eklemek istediğiniz web sitesinin adresini, kullanıcı adınızı ve şifrenizi girerek kaydediyorsunuz. Daha sonra ihtiyaç duyarsanız kolaylıkla ulaşabiliyorsunuz.

PasswordKeeper
Snippage: Devamlı kullandığınız web sitelerini snippage kullanarak masaüstünde ufak bir uygulama olarak saklayabiliyorsunuz. Uygulama kapatılsa bile kaydettiğiniz siteleri tekrar başlattığınızda aynı şekilde kullanma imkanınız var. Tıpkı bir web browser olarak düşünebileceğiniz bir uygulama snippage.

Snippage
Universal Inbox: E-posta istemcisi, rss okuyucu, web browser, dosya paylaşımı ve daha fazlası tek bir uygulamada birleştirilmiş.

Universal Box
Dorame: Pandora ile müzik dinleme zevkini masaüstüne taşımak isterseniz bu uygulama işinizi görecektir.

Dorame
Feedalizr: Facebook, Friendfeed, Twitter, Jaiku, Flickr artık tek arayüzden feedalizr ile takip edilebiliyor. Ayrı ayrı programlar kullanmanıza gerek yok.

Feedalizr
SearchCoders: Flex geliştiricilerinin sohbet edebileceği ve kod paylaşımında bulunup, tartışabileceği ödüllü bir uygulama.

SearchCoders
Moderator: Wordpress ile yapılmış bloğunuza gelen yorumları masaüstü bir uygulama olan moderatörle kontrol edebilir ve yönetebilirsiniz.

Moderator

Diğer adobe air uygulamalarına ulaşmak için aşağıdaki bağlantılara göz atabilirsiniz.

Bu yazı Hack On The Beach 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

SEO Araçları Listesi

Hack On The Beach — Wed, 31 Dec 2008 18:36:00 GMT

Türkçe'ye Arama Motoru Optimizasyonu olarak çevirebileceğimiz SEO (Search Engine Optimization), Internet üzerinden projelerinin popülerliğini arttırmak isteyen kişi, kurum ve kuruluşların dikkat etmesi gereken en önemli elementlerin başında geliyor. Uluslararası pazarda milyonlarca dolarlık pazara ulaşan bu sektörden geçimini sağlayan yüzlerce irili ufaklı şirket ve şahıs bulunuyor.

SEO uzmanlarının dikkat etmesi gereken pek çok faktör bulunuyor. Bunlar arasında web sitesinin nasıl kodlandığı ve web standartları ile olan uyumu, site içeriğinin bir bütün olarak algılanabilmesi, bir makinenin sitenizi nasıl okuyabileceğinin analiz edilmesi, hedef kitle analizi ve anahtar kelime raporları oluşturma bunlardan sadece birkaçı.

Benim gerek kendi projelerimde, gerekse de müşterilerim için kullandığım bir dizi araç bulunuyor. Tam bu araçlara yönelik bir bildiri hazırlamak üzereyken İtalyanca yayım yapan WebAir Blog'un şuradaki makalesi ile karşılaştım ve sizlerle paylaşma ihtiyacı hissettim. SEO'ya gönül veren ve bu konuda kendini geliştirmek isteyen kullanıcıların kullanmasını şiddetle önerdiğim bu liste umarım işinize yarayacaktır.

Analiz

WebSite Grader » Ücretsiz Analiz Raporu Oluşturucusu
Google Analytics » Webmarketing Analizi
Google Webmaster Tools » Analiz ve Website kontrolü için önemli araçlar
PageRank Tool » Website'lerin pagerank değerleri hakkında bilgi.
Google Position » Sitenizin Google'daki Pozisyonu

Website Optimizasyonu

HTML Validation » Resmi W3C HTML Kod Doğrulaması
CSS Validation » Resmi W3C CSS Kod Doğrulaması
Google Website Optimizer » Sitenizi Optimize etmenize yardımcı bazı deneysel araçlar
H1 Tag » H1 etiketini nasıl kullanmalı (W3C Sayfası)
Robots.txt » robots.txt dosyasını nasıl kullanmalı
XML Sitemap Generator » 500 URL'ye kadar ücretsiz Sitemap oluşturucusu

Webmarketing

Google Adwords » Resmi Google Adwords Sayfası
DMOZ » Link dizini
Del.icio.us » Bookmark dizini
Reddit » Bookmark dizini
Technorati » Bookmark dizini
Stumbleupon » dizini
Digg » Bookmark dizini
Twitter » Resmi Twitter sitesi
Facebook » Resmi Facebook sitesi
Google Webmaster Blog » Webmasterlar ve SEO için Google Blogu

Diğer

Matt Cutts Blog » Resmi Cutts Blogu

Bu yazı Hack On The Beach 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

Yapılabilecek En Temel SEO Çalışmaları

Hack On The Beach — Thu, 08 Jan 2009 21:17:00 GMT

Bu yazımda yapmış olduğum "bilgisayardan anlayan" açılımı üzerine bildirilerimi

SEO Çalışmaları

devam ettiriyorum. Yine çevresine göre "bilgisayardan anlayan" grup içerisine girenlere son günlerde popüler olmaya başlayan ve pazarlama alanında gittikçe önem kazanan bir soru sorulmaya başlandı : SEO Nedir ? Nasıl Yaparız ? Tabii ki bu soruya vereceğimiz 3-5 satırlık cevaplarla başarılı bir SEO çalışması yapılmasını sağlayamayız ama işin temel noktalarından kısa kısa bahsetmek istedim..

1-Anahtar Kelime Seçimi: Günden güne önemini kaybetse de halen en önemli parçalarından biri SEO nun anahtar kelime seçimi, yerleşimi. Anahtar kelime seçiminde kelime kelimeyi doğurur. Dolayısıyla aklınıza gelen tüm kelimeleri bir kağıda yazıp, onlara bakıp yeni kelimeler türetmek iyi bir başlangıç olabilir. Kullanıcı gibi düşünerek içlerinden en verimli olabileceklerini seçmelisiniz. Anahtar kelime aracı olarak AdwordsKeywordToolExternal Google ın verilerini direkt paylaştığı için kullanabileceğimiz en iyi kaynak. Not: Sayfayı alakasız anahtar kelimelere boğmak da size yarar sağlamaz sandbox a düşürür.

2- Anahtar Kelimeleri Başlığa Koyma: Web sitelerin "title" denilen başlık kısmı arama motorlarının çok önem verdiği noktalardan biridir. Site başlığınızı anahtar kelimeler ile güzelce yoğurursanız çok iyi sonuçlar alabilirsiniz. Dikkat edilmesi gereken nokta ise site başlığının çok uzun olmamasıdır. Önerilen en fazla 70 karakterdir.

3- Anahtar Kelimeleri Adrese Koyma: Site başlığından sonra bir önemli kriter daha URL (site adresi) dir. Domaininizin anahtar kelimelerden oluşması müthiş bir avantaj sağlar ancak domain içerisinde yoksa bile her şey bitmiş değil. Sayfa uzantılarıyla bu başarıyı yakalayabilirsiniz. Örnek olarak google da "firefox ram kullanımını azaltmak" şeklinde arama yaptığınızda bu bildirime ulaşıyorsunuz. Bunda en büyük pay kuşkusuz Sayfa Başlığı (title), URL (adres:http://www.bildirgec.org/yazi/firefox-ram-kullanimini-azaltmak-icin) nin ve yazının güzel bir uyum içerisinde olması.

4-Anahtar Kelimeleri Meta ya Yerleştirme: Meta kısmı bunu suistimal edenler yüzünden her geçen gün önemini kaybetse de sayfa ile uyumlu ve bilinçli olarak kullanıldığı takdirde hiç kuşku yok ki halen Google kriterlerinde yeri var. Meta Description (Site Açıklaması) kısmı sadece anahtar kelimeleri boğulmu değil bir insanın doğru bir şekilde okuyabileceği gibi ancak anahtar kelimeler içeren bir yazı olmalı. Meta Keywords de ise şu anda 10-12 anahtar kelime kullanılması öneriliyor.

5- H1 e Anahtar Kelime Yerleşimi: H1 esasında bir html kodudur. Sitenin ya da yazıların başlığı şeklinde en büyük görünen ve < h1 > şeklinde kodlanmış alandır. Arama motorları burayı özenle algılar. Buranın da anahtar kelimelerle uyumlu olması büyük avantaj sağlayacaktır.

6- Neler Oluyor Sürekli İzleyin !
Buradaki güzel bildirideki SEO araçlarını kullanarak da durumunuzu takip edebilirsiniz. Ama unutmayalım ki SEO zaman ister, PageRank minimum bir ayda güncellenir.

Bunlardan Sonra Yapılabilecek Bir Kaç İleri Adım:

PageRank üzerinde çalışmalar yapın, yükseltin.

İç ve dış link ağınız sağlam olsun, yani alanınızla ilgili kaliteli sitelere link verin. Sizinle ilgili olabilecek sitelerden link alın.

Sitenizi sık sık website grader ile ölçün. Yanlışları düzeltip puanını yükseltmeye çalışın.
w3 sertifikası alın. Buradan sitenizdeki hataları tespit edip, düzeltin. Alacağınız sertifika Google tarafından tanınanacak ve değeri yükselecektir.
DMOZ a kaydolun. DMOZ da google ın gözdelerindendir. Sitenizle ilgili kategoriyi tespit edip, başvurun.

DMOZ

Bu yazı Hack On The Beach 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

Alternatif Seo Teknikleri

Hack On The Beach — Tue, 28 Apr 2009 14:14:00 GMT

Bu yazıda sizlere herkesin bildiği, heryerde konuşulan seo tekniklerindense, gözden kaçan bazı seo tekniklerini kendimce yorumlayıp sizleri bilgilendirmeye çalışacağım.

konu hakkında daha popüler yöntemlere şuradan ulaşabilirsiniz.

gelelim benim sizlere sunacağım alternaf yöntemlere:

* logo'nun adını değiştirmek: birçok arkadaşımızın gözünden kaçan ufak bir ayrıntıdır. genelde insanlar logoyu değiştiriyor ama logonun ismine dokunmuyor. kullandığımız hazır şablonlarda, temalarda logonun ismi, logo.png olarak geçer çoğunlukla. peki biz ne yapmalıyız? sytle.css dosyamızdan logonun ismini sitemize uyarlıyoruz. örn: cep telefonu konulu bir siteniz varsa bunu cep-telefonu-logo.png yapıyoruz.

* ikinci bir menü oluşturmak: sitemizin genellikle sağında veya solunda bir ana menü bulunur. eğer sitemizin üstüne veya altına ikinci bir menü koyarsak sayfalarımızın backlinki artacak ve bize fayda sağlayacaktır.
* sosyal sermaye: işletme yönetimi güncel konular dersinin ünite konularından olan sosyal sermaye, kısaca "çevre" olarak nitelendirilebilir. her konuda olduğu gibi seo'da da çevre önemli bir husustur. yakın arkadaşlarınızdan sitenize link alabilirsiniz. samimiyet derecenize göre karşılıksız link dahi alabilirsiniz. elinizden geldiğince webmaster arkadaş çevrenizi geliştirin. okulda, ofiste, akrabalar arasında mutlaka site işleriyle ilgilenen birilerini bulabilirsiniz. veya bu çevreyi internet üzerinden yapabilirsiniz. insanlara yardım etmekten çekinmeyin, mutlaka yardımlarınızın karşılığını bir gün alırsınız. arkadaşlarınızdan link almak için photoshop, tasarım, kod, program konularında ufak rüşvetler verebilirsiniz. örneğin ben, bana sürekli photoshop konusunda yardımcı olan arkadaşıma ana sayfamdan link veriyorum, teşekkür mahiyetinde.

* ilgili sitelerden backlinkler: cep telefonu ile ilgili sitenize pr'si 2 olan bir futbol sitesinden link almaktansa pr'si 0 bir cep telefonuyla alakalı blog yazısına sitenizin linkini eklemek size daha yararlı olacaktır. sitenizle alakalı olan kelimelerde google'da yaptığınız arama sonucunda arka sayfalara doğru göz gezdirin. mutlaka sizin sitenizin konusuyla alakalı yorum yazılmasına izin veren blog konuları, forum başlıkları bulacaksınızdır. burada önemli husus yorum yazarken spam yapmamız yani "aha da bu benim sitem hadi gelin" demektense, "konuyu güzel anlatmışsın benimde bu konuda şöyle bir sitem var" yazmanız hem googl'ın sizden tiksinmemesine hem de site sahibinin yorumunuzu silme ihtimalinin düşmesine yardımcı olacaktır. bir diğer ayrıntı bloglara yorum yazarken isim kısmına google'da yükselmek istediğiniz kelimeyi yazılması. örn: cep telefonu. böylece cep telefonu kelimesinden kendi sitenize link vermiş oluyorsunuz.
* sayfa sayınız: Sitenizde kaç sayfa olduğu önemlidir. Yalnız buradaki önemli husus "cat diye" başka bi yerden database alarak bir günde 1000 tane forumunuza konu eklerseniz google sizi banlar. sayfa sayınızı artırmak için forum önemli bir araçtır. Kullanıcılar hem bu sayede sayfa sayınızı artırır hem de içeriğinize yeni içerik katar.
* imla kurallarına uyun: ç yerine c, ş yerine $, canım yerine janım kullanmayın.

w3 validator: sitenizi w3 validator'dan sertifika alabilecek kadar düzgün kodlamak acemi webmasterlar için çok zor bir iştir. bu yüzden daha önce w3 testinden geçmiş temaları kullanmaları onların işini kolaylaştıracaktır. joomla ve xoops'da bu tarz temalar mevcut.
* alternatifleri de düşünün: rekabetin çok yoğun olduğu konularda üst sıralara çıkmak için harcayacağınız enerjinin az bir kısmıyla, fazla talep olmayan arama sonuçlarına yoğunlaşın. örn: günde 1-2 ziyaretçi getiren 300 farklı arama sonucunda en azından 1. sayfaya çıkarsanız size getirisi oldukca fazla olacaktır. bu arama sonuçlarında fazla rekabet olmadığı için foruma o konu hakkında bir başlık açmak sizin için yeterli olacaktır. biraz mantık yürüterek ve google analytics kullanarak talebin ve rekabetin düşük olduğu arama sonuçlarını öğrenebilirsiniz.
* sabırlı olun: google eski web sitelerini yeni sitelere oranla biraz daha kollar. merak etmeyin yıllar su gibi akıp gidiyor.
* kaynak site olmaya çalışın: herhangi bir konuda insanların başvuru kaynağı olarak görebileceği siteler yapmaya çalışın. hem böylelikle insanlar size seve seve link verecektir.

size bazı püf noktalar anlatmaya ve farklı bakış açıları kazandırmaya çalıştım. bildirgeçteki ilk makalem olan bu yazı umarım size bir fayda sağlamıştır. sürç-ü lisan ettikse affola.

Bu yazı Hack On The Beach 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