Semantik | bildirgec.org

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.

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

arama motorları text indeksleme işini mükemmel yapıyorlar. bu yüzden navigasyon bölümlerinizde javascript, flash ve hatta imajlardan kurtulun.

Facebook'un hem kendisi hemde Web alemi için bir kilometre taşı değerinde olan yeni servislerini ve bu servislerin içinde yer aldığı yeni vizyonunu, buradaki ve buradaki yazılarla tanışmıştık.

Mevzuyu kemale erdirecek bu üçüncü ve son yazıda ise, Facebook'un yeni servisleri ile ilgili "ortaya karışık" bilgileri, haberleri bulabilirsiniz.

- Facebook'un, Web'in merkezine kullanıcıyı oturtma, Facebook'un Sosyal Web'in merkezi olması, kullanıcılara anlık kişileştirilmiş web deneyimini yaşatma gibi sloganlar ve tariflerle tarif etmeye çalıştığı bu "Like" devrimi ile örneğin; Bir müzik sitesinde karşılaştığınız favori grup veya şarkıcınıza ait bir içeriği "like" ettiğinizde, bu bilgi sizin "Büyük Resminize" eklenmekte ve güncel konserleri duyuran bir siteye gittiğinizde site size, bu grup veya şarkıcının yakın zamanda ve bulunduğunuz bölgeye yakın olan konserlerini anında göstermekte.

Bir öngörüde bulunacağım. Siz ve ben bu dünyadan göçtükten çok sonra bile HTML halen kullanılıyor olacak. Sırf bizim çağımızda arşivlenen milyarlarca sayfa değil, yaşayan ve nefes alan bir varlık olarak hayatını sürdürecek. Çok fazla gayret, enerji ve yatırım web'in araçlarına, protokollerine ve platformlarına harcandı.

Bizim buradaki sorumluluğumuzu düşünmeyi bir kenara bırakalım. Geçmişteki hatalar sebebiyle, uygarlığımızın yıllar boyunca birbirleri ile iletişim kurmak için kullanacakları önemli bir aracı geliştirmeye kendimizi adadık. Bu yüzden umursamadan ya da gerçekten umursayarak bu durumu kafamıza taktığımızda, HTML'yi iyileştirmek için, bugün verdiğimiz kararların sonuçlarının ne kadar ileriye dönük olacağını anlamamız gerekiyor.

Devasa boyutlara ulaşan web'in veritabanından, kullanıcıların işe yarar verilere hızlıca ulaşabilmesi için, mevcut araçlara (arama motorları, araç çubukları, sosyal aramalar, trendler, gerçek zamanlı aramalar, haber siteleri vb.) yeni özellikler eklenmekte veya farklı yaklaşım tarzlarına sahip, yeni araçlar kullanıma sunulmakta.

Bu yeni araçlardan biri olan Glydo, siz web tarayıcınız ile gezinirken, görüntülediğiniz içerik ile ilgili, farklı sitelerden derlediği önerileri, size sunmakta.

Bir Semantik (semantic contextual analysis technology) arama motoru gibi çalışan Glydo, görüntülediğiniz içerik ile ilgili; güncel haberleri, videoları, Tweetleri, websitelerini ve Wikipedia gibi ansiklopedik bilgi depolarından derlediği bilgileri, bir öneri demeti halinde, size sunmakta.

Bu yazıda web tasarımındaki başlıkların (site başlıkları ve içerik başlıkları) verimliliğini arttırmak için uygulanabilecek bazı kolay ve hızlı tekniklerden bahsedeceğim. Verimli başlıklar kullanıcılar ile daha hızlı iletişim kurdukları gibi onların fazla düşünmesine gerek kalmadan sitenizin içeriği hakkında bilgi sahibi olmalarını sağlar. Bu kurallar uygulamanız gereken kuralların tamamını içermemesine rağmen tasarım aşamasında göz önünde bulundurmanız gerektiren kurallardır.

1. Başlıklarınızın İçerikten Gözle Görülür Bir Biçimde Ayrı Olmasına Özen Gösterin
Başlıklarınız içeriğinizden farklı ve ayrı bir şekilde görünmelidir. Tıpkı site içi bağlantılarınızın rengini değiştirip altını çizili görüntülediğiniz gibi, başlıklarınızın görünümü de sitenin geri kalanına kıyasla daha özgün olmalıdır. Renkler, yazıtipi boyutu ve farklı yazıtipleri kullanarak başlıklarınıza kontrast uygulayın. Altı çizili elementlerin bağlantılarla sınırlı kalması sitenin genel uyumluluğu açısından önemli olduğunu unutmayın.

2. Daha Sıcak Renkler Kullanın

Sıcak renkler, soğuk renklere oranla daha dikkat çekicidirler. Sıcak renkler aktiftir, dikkat çekerler ve sayfanın geri kalanından daha ön planda görünürler. Soğuk renkler ise sayfayla bütünleşir. Mümkün olduğu kadar sıcak renkler kullanarak okurlarınızın dikkatini daha çabuk çekereken onları içeriğin kendisine odaklanmalarına yardımcı olmaya çalışın.

