Etiket arşivi: Webmaster

Engelleri Kaldırmak, Erişilebilirlik

Published / by Uğur Özşahin / Leave a Comment

    Burada sözünü ettiğim, bir çoğumuzun farkında olmadığı, ancak toplumda önemli bir kesimi etkileyen engeller. Evet daha birkaç gün öncesine kadar benim de, farkında olmadan yaşadığım gerçekler. Hiç internetten engelli arkadaşlarımızın nasıl yararlandığını düşündünüz mü? Ben üzülerek söylüyorum ki, bu farkındalığımdan öncesine kadar yaptığım kodlamaları hiç bir şekilde engellileri düşünerek yapmamıştım. Hatta erişilebilirlikler konusunda ne kadar az şey bildiğimin ancak şu sayfayı görünce farkına vardım. Web sitesi geliştiriyorsanız eğer, az önce linkini verdiğim sitedeki bu konu ile ilgili makaleleri mutlaka okumanızı öneririm. Muhtemelen erişilebilirlik hakkında ne kadar az bilgi sahibi olduğunuzun siz de farkına varacaksınız.

    Engellilerin önüne koyulan geliştirici (Çoğu zaman Webmaster) kaynaklı engeller konusunu Mehmet Doğan, bundan 3 sene önce sitesinde işlemiş ve çok iyi de etmiş. Sayesinde bu konuda bilgi sahibi oldum. Bundan sonra nasıl daha erişilebilir site yaparım sorusunu aklımdan çıkarabileceğimi sanmıyorum? Gerçekten çok önemli bir konu ve Mehmet’in konuyu işleyişinin üzerinden 3 sene geçmesine rağmen, birçok sitenin bu bilinçten uzak şekilde tasarlanıyor oluşu üzücü. Birçok devlet sitesinin, bu konuda yeterli özeni göstermemiş olması da, bana imam, cemaat ilişkisini hatırlatıyor. Diğer yandan şirket sitelerini, kişisel siteleri sormayın gitsin. Hala tam sayfa flash tasarımlarla boy gösteren tonla site mevcut.

    Bu konunun yasal boyutunuda unutmamak gerek ve bu konuda da mutlaka araştırma yapmanızı öneriyorum. Yine şu yazıyı incelemeniz bu konuda biraz fikir sahibi olmanızı sağlayacaktır. Atlanmaması gerektiğini ve web tasarımını önemseyen herkesin bu konuda sorumluluk alması gerektiğini düşünüyorum.

    Anlamsal (Semantik) web siteleri geliştirirken dikkat etmemiz gereken bir önemli konu daha var, erişilebilirlik. Nasıl daha erişilebilir site yapabiliriz sorusunun cevabını yine Mehmet’in blogunda bulabilirsiniz. Bende bu konuda özet sayılabilecek bir yazı hazırlayacağım. Mehmet’e böyle değerli makaleleri bizimle paylaştığı için çok teşekkür ediyorum. Ayrıca Mehmet’in ilk makalelerinide mutlaka okumanızı öneriyorum. Tasarım konusunda benim gibi yeni başlayan arkadaşlara çok faydalı olacaktır.

25 Açık Kaynak Kodlu Webmaster Aracı

Published / by Uğur Özşahin / Leave a Comment

    Yazımda Webmaster lar için 25 açık kaynak yazılım hakkında kısa bilgiler bulacaksınız. Bu 25 yazılım içerisinde bir çok ücretli alternatiflerine oranlara aynı işleri başarı ile gerçekleştirebilen programlarıda bulabilirsiniz. Makalenin aslına buradan ulaşabilirsiniz. Ben ingilizce makaleyi dilim döndüğünce çevirmeye çalıştım.

    Belirtilen yazılımların birkaçını bir şekilde duymuş olabilir hatta kullanıyor olabilirsiniz. Fakat içlerinden mutlaka ilginizi çeken yazılımlarda olacaktır. Bu makalenin özellikle ücretli programlardan bıkan ve alternatif arayış içerisinde olan ziyaretçilerimize yarayacağını düşünüyorum.

