etiket | bildirgec.org

web tasarımda iconlar (simgeler) kullanıcıya basit ve etkili bir şekilde mesaj iletmek için kullanılır. kusursuz tasarımın temeli, diğer web bileşenleri ile uyumlu bir arayüz oluşturmaktır. birçok tasarımcı hazır icon kullanmayı tercih eder. bazen projeye aranan kan bir türlü bulunamaz, tasarımcı kendi iconunu oluşturmaya başlar. sizlere hem ilham vereceğini düşündüğüm hemde farklı teknikler kullanılarak birbirinden farklı icon tasarımı oluşturabileceğiniz dersler listelendi.

1- create a golden, vector compass in illustrator
( illusator'da altın renkli pusula oluşturma)

2- design a stylish mail icon
(şık mail icon tasarımı)

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...

web browserlar tam anlamıyla CSS3'ü desteklemese de web sitelerinde css3 sıkça kullanılmaya başlandı. bu makalede css3 dünyasında nelerin olduğuna değineceğiz. aşağıda sizlere ilham vereceğini düşündüğüm farklı tarzlarda css3 örnekleri mevcut. css3 ile neler yapılabilir sorusunun cevabına yanıt bulabileceğiniz örneklere göz atalım.

CSS3 & jquery saat

analog saat - tutorial

3d cube that rotates using arrow keys- tutorial
(yön tuşlarıyla hareket ettirebileceğiniz 3d küp) -

Eğer bir web tasarımcıysanız zamanınız çok değerlidir. Sizlere zaman kazandırabilecek çok çeşitli araçları tanımak isteyeceğinizi düşünüyorum. Web tasarımcılar için 50 zaman kazandıran araç sizlerle..

1. Bounce
En büyük sorunlardan bir tanesi tasarım öğelerini müşterilerine anlatmaktır. Çoğumuz bunun için çeşitli grafik editörlerine tasarımın ekran görüntülerini atarak üzerine açıklamalar yazarız. Bounce tasarımlarda sayfaları bölümleyip, yorum ve metin yazabilmemizi sağlıyor. Ayrıca sayfayı ziyaret edenler de geri dönüşlerini buradan paylaşabiliyor.

2. HammingBird
Web sitesi üzerinde ziyaretçilerin davranışlarını eş zamanlı olarak detaylı bir şekilde sunan bu araç sisteme yüklenen küçük bir node.js dosyasıyla çalışıyor.

resimler ve fotoğraflar hemen her başarılı blogun bir parçası bu günlerde. wordpress blogunuzda fotografları ziyaretçilerinize benzersiz bir gösterimle sunmak bloga artı kazandırmakta. aşağıda farklı yöntemle fotoğraf ve ya resim gösterebileceğiniz wordpress eklentileri bulunmakta.

1. jquery image lazy loader wp - demo - download

fotoğraflarınızı kaydırma çubuğu yardımı ile yan yana veya dikey olarak görüntüleyebileceğiniz bir eklenti.

2. frontpage-slideshow - download

wordpress blogun ön sayfasında profesyonel bir slayt gösterisi oluşturmanıza olanak sağlar. tıklanabilir ve dört farklı slaytlar hakkında bilgi aynı anda görüntülenebilir. slaytlar arasında geçişler ekstra şık görülmeye değer.

seo ile ilgili sıklıkla ileri düzey bildirilerle karşılaşıyoruz. tabii ki bunlar daha alt seviyede bilgi sahibi kullanıcılara çok da hitap etmiyor. daha önceki bildirilerimden birinde "yapılabilecek en temel seo çalışmaları"ndan bahsetmiştim. şimdi de en sık yapılan hatalardan bahsetmek istiyorum.

1. Title(Sayfa Başlığı)'ın 70 Karakterden Uzun Olması

Title, Arama Motoru Optimizasyonu'nun en temel öğelerinden bir tanesidir. "Nasıl Title Yazılır?" konusuna çok da değinmek istemiyorum, çünkü bu yazıda yapılması gerekenlerden değil yapılmaması gerekenlerden bahsediyorum. Bir "title"ın 70 karakterden uzun olması arama motoru sonuçlarında eksik görünmesini sağlar.

2. Meta Description (Sayfa Açıklaması)'ın 150 Karakterden Uzun Olması
Sayfa Açıklaması gerek arama motorlarının sayfayı iyi okuyabilmesi açısından gerekse arama motoru sonuçlarından ziyaretçi çekebilmek için önemli bir alandır. Çünkü "sayfa açıklaması" arama motoru sonuçlarında "title"ın altında görünür. Resimde de görülebileceği gibi 150 karakterin üzerinde bir açıklama tıpkı title gibi kesiliyor.

eğer bir facebook fan sayfanız varsa bu sayfanızı daha etkileyeci hale getirip daha fazla kişi tarafından beğenilmeyi eminim istemişsinizdir. Bunun için bu yazımızda facebook fan sayfanıza landing page (varış sayfası) ekleyeceğiz.
Öncelikle bir önizleme olması açısından birkaç örnek göstermek istiyorum.
1)Starbucks

2)Redbull

Gelelim bunu sayfamıza eklemeye:
bunun için kullanacığımız araç hepimizin bildiği Static Fbml
Linke tıkladığınızda karşınıza gelen sayfada Add to my Page bağlantısını tıklıyoruz. tıkladığınızda facebook fan sayfanız karşınıza çıkıyor.Add to Page e tıklıyoruz.static fbml yi sayfamıza ekledik.şimdi sıra kodlar yardımıyla bunu özelleştirmeye geldi.
facebook fan sayfamıza tıklıyoruz.

Google, dünyadaki en çok kullanılan ve en popüler arama motoru olarak kendi piyasasında tekelliğini koruyor. Onunla aynı pazarda olabilmek için Microsoft, Yahoo gibi şirketler oldukça büyük yatırımlar yaparak arama motorlarını geliştirmeye çalıştılar. Pek başarılı olamasalar da her geçen gün farklı kişilerden farklı projeler gelmeye devam ediyor. Bunlardan biri de Blekko .

Google'ın arama sonuçlarının web çöplüğü olduğunu düşünen Blekko'nun yapımcısı Rich Skrenta, Google sonuçlarının link ve etiket çöplüğü olduğu görüşünde. Bu yüzden slashtag adını verdikleri bir özellik kullanıyorlar. Blekko bu sayede kullanıcılarına özel arama sonucu veriyor.

Blekko'daki sonuçlar aynı site üzerinden olmuyor, her zaman aranan farklı içerik ile size sunuluyor. Henüz 3 milyar web sitesi üzerinde tam olarak arama yapabilse de Blekko, bazen Google'dan daha tutarlı sonuçları kullanıcılarına sunabiliyor.