Web ortamında kullanılan görsellerin boyutu büyük önem taşımaktadır. Fireworks kullanarak web için görsellerinizi nasıl optimize edebileceğinizi ve en minimum dosya boyutuna ulaşmak için kullanılan Selective JPEG özelliğini uzmanlarımızdan Hakan Çamoğlu anlattı.
Kaynak : http://www.vidobu.com/blog
İnternet’in boyutları ve internetteki paylaşımlar üzerine uzun süredir detaylı araştımalar yapılıyor. Online Schools tarafından derlenmiş olan rakamlar ise oldukça çarpıcı.
Güncel ve özgün içerikle yola çıkmış olan her web sitesinin en büyük düşmanı “içerik hırsızları” olsa gerek. Bazen saatlar boyunca emek verilen bir makalenin “RSS botlarıyla” çalınması bir kaç saniyeyi buluyor. İşte bu sebepten ötürü; içeriğimizi “içerik hırsızlarına” çaldırmamak için olabildiğince hızlı bir şekilde içeriği Google’a indexletmemiz ( tanıtmamız ) gerekiyor. İşte tam bu noktada karşımıza “Ping Servisleri” çıkıyor. Ping Servislerini açıklayarak makalemize giriş yapalım.
Öncelikle içeriğimizi Google’a tanıtmak istiyorsak “ping servislerini” kullanmamız gerekiyor. Ping servislerinin ne olduğunu açıklamak gerekirse; ping servisleri temelde büyük veri depolarıdır. Her yazı yazıldıktan sonra yazının ping ile beraber gönderilmesiyle birlikte yazıları kendi sistemlerine depolarlar. Eğer bu süreçte – ki genellikle hep oluyor – Google Bot pinglediğiniz site içerisinde ise saniyeler içinde içeriğinizin indexlenmemesi elde değil. Binevi; Google’ın indexlemesi için büyük veri havuzları oluşturuluyor. Genellikle en az PR7 olan bu ping servislerinin PageRank değerlerinin yüksekliğini düşünürsek,Google Bot’un ne kadar sıklıkla sözkonusu siteleri ziyaret edeceğini tahmin edebiliyorsunuzdu.
Elbette bu da sıklıkla suistimal edilen bir durum. Pek çok yabancı ahlaksız içerikteki site her gün milyonlarca ping atarak havuzu doldurmakta,ping sitelerinin bağlı olduğu serverların sistemlerini de-aktif etmektedir. Bu sebeple belli başlı bazı ping sistemleri daimi olarak randıman vermektedir.
WordPress scriptlerin; Ayarlar sekmesinin yan bölümü olan “Yazma” bölümünün altına ping listesi ekleyebilirsiniz. Ayrıca RSS teknolojisiyle desteklenen diğer sistemler için Pingomatic kullanarak ping yollamanız mümkün.
Kısa ancak içerik olarak yararlı bir makalenin sonuna geldik. Aşağıda verdiğimiz listeyi kullanmanız yeterli olacaktır.
Google, iyi optimize edilmiş web sayfalarında Ana Sayfa > Kategori Sayfası > Ürün Sayfası şeklinde gördüğümüz breadcrumb navigasyona çok önem veriyor. Breadcrumb, DMOZ?da da kullanılan bir navigasyon. Breadcrumb sayesinde site içinde bulunduğunuz yer, tek satır gezinti bağlantısı olarak sayfa altında veya üstünde gösteriliyor. Böylece giriş sayfasına veya önceki bölümlere kolayca geçiş yapılabiliyor. Google Bot?da breadcrumb navigasyon sayesinde sitenizi daha iyi crawl edebiliyor ve arama sonuçlarında üst sıralarda çıkartıyor.
Dolayısıyla Google?da breadcrumb bulunan siteleri arama sonuçlarında daha üst sıralarda gösteriyor.
Görünüşe göre Google, breadcrumb navigasyona verdiğini önemi daha da artırmış.
Google.co.uk?den yapılan aramalarda, bu tekniği kullanan sitelerin breadcrumb navigasyonları SERP sonuçlarında görülmeye başlandı. Renault.co.uk sitesinde breadcrumb navigasyonu iyi bir şekilde kullandığı için, arama sonuçlarında daha belirgin görünüyor.
Google?ın şu anda test olarak bazı arama sonuçlarında gösterdiği breadcrumb navigasyonun Google Caffeine?le birlikte daha da sık görüleceği tahmin ediliyor.
Biliyoruz ki sitelerimizin W3C standartlarına uygun olması arama motorları tarafından sitemizin sevilmesini sağlıyor. Sitelerimizi W3C standartlarına uygun yaparsak sitemize büyük fayda sağlayacaktır. Sitelerimizi XHTML web biçimleme diliyle W3C standartlarına uygun yapabiliriz. XHTML web biçimleme dili W3C standartları tavsiyesidir. XHTML web biçimleme dilini biraz açalım. XHTML açılımı: EXtensible HyperText Markup Language (Genişleyebilir Hiper Metin Anlamlandırma Dili). XHTML, HTML dili yerine kurulmuş ve onun yerine kullanılmaktadır. Temiz, düzenli ve gereksiz kodlardan arınmış HTML yazımını sağlar. Aşağıda W3C uyumluluk sorununu ve çözümlerini maddeler halinde verdim.
HTML ile etiketleri iç içe kapatma diye bir şey yok. Ama XHTML ile etiketleri ve parametreleri iç içe kapatma zorunluluğumuz var. Bu işlemi siteniz üzerinde gerçekleştirmediğiniz zaman sitenizin W3C standartları uyumluluğunu sorgulattırırken daima hata verir.
Hatalı Kod: <b><i> Etiketleri İç İçe Kapatmak </b></i>
Doğru Kod: <b><i> Etiketleri İç İçe Kapatmak </i></b>
HTML ile etiket ve parametre isimlerini küçük-büyük harflerle yazsak birşey olmuyordu. XHTML ile etiket ve parametre isimlerini küçük harflerle girmek zorundayız.
Hatalı Kod: <SPAN title="Açıklama"><B> Etiketleri ve Parametreleri Küçük Harflerle Yazmalıyız </b></SPAN>
Doğru Kod: ><span title="Açıklama"><b> Etiketleri ve Parametreleri Küçük Harflerle Yazmalıyız </b></span>
HTML ile aşağıdaki hatalı kodda gördüğünüz gibi yapıyorduk. Ama XHTML web biçimleme dili ile TÜM etiketleri kapatmak zorundayız. Örneğini aşağıdaki Doğru Kodda görebilirsiniz.
Hatalı Kod: <img src="resim.gif" alt="açıklama">
Doğru Kod: <img src="resim.gif" alt="açıklama" />
Sitesinde bağlantı verip W3C uyumluluk sorunu yaşayan bir çok arkadaşımız var. Aşağıda vereceğim bağlantılar tamamen XHTML ve W3C uyumlusudur. Sorun yaşayan arkadaşlarımız sitelerindeki bağlantıları aşağıdaki gibi yaparlarsa hiçbir sorunla karşılaşmayacaklarını göreceklerdir.
<a href="http://www.seoteknikleri.com">SEO Teknikleri</a>
veya
<a href="http://www.seoteknikleri.com" title="SEO Teknikleri">SEO Teknikleri</a>
En çok hata alınan etiketlerden birisi img etiketidir. Sitenize resim eklerken aşağıdaki XHTML ve W3C tam uyumlusu olan kodları kullanabilirsiniz.
<img src="seoteknikleri.jpg" alt="SEO Teknikleri" />
DOCTYPE tanımlamasını büyük harfle yazın aksine W3C uyumluluğu olmaz.
Hatalı Kod: <!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd" >
Doğru Kod: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Mesela bir td değerine yüksekliği HTML ile tırnaksız girebiliyoruz ama XHTML ile tırnaklar ile girmek zorundayız.
Hatalı Kod: <td height=100%>
Doğru Kod: <td height="100%">
Sitenizde artık etiketlere özel widht yada height vs. gibi attribute kesinlikle girmeyeceksin. Girerseniz hata alırsınız. Bu iki özelliği css dosyasından çağırarak yapacaksınız.
Hatalı Kod: <td widht="100%" height="100%">
Doğru Kod: <td class="genislik_yukseklik">
Not: Arkadaşlar HTML ile XHTML karıştırmayalım lütfen. Sitelerinizin W3C XHTML uyumlusu olup olmadığını XHTML Validator aracıyla görebilirsiniz.
kaynak : seoteknikleri.com