Özellikleri

Php SEO betiğinin temel ve geliştirilmeye açık özelllikleri şu şekildedir:

Arama motoru dostu adresler
Bu betikte yazıların adresleri http://www.siteniz.com/yazi-adresi.html,
sayfaların adresleri http://www.siteniz.com/sayfa/sayfa-adresi/ ve
anasayfanın adresi http://www.siteniz.com/anasayfa/ ve şeklindedir. Sakın yazıların sonu “.html” ile bitiyor diye betiğin içinde html sayfaları olduğunu düşünmeyin.

Her yazıya ve sayfaya özgü metalar
Bu betikte anasayfada farklı, her yazı ve her sayfada farklı site başlığı, meta description ve meta keywords görüntülenir. Farklıdan kastım örneğin o an hangi yazı görüntüleniyorsa o yazının başlığı site başlığı olup, o yazı için belirlenmiş ve veritabanında saklanan meta bilgileri sitenin meta bilgileri olarak görüntülenir. Böylece arama motorları sitenizi tam ve doğru olarak indeksleyebilir.

Sitemap.xml desteği
Bu basit sistem için bir de otomatik güncellenen sitemap.xml mekanizması yazdım. Siz içeriği güncelledikçe o da kendiliğinden güncellenecektir.

Çalışma Mantığı

Arama motoru dostu adreslerin, meta bilgilerinin ve sitemap.xml’in çalışma mantığını ayrı ayrı incelemek lazım.

Adreslerin çalışma mantığı
Veritabanındaki tablomuzda her yazının ve sayfanın bir de adres isimli alanı mevcut. Sağda görmüş olduğunuz tablo hem yazılar hem de sayfalar içindir. Böyle bir sisteme yazacağınız yönetim panelinde girilen yazı başlığını, aşağıdaki gibi bir seo fonksiyonuyla uygun bir adres haline getirerek veritabanındaki adres alanına giremelisiniz. Bu şekilde $_GET ile alacağınız adresi veritabanındaki adres alanından kontrol edebilirsiniz. Örneğin başlık Yusuf Güney Aşk-ı Virane ise bunun adresi fonksiyonda süzüldüğünde yusuf-guney-ask-i-virane olacaktır.

function seola($s) {
	$tr = array('ş','Ş','ı','İ','ğ','Ğ','ü','Ü','ö','Ö','Ç','ç');
	$eng = array('s','s','i','i','g','g','u','u','o','o','c','c');
	$s = str_replace($tr,$eng,$s);
	$s = strtolower($s);
	$s = preg_replace('/&.+?;/', '', $s);
	$s = preg_replace('/[^%a-z0-9 _-]/', '', $s);
	$s = preg_replace('/\s+/', '-', $s);
	$s = preg_replace('|-+|', '-', $s);
	$s = trim($s, '-');
	return $s;
}

Not: Merak etmeyin, bu fonksiyonu betiğin içinde seo.php isimli bir dosyaya ekledim, oradan alabilirsiniz.

Veritabanına adresi girdikten sonra sitenin .htaccess dosyasını ayarlamak kalıyor. Bu ayar sayesinde
http://www.siteniz.com/yazi-adresi.html şekindeki adresi
http://www.siteniz.com/yazi.php?yazi=yazi-adresi şeklindeki adrese yönlendiriyoruz. Bunun için de .htaccess dosyasını şu şekilde düzenledim.

RewriteEngine On
RewriteRule ^anasayfa/ index.php [L]
ReWriteRule ^(.*).html yazi.php?yazi=$1 [L,NC]
ReWriteRule ^sayfa/(.*)/ sayfa.php?sayfa=$1 [L,NC]
ReWriteRule ^sitemap.xml sitemap.php

Metaların Çalışma Mantığı
Yukarıdaki başlıkta vermiş olduğum veritabanı tablosuna bakarsanız her yazıyı girerken ayrıca tanim(description) ve anahtar(keywords) hanelerinin de girildiğini anlayabilirsiniz. Böylece bir yazı görüntülenirken sitenin meta description ve meta keywords’lerini bu alanlardan alabiliriz. Bu işlemi yapmak için betikteki meta.php dosyasında bulabileceğiniz meta() isimli bir fonksiyon ekledim. Nasıl yapıldığını oradan direk görebilirsiniz. Sadece yazacağınız yönetim panelinde bu alanlara da veri girileceğini unutmayın yeter.

Otomatik güncellenen sitemap.xml mantığı
Arama motorlarının özellikle istediği site haritası dosyası (sitemap.xml) aslında betikte yok fakat oluşturmuş olduğum ve çalışır durumdaki sitemap.php dosyasını .htaccess dosyasındaki ayarla sitemap.xml olarak gösteriyoruz. Böylece hem Php’nin gücü ile direk veritabanından bilgileri alabiliyoruz, hem de bu dosyayı .xml dosyası şeklinde arama motorlarına tanıtabiliyoruz.