Çatılar (Framework) JavaScript ve PHP geliştirme aşamasında sıklıkla kullanılırlar ve CSS için de gittikçe popüler hale gelmeye başladılar. Çalışma alanınızı iyileştirmeye ve çabucak şablon oluşturabilmenize yarayan bu çatıları kullanarak farklı tarayıcılar üzerinde yaşanabilecek olası problemlerden de korunmuş olursunuz. Özellikle WordPress ve benzer içerik yönetim sistemleri için seri üretim şablon oluşturan kesimler, bu tip çatılara sırtlarını dayamaktadırlar. Neden siz de onlardan biri olmayasınız? İşte bu işlem için kullanabileceğiniz 9 adet CSS çatısını aşağıda sizler için listeledim.

• BluePrint
  CSS geliştirirken harcanan zamanı azaltmayı hedefleyen bu CSS çatısı, üzerine projenizi inşa edebilmeniz için kolay kullanımlı bir ızgara sistemi, işe yarar bir tipografi ve hatta yazdırma için bir stil şablonunu da beraberinde sunuyor.
• SenCSs
  Anahat dışındaki her şey için CSS çatısı sloganı ile yola çıkan SenCSs, özellikle kendi anahattını oluşturmak isteyen ancak onun dışındaki herşey için önceden tanımlı bir çatıyı kullanmak isteyenler için geliştirilmiş bir CSS çatısı.

Eğer bu makaleyi okumak istiyorsanız, buraya tıklayın

Aslında bu durum çok önemli bir kullanılabilirlik problemidir. Hiçbir anlam ifade etmeyen bağlantılar (link). Web sitenizde bağlantıları nasıl kullanıyorsunuz?

Ben, web sitelerindeki yazıların mümkün olduğu kadar kitaba benzemesi gerektiği fikrini sonuna kadar destekleyenlerdenim. "Buraya tıklayın" ya da "Yazının devamı" gibi bağlantılar, okunulabilirliği engellerler. Eğer bağlantılarınız yeteri kadar açıklayıcı ise, kullanıcıların ona tıklamaları gerektiği konusunda bilgilendirilmesi gerekmez.

Uzun bir yazı yazıp ardından "daha fazlası için buraya tıklayın" cümlesini yazının sonuna eklemek kolaydır. Her ne kadar bundan büyük bir suçluluk duysam da bu adım genellikle gereksizdir. Halihazırda uzun bir yazınız olduğuna göre bağlantı için ayrı bir cümle yazmaktansa neden o metni kullanmayasınız?

3 Sık Kullanılan Yaklaşım

Aşağıdaki üç farklı cümle kullanımını ve (etkin olmayan) bağlantıları inceleyin.

1. Otomobil fuarında, yeni bir arabanın duyurusu yapıldı. Daha fazlası için buraya tıklayın.
2. Otomobil fuarında, yeni bir arabanın duyurusu yapıldı (www.kaynakurlburaya).
3. Otomobil fuarında, yeni bir arabanın duyurusu yapıldı.

Yukarıdaki cümlelerden hangisini bir kitapta görme olasılığınız yüksektir? Birinci ve ikinci öğeler çevrimiçi yazılarda sık kullanılan yöntemlerdir ve kolay anlaşılırlar, ancak diğer başka hiçbir yerde bu tip bağlantılar karşınıza çıkmaz.

Web erişilebilirliği web sitelerini ziyaretçilerin engelli olup olmadıklarına bakılmaksızın herkes için erişilebilir kılmak anlamına gelmektedir. Bir web sitesini erişilebilir kılmak için uygulanabilecek yöntemlerin pek çoğu kolaydır ve çok zamanınızı almaz ancak buna rağmen günümüzde halen pek çok web sitesi ya az bir miktarda erişilebilirdir ya da hiç erişilebilir değildir. Kamuya açık ve ticari yapıların engelli kişiler tarafından kullanılabilir olacak şekilde tasarlanmasını zorunlu kılan bazı kanunlar bulunmaktadır ancak Birleşik Devletler'de kurumsal web sitelerinin erişilebilir olmasını zorunlu kılan bir yasa henüz bulunmamaktadır (Birleşik Krallık'ta buna yönelik bir yasa 2004 yılında parlamentodan geçmişti). Birleşik Devletler hükümetine ait ya da hükümet tarafından desteklenen siteler Engelli Amerikanlar Yasası'nın 508. Bölümü'ne tabidir ancak bu kanuna uymadığı için kapatılan ya da herhangi bir ceza alan hiçbir web sitesi olduğunu daha önce duymadım.

Web sitelerinin erişilebilir olmamasına yönelik özel bir çaba harcandığını sanmıyorum. Bence buradaki problem, insanların "erişilebilirlik" teriminin anlamından ve bunun engelli insanlar için ne derece önemli olduğundan bihaber olmalarında ve bir web sitesini nasıl daha erişilebilir kılacaklarından haberdar olmamalarında yatmaktadır. Ayrıca web tasarımına yönelik eskiden kullanılan yaklaşımlar (örneğin Fireworks tarafından etkinleştirilen kes ve döşe metodu) özellikle erişilebilirlik alanında çok büyük zaafların verilmesine yol açmıştır. Bu tip yaklaşımlar daha çok web sitelerinin tüm tarayıcılarda aynı şekilde görünmesine odaklandıkları için, engelli insanları gözardı etmişler ve bu sebeple de onlar için bilgiyi "erişilemez" kılmışlardır. Web site erişilebilirliği sitenizin hedef kitlenizdeki herkes için aynı görünmesi demek değildir. Erişilebilirliğin anlamı, bilginin herkes tarafından ulaşılabilir olması demekter. Görme engelli birisi için sitenizin tüm tarayıcılarda aynı görünmesi bir şey ifade etmez.