Metin Editörleri

  • Aptana Aptana ücretsiz ve Adobe Dreamweaver la boy ölçüşebilecek bir yazılım. Son sürümü ile çok güçlü, stabil ve Dreamweaver alternatifi.

  • Notepad++ Notepad++ kod renklendirme özelliğine sahip, bilgisayarınızda çok az yer kaplayan başarılı bir editör.

  • Notepad2 Bir başka çok basit ancak kullanışlı bir metin editörü , bu programı bilgisayarınıza kurarak Windows Not Defter ’inin yerini almasını sağlayabilirsiniz.
  • Cream Bu program Vim ’in modern bir şekilde konfigüre edilmiş hali. Öğrenme çizginizle beraber çok daha güçlü hale gelen bir yazılım.
  • Firebug Firebug Firefox tarayıcınızla birlikte kullanabileceğiniz ve geliştirdiğiniz uygulamalarda anında hata yakalama özelliğine sahip çok başarılı bir eklenti. Bu eklenti ileCSS/HTML/Javascript kodlarınızı  browser ınız ile eş zamanlı olarak editleme şansına da sahip oluyorsunuz.

WYSIWYG Editörleri

  • WYM editor bir web tabanlı XHTML editörü, W3C standartı, XHTML 1.0 STRICT ile tam uyumlu.
  • Amaya Amaya W3C standartlarına uyan webmasterlar için başarılı bir WYSIWYG HTML/CSS editör. Aldığınız çıktıların 100% standartlara uygun olduğundan emin olabilirsiniz..
  • Selida bir başka WYSIWYG editör tamamen ücretsiz.
  • Nvu Nvu bir başka açık kaynak Dreamweaver benzeri. Şu an için programla HTML/CSS belgelerinizi düzenleyebilirsiniz.

FTP İstemcileri

  • FileZilla Çok popüler FTP istemcisi. Ücretsiz olarak indirebilirsiniz ve kullanmaya başlayabilirsiniz.
  • CoreFTP Basit bir iki pencere sitiline sahip FTP istemcisi.
  • FireFTP Firefox kullanmak için bir başka neden. Çok başarılı bir Firefox eklentisi daha. Bu eklenti ile Firefox tabları içerisinde çalışan bir FTP istemciye sahip oluyorsunuz.

Resim Editör ve Geliştirme Araçları

  • Gimp / Gimpshop Açık kaynak kodlu Photoshop alternatifi. Bu editör fazlasıyla başarılı bir alternatif ve tamamen ücretsiz. Gimpshop [ buradan indirebilirsiniz ] Adobe Photoshop ile yeterince uğraşmış kullanıcıların işine gelecek geliştirilmiş bir Gimp versiyonu.

  • Inkscape Çok güçlü bir resim editörü bu program ile resim çıktılarınızı SVG (ölçeklenebilir vektörel grafikler) formatında alabilirsiniz.
  • Paint.NET bir başka resim editörü. Bu program için basit olarak Photoshop kullanışlılığına sahip geliştirilmiş bir Windows paint sürümü diyebiliriz.
  • Project Dogwaffle Bu program Dan Ritchie nin geliştirdiği boyama ve animasyon uygulaması. Bu program ile çok etkileyici görseller ortaya çıkarabilirsiniz.
  • Picasa2 Google ın sahip olduğu bir resim düzenleyici. Bu program ile fotoğraflarınızı düzenleyebilir, resimlerinizi etiketleyebilir ve Google serverlarına ücretsiz olarak upload edebilirsiniz .

Renk Seçicileri

  • ColorMatch Remix Bu online araçla seçtiğiniz renk ile uyumlu alternatif renk seçeneklerine sahip olabilirsiniz. Daha sonra bu renkleri Photoshop yada Illustrator programlarında renk paletleri olarak kullanabilirsiniz.
  • ColorPicker Bu renk seçici ile fotoğraflarınız yada diğer grafikleriniz üzerinden istediğiniz piksele ait renk kodlarına (RGB, HEX) ulaşabilirsiniz. CSS geliştiricileri için çok kullanışlı olabilir.