Kurulum

Kurulum oldukça basit.
* Bir sonraki başlıktan betiği indirin.
* Paketin içinden çıkan klasörü sunucunuza yükleyin.
* Betik klasöründe bulunan veritabani.sql dosyasını oluşturacağınız veritabanında çalıştırın.
* ayar.php dosyasını açarak veritabanı bağlantısı ve site adresi için gerekli ayarları yapın.

Not: Eğer bu söylediklerim size çok yabancı geliyorsa önce kendinizi php üzerinde geliştirmenizi tavsiye ederim. Bu yazı programcılara hitap ettiği için lütfen veritabanı nedir, sunucu nedir, nereye yükleyeceğim gibi sorular sormayalım.

Php SEO Test ve İndirme Bilgisi

Bu kadar açıklamadan sonra artık betiği test edeceğimiz veya indirebileceğimiz adreslere yönelebiliriz.
Php SEO betiğini test et – indir

Php SEO betiği bendeniz Yakuter tarafından SEO Teknikleri için yazılmıştır.

Yiğit Konur W3C Nedir, Ne İşe Yarar? yazısıyla bizi W3C (World Wide Web Consortium) hakkında bilgilendirdi. 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.

Etiketleri İç İçe Kapatın

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>

Etiket ve Parametre İsimlerini Küçük Harflerle Yazın

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>

XHTML Etiketlerini Kapatın

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" />

XHTML ve W3C Uyumlu Bağlantılar

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>

XHTML ve W3C Uyumlu Resim Kodları

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’ı Büyük Harflerle Yazın

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

Özellik Değerlerini Tırnaklar İçersinde Girin

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%">

Özellik Değerlerini Ayrı Ayrı Girmeyin

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.

Genelde XHTML hataları yukarıda verdiğim hatalardan oluşuyor. Eğer sizin çözemediğiniz bir hata varsa yorum olarak belirtin. Elimden geldiğince çözümlemeye çalışacağım.

Bu komite ayrıca HTML dersleri yayınlayarak,doğru bilgiyi edindirmeye çalışır. W3C ‘nin bu misyona sahip olmasının gerekliliği 1993 yılında CSS ‘nin yaygınlaşmaya başlamasıyla olmuştur. Dönemin popüler tarayıcılarının bir kısmı farklı şekilde tanımlanmış CSS’leri okurken bir kısmı ise diğer şekilde tanımlanmışları okuyordu. 

Ayrıca sitelerin yerleşimlerini sağlayan dönemin meşhur tablolarının yorumlanması bazı tarayıcılara göre de farklılık gösteriyordu. Bunun anlamı; Web’in karmaşık bir yapıya gidiyor oluşuydu. Bu noktada kurulan komite; ortak kararlar alarak kullanılması gereken kodları tarayıcı yazarlarına ilettiler ve W3C ‘nin yayınladığı kodlara uygun çıktılar sağlayan tarayıcılar yazılmaya başlandı. 

Birçoğumuz sağı solu kayık sayfalara gün içerisinde rastlıyoruzdur. Bunun temel sebebinin “tasarımcının beceriksizliği” değil,sitenin W3C Standartlarına uymuyor olmasıdır. Bu noktada W3C komitesi; sitelerin W3C uyumunu denetlemek için W3C Validator aracını icat etmişler. Bu araç sayesinde tasarımı yapılmış bir sitenin W3C hatalarını görebilirsiniz. Ayrıca -her ne kadar İngilizce de olsa- net bir şekilde,hataların nasıl düzeltilmesi gerekildiği gösteriliyor.

Bu kadar konuştuk ettik,peki bunun SEO ile alakası ne ? SEO’nun temelinde “Google gibi düşünmek” felsefesinin yattığını hepimiz kabul edebiliriz. Bu noktada Google,ekmek teknesi olan internetin geleceğini düşünmek zorundadır. Bu sebepten ötürü W3C kurallarına uygun olarak tasarlanmış,yani kodları ile Web’i kirletmeyen siteleri arama sonuçlarında ödüllendirir. Ayrıca Trustrank algoritmasına olan net katkısı yurtdışındaki pek çok makalede açıkça dile getirilmiştir.

Siz de bu sebepten ötürü sitelerinizi XHTML Validator ve CSS Validator araçlarından geçirerek uyumlu hale getirmeli,hem Web için hem ziyaretçilerniz için hem de Google için olumlu bir şey yapmalısınız.