Kodlamak için Yardımcı Araçlar

  • AllChars Bu yazılım ile HTML içerisinde sürekli unuttulan bazı özel karakterler için encode işlemini gerçekleştirebilirsiniz.
  • CSS Creator Bu online araç ile CSS tabanlı uygulamanıza ait bir iskelet oluşturabilirsiniz.
  • Firdamatic Bir başka online CSS iskeleti oluşturucu.

Yardımcı Firefox Eklentileri

  • Web Developer Toolbar for Firefox Bu eklenti CSS gelişticileri için neredeyse bir zorunluluk. Bu eklenti ile istediğiniz sayfanın sitil özelliklerini anında kapatıp açabilir yada div etiketlerine ait parametreleri pratik bir şekilde görüntüleyebilirsiniz.

  • IE Tab Bu firefox eklentisi ile geliştirdiğiniz uygulamanın internet explorer da nasıl görüntülendiğini bir çırpıda görebilecek ve eklentiyi kurduktan sonra bir daha Internet Explorer programını açmak zorunda kalmayacaksınız.
  • HTML Validator Bu eklenti Firefox’unuzun durum çubuğunda küçük bir pencere ile size kodlarınızın standartlara uygunluğu hakkında anında bilgi vermekte. Sitenizdeki standart dışı html kodlarının sayısını öğrenmek bu eklenti ile çok daha kolay. Nerelerde standart dışı kod kullandığınızı da sayfanızın kaynak kodunda gösterebiliyor.

Google WebMaster Tools ve Indeks Çılgınlığı

Published / by Uğur Özşahin / Leave a Comment

Çılgınlık Webmaster arkadaşların Indeks sayılarını daha fazla dikkate almasıyla başladı. Çünkü google aramalarında sitenizi ifade edebilecek ne kadar çok sayfa mevcutsa ziyaretçilerinize ulaşma şansı ve popülarite bakımından bir adım öndesiniz demektir. Doğal olarak site sahipleri artık google’ı çok daha fazla önemsiyorlar. Ancak kesinlikle bu yanlış anlaşılmamalı bu karşılıklı bir durum. Yani Google da küçük büyük demeden her siteyi belli bir ölçüde önemsiyor. Çünkü firmanın bu tutumu İnternette tekelcilik oynamasının başlıca kriterlerinden sadece biri. Fakat bu tekelcilik senaryosu, Microsoft un yaşamış olduğu tekel senaryolarından çok farklı. Bu da ayrı bir yazı konusu tabi.

Google ’ın sitelerimizi indekslemesinden bahsetmiştik. Indekslemenin ne kadar önemli olduğu kesinlikle tartışılmayacak bir konu. Fakat indeksleme süreleri google ın kendi elinde olmasına rağmen, google bu konuda bize  sayfalarımızı indekslemesine yardımcı olabilmemiz için bazı ekstra hizmetler sunmakta. Buradaki politikada elbetteki kazan – kazan politikası. Çünkü siz kendi sayfalarınızı indeksleterek daha fazla ziyaretçiye ulaşmaya çalışıyorsunuz, Google da bu yolla hem daha doğru sonuç sunma olanağına sahip oluyor hem de daha fazla potansiyel müşteriye ulaşabiliyor. Servisimizin adı Google Webmaster Tools (Webmaster Araçları).

Evet sitelerimizi indeksletmenin en kolay yollarından biri oturup google ın sitemizi indekslemesini beklemek sanırım. Fakat kesinlikle hızlı bir çözüm değil. Ancak bunun yanında gerçekten sağlam backlinkleriniz var ise indeksleme işleminin çok daha hızlı gerçekleşebileceğini de eklemeliyim. Tabi bu yöntem de sağlam backlink yakalamak sizin elinizde. Farklı sunucularınızdan birinde bulunan yüksek pageranklı bir sitenizden yeni geliştirmiş olduğunuz sitenize karşılıksız link vererek dakika bir gol bir diyebilirsiniz. Yada çeşitli webmaster forumlarında çapraz link değişimi yaparak backlink konusunda sitenizi öne çıkartabilirsiniz. Ancak buradaki önemli kriter de sanırım, link aldığınız sitelerin içeriği ile sizin sitenizin içeriğinin benzer olması. Bu durumda sitenizin kalitesi google ın gözünde daha yüksek olacaktır. Tabi benzer içeriğe sahip bir siteden backlink alabilmekte sanırım çocuk oyuncağı olmasa gerek. Tabi bu sitenizin özgünlüğünün tartışılabileceği durumlar için geçerli. Yani söylemek istediğim siteniz ne kadar özgün içeriğe sahip ise, yine benzer özgün içerikli farklı bir siteden backlink almanız o kadar zorlaşacaktır. Kimsenin rakibini yükseltmeye çalışabileceğine ihtimal vermiyorum. Böyle olmadığı zamanlarda olacaktır mutlaka ancak istisnalar kaideyi bozmak demekle yetiniyorum.

Şuana kadar indeksleme işlemini kolaylaştırabilecek önemli kriterlerden birinin backlink almak olacağından bahsettik. Bu demek oluyorki nasılki insan için öneri kavramı çoğu zaman önem taşır, google için de bu kavram en az insan için olduğu kadar önemlidir. (Çünkü google insan odaklı bir yaklaşıma sahiptir. Zaten onun bu kadar büyümesindeki en gerçekçi neden budur.) Indeksleme işlemini kolaylaştırdığını söyleyebileceğimiz, hatta bunu google a yol göstermek olarak adlandırabileceğimiz bir başka çözüm yolu da Google Webmaster Tools hizmetinden yararlanmaktır. Buradaki amaç ise siteniz için oluşturmuş olduğunuzu sitemap dosyanızı google ın hemen ulaşabileceği bir yere koyarak google a yol göstermektir (Google Webmaster Tools). Bu sayede google ın sitenizi belli periyotlarla ziyaret etmesini sağlamış olursunuz. Tabi her ziyaret sitenizin içeriğinin indekslenmesi için bir adım teşkil edecektir. İstediğimizde zaten bu değil mi?

Webmaster Tools a sitemizi ve sitemap dosyamızı nasıl ekleyebileceğimizden biraz bahsedecek olursak. Bundan sonra anlatacaklarımı bir google hesabınız olduğunu varsayarak anlatacağım. Yapmanız gereken ilk işlem Google Webmaster Tools hizmetine giriş yaptıktan sonra karşınıza gelen ilk sayfada sitenizin url adresini girerek Add Site butonuna tıklamak. Bir sonraki adımda ise eklemiş olduğumuz siteyi bir html sayfası, yada bir meta tag ile doğrulamalıyız. Bu bizim bu site için WebMaster Tools dan yararlanabilmemiz için gerekli bir adımdır. Doğrulama işleminden sonra sitenizin indekslenme koşullarından da tutunda sitenizin arama istatistiklerine kadar bir çok şey elinizin altında olacaktır. Ancak burada en işe yarar özelliğin Sitemap eklemek olduğunu belirtmeliyim. Sitemap menüsünden oluşturmuş olduğunuz sitemap dosyasını kolaylıkla ekleyebilirsiniz. Artık yapmanız gereken eğer mümkünse backlink almaya çalışarak indeksleme işleminin biraz daha hızlanmasına yardımcı olmaktır.

Bu yöntemde sayfalarınızın tümünün bir anda indeksleneceği garantisini vermez. Ancak işinizi şansa bırakmayarak indeksleme sürecine birinci elden katkıda bulunmuş olacaksınız. Yıllar önce uğraşılan (add url) bağlantılarından çok daha iyi bir şey sanırım. Google ın sitenizi indekslemesi için dua etmeye bol bol vaktiniz olmaktaydı o zamanlar. Neyseki o günler geride kaldı. Artık Google Webmaster Tools var 😛

ASP ile Otomatik Sitemap Oluşturmak

Published / by Uğur Özşahin / Leave a Comment

    Bu yazımda ASP ile bir sitemap’in veritabanından çekilen verilerle nasıl otomatik olarak oluşturulabileceğini sizlerle paylaşacağım. Biliyorsunuz sitemap dosyaları artık Webmaster’lar yada kendini öyle sananlar için vazgeçilmez bir ihtiyaç. Google ın Webmaster Tools hizmeti uzun zamandır site sahiplerinin kullandığı bir hizmet. Bu hizmetin yararını nerde mi görüyoruz? Buna cevabım kısaca şöyle olabilir: Google Indexlemesinde yani Google ın sayfalarınızı daha çabuk indekslemesini istiyor ve dolayısı ile daha fazla arama sonucunda yer almak istiyorsanız bu hizmetin yararını fazlası ile görüyorsunuz. Aslında elinizde başka bir seçenek daha var : Bırakın google sitenize kendi istediği zaman uğrasın. Sizde ziyaretçilerinizi google ın istediği zaman bulursunuz. Tabi bu benim önermediğim bir tutum olur.

    Webmaster Tools a nasıl sitemap eklenir yada nasıl site doğrulaması yaptırılır bunları başka bir zaman yazmayı düşünüyorum. Şimdi gelelim asıl meselemize Asp ile otomatik bir sitemap hazırlamak istiyoruz dedik değil mi? Hadi o zaman yapalım şu işi 😀

    İlk olarak dikkat edilmesi gereken sitemap dosyalarının bir formatı olduğu. Bu format düzeninden ayrıntılı olarak bahsetmek istemiyorum ama kısaca başlıklar halinde bahsedebiliriz. Aslında sitemap dosyaları XML verilerinden başka bir şey değildir. Bu yüzden genelde sitemap dosyaları


kodu ile başlarlar. Bu kodda zaten birşey yok tabi XML versiyonu ve kodlama için gereken Karakter Set dışında. Arkasından gelen kod ise


yukarıda yer alan tek satırlık kod. Bu satırın özelliği ise xml verisine ait şema bilgilerinin yer alması.Fakat bizi asıl ilgilendiren satırlar bundan sonraki satırlar. Yani sitemizde yer alan url lerin gösterileceği satırlar.


bu ilk url satırımız. burada da site değişkeni ilk sitemap dosyası içerisinde yer alan ilk url nin kendi site adresimiz olmasını sağlıyor. Bu değişkene kendi site adresinizi değer olarak atamalısınız. mapdateformat fonksiyonu ise sitemap için uygun olan tarih formatını oluşturmakta. Diğer verileri değişmez olarak bırakıyorum yani her url için değişme frekansı ve öncelik değerleri sabit olacak siz bunların yerine değişken değerler kullanabilirsiniz. Tamamı ile sizin tercihinize kalan özellikler. Aşağıya ise sitemap dosyamızın tam kodunu yerleştiriyorum. Aşağıda veritabanından verilerimizi çekerek nasıl otomatik olarak sitemap hazırlayabileceğimizi gösteren kodların tamamı yer almakta.

    Yukarıdaki tarih formatı saniye mertebesine kadar geniş olduğu için sizin veritabanınızdaki formatın da bu şekilde olması gerekmektedir. Fakat tarih formatını sizin veritabanınızda kullandığınız tarih formatına uyarladığınız taktirde sorun ortadan kalkmış olacaktır.

    Son olarak yukarıdaki kodları tam olarak kullanabilmek için kendinize göre düzenlemeniz gerekmektedir. Bu kodlardaki veritabanı bağlantısı ve veritabanındaki alanlar sadece tahminidir. Bu alanları kendi veritabanınızdaki alanlara göre düzenlemelisiniz. Ayrıca url yi de kendi sitenizde kullandığınız url formatına göre düzenlemeniz gerekebilir. Kendi sitesine entegre etmek isteyen fakat sorunlarla karşılaşan arkadaşlara yardımcı olabilirim bunun için benimle iletişim bölümünden irtibata geçmeniz yeterli olacaktır.