Yazar: Fatih Turan | Yayın Tarihi: 18 Eylül 2008 | Yorumlar: 57 Yorum
Kategori: Bloglama & WordPress

Merhaba arkadaşlar. Ben XHTMLMUTFAĞI’ndan Fatih Turan. Blogumu yeniden açarken Volkan’la beraber bir atraksiyon yapalım diye kararlaştırdık ve bloglarımıza çapraz şekilde yazı yazmaya karar verdik. Bunu daha önce hiç yapmamıştım ve blog kürede de daha önce de hiç rastlamamıştım (bu atraksiyonun adına “Cross Posting” mi desek? ).

Şimdi Volkan benim bloguma, ben de Web Deneyimleri‘ne konuk yazar olarak yazılarımızı yazıyoruz. Böylece her iki blogun ziyaretçilerine küçük de olsa bir sürpriz yaşatacağımızı umuyoruz.

Gelelim konumuza. Web sektöründe çalışan arkadaşlardan SEO konusunu duymayan kalmamıştır. Bu yazıda da WordPress temamızı yaparken veya herhangi bir temayı kullanırken blogumuzu arama motorları için nasıl daha fazla etkili kılabiliriz ve SEO için ne gibi yöntemler izleyebiliriz bunları inceleyip anlatacağım.

Başlık (Title) Düzenlemesi

Arama motorları açısından sayfa başlıklarının (title etiketi) çok etkili olduğunu biliyorum. Hatta sayfa başlıklarının Meta etiketindeki anahtar kelimelerden (keywords) bile etkili olduğunu düşünüyorum. Oysa eskiden sadece Meta etiketindeki anahtar kelimelere önem verip bir sürü kelimelerle doldurup durur, title etiketine gerekli ilgiyi göstermez, her sayfaya aynı başlığı verir veya hiç başlık vermez veyahut da başlıklarımızı saçma sapan ASCII karakterlerle süsleyip dururduk (merak ediyorum da halen daha var mı bunu yapan? ).

Artık bunun böyle olmaması gerektiğinin farkındayız ve başlıklarımızı sayfamız ile ilişkili ve anlamlı bir şekilde ayarlamamız gerekir. Bunu hem SEO açısından hem de kullanılabilirlik açısından yapmamız gerek.

Şimdi temanızdaki header.php dosyasını açıp aşağıdaki kodları meta etiketi ile head arasında bir yere yerleştirelim. Ardından da kod açıklamasını okuyabilirsiniz.

1
2
3
4
5
6
7
8
9
10
11
12
13

<?php if (is_home()) { ?>
<title><?php bloginfo('name'); ?></title>	
<?php  } if (is_single() || is_page()) { ?>
<title><?php wp_title("|", true, "right"); bloginfo('name'); ?></title>
<?php } if (is_search()) { ?>
<title>"<?php the_search_query(); ?>" Terimi Hakkında Arama Sonuçları | <?php bloginfo('name'); ?></title>
<?php } if (is_404()) { ?>
<title>Aradığınız Sayfa Bulunamadı | <?php bloginfo('name'); ?></title>
<?php } if (is_category()) { ?>
<title><?php wp_title("Kategorisi Altındaki Yazılar |", true, "right"); bloginfo('name'); ?></title>
<?php } if (is_tag()) { ?>
<title><?php wp_title("Etiketi Altındaki Yazılar |", true, "right"); bloginfo('name'); ?></title>
<?php } ?>

• 1. ve 2. satırda eğer anasayfadaysak sadece blogumuzun adını göstermesini söyledik (ÖRNEK: Web Deneyimleri).
• 3. ve 4. satırda eğer bir yazıda (single.php şablonu tarafından gösterilen) veya bir sayfadaysak (page.php şablonu tarafından gösterilen) ilk önce yazı veya sayfa adı sonra da blog adı gösterilmesini söyledik (ÖRNEK: WordPress Temanız İçin SEO Düzenlemeleri | Web Deneyimleri). Bu adım biraz kilit bir nokta oluşturuyor. Zira varsayılan olarak WordPress temalarında burada yapmak istediğimizin tam tersi istikametinde başlıklar gösteriliyor. Halbuki öncelikli olarak yazı/sayfa başlığını göstermemiz hem Google açısından hem de Google’ı kullanan kullanıcılar açısından daha mantıklı olacaktır. Çünkü Google sonuçların sıralanmasında başlıkların ilk kelimelerine daha önem veriyor. Tabii ki kullanıcıların sonuçlar arasında gezerken (daha doğrusu gözleriyle tararken) de aynı şekilde sonuçların ilk birkaç kelimesi daha önemli oluyor.
• 5. ve 6. satırda eğer arama sonuçları sayfasındaysak ilk önce aranan terim daha sonra da blog adını göstermesini söyledik (ÖRNEK: “wordpress” Terimi Hakkında Arama Sonuçları | Web Deneyimleri).
• 7. ve 8. satırda eğer girilen URL yanlışsa yani ziyaretçi 404 sayfasına yönlendirildiyse (404.php şablonu ile gösterilen) uyarı ile beraber blog adını göstermesini söyledik (ÖRNEK: Aradığınız Sayfa Bulunamadı | Web Deneyimleri).
• 9. ve 10. satırda eğer kategori arşivindeysek (category.php ile gösterilen) kategori adı ile beraber blog adını göstermesini söyledik (ÖRNEK: WordPress Kategorisi Altındaki Yazılar | Web Deneyimleri).
• 11. ve 12. satırda eğer etiket arşivindeysek (tag.php ile gösterilen) etiket adı ile beraber blog adını göstermesini söyledik (ÖRNEK: WordPress Etiketi Altındaki Yazılar | Web Deneyimleri).

Evet arkadaşlar. Başlığımızı WordPress’in koşullu etiketleri (Conditional Tags) yardımıyla daha iyi bir şekilde optimize ettik. Ayrıca bu kodlarla falan uğraşmak istemiyorsanız size önerebileceğim bir eklenti var: SEO Title Tag. Bu eklenti sayesinde üstte yaptığımız işlemleri daha kolayca yapabilirsiniz. Yine de WordPress için tema geliştiren arkadaşlar açısından kod ile göstermek daha iyi olur diye düşündüm ve açıkladım.

Meta Etiketi

Yukarıda title etiketinden bahsederken SEO açısından title etiketinin meta etiketinden daha önemli olduğunu söylemiştim. Yine de bu durum meta etiketini daha etkin kullanmamamız için geçerli bir sebep değil. Peki bu konuda ne yapabiliriz gelin öğrenelim.

Normalde temamızda meta etiketini statik olarak kullanırız. Yani header.php dosyasını açar, blogumuz için gerekli anahtar kelimeleri ve açıklamayı girer ve öyle kullanırdık. Peki bu alanları dinamik olarak kullansak yani yazıya özgü açıklama ve anahtar kelimeleri girsek arama motoru optimizasyonu açısından daha iyi olmaz mı? Bence harika olur. Çünkü Google’da böyle söylüyor.

Temanızın header.php dosyasını açıp meta kodlarını aşağıdaki kodlarla değiştirin.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<?php if ( is_home()) { ?>
<meta name="description" content="<?php bloginfo('description'); ?>" />
<meta name="keywords"  content="anahtar, kelimeler, buraya, girilecek" />
<?php } else { ?>
<meta name="description" content="<?php the_title(); ?>" />
<meta name="keywords" content="<?php the_title(); ?>" />
<?php } ?>
<?php if (is_page("arsiv")) { ?>
<meta name="robots" content="noindex,follow">
<?php } else { ?>
<meta name="robots" content="index,follow" />
<?php } ?>
<meta name="author" content="Sizin Adınız" />
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="content-language" content="tr-TR" />

• 2. 3. ve 4. satırda eğer anasayfadaysak blog açıklamasını ve blogumuz ile ilgili çeşitli anahtar kelimeleri yazdırmasını söyledik.
• 5. 6. 7. ve 8. satırda ise eğer anasayfa dışında herhangi bir yerdeysek blog açıklaması ve anahtar kelimeler yerine ilgili sayfanın başlığını yazdırmasını söyledik.
• 9. 10. 11. 12. ve 13. satırda eğer arşiv sayfasındaysak (kısa adı “arsiv” olan) arama motorlarının bu sayfayı izlememesini, eğer arşiv sayfasından farklı bir yerdeysek arama motorlarının ilgili sayfayı izlemesini söyledik. Bunu böyle yapmamızın nedeni ise Google’ın çifte içeriğe (Duplicate Content)’a karşı olan duyarlılığı. Kısacası anasayfamızda bütün yazılar zaten listeleniyor. Bir de arşiv sayfasında aynı yazıları listeleyince Google bunu çifte içerik olarak algılayabilir ve bu da SEO açısından pek iyi bir hamle olmaz değil mi?

Kalıcı Bağlantılar (Permalinks)

WordPress varsayılan olarak kalıcı bağlantılarını “?” karakteri ve rakamlardan oluşan bir yapı ile gösterir (ÖRNEK: http://www.webdeneyimleri.com/?p=123). Yine bu durum da SEO ve kullanılabilirlik açısından pek uygun olmaz. Çünkü Google’daki amcalarımız dinamik sayfaların tüm arama motorları tarafından statik sayfalar gibi iyi yakalamaz diyor #. Biz de kalıcı bağlantılarımızı daha düzenli ve anlamlı yaparak bu işin üstesinden gelebiliriz!

Hemen WordPress’in yönetici paneline girip Ayarlar>Kalıcı Bağlantılar bölümüne girip kalıcı bağlantıları en doğru biçimde ayarlayalım. Ben kendi blogumdaki kalıcı bağlantıları aşağıdaki ekran görüntüsündeki gibi ayarladım. Yani örnek vermek gerekirse http://www.fatihturan.com/kategori/yazi-adi şeklinde ayarladım.

Burada önemli olan sade, anlaşılabilir ve çok uzun olmayan özel yapıda bir kalıcı bağlantı kullanmaktır. Yukarıdaki ekran görüntüsündeki Varsayılan, Gün ve İsim, Ay ve İsim ve Sayısal tipindeki kalıcı bağlantı yapılarını kullanmayın. Bunun yerine (eğer kategori sistemini kullanıyorsanız) üstteki örnekte verdiğim /%category%/%postname%/ veya sadece /%postname%/ kullanın. Ayrıca WordPress’in kalıcı bağlantılar özelliği hakkında daha fazla bilgi için buradaki belgeyi okuyabilirsiniz.

Anlamlı Etiketler Kullanın

Blogunuzda yazılarınızı yazarken HTML kodlarının temiz ve doğru olduğuna dikkat edin. Eğer WordPress’in görsel editörünü kullanıyorsanız yazınızı yazdıktan sonra bir de WordPress’in klasik HTML editörü ile bakın. Gereksiz kodlar üretilmişse bunları temizleyin (bilhassa WordPress’in eski sürümlerinde bu tip sorunlarla karşılaşabiliyorduk). Bu sayede temiz ve anlamlı HTML kodlarını yazmış oluyor, Google’ın arama botlarının yazımızı daha iyi indekslemesine yardımcı oluyoruz.

Bir de yazımıza eklediğimiz eklediğimiz görsellere (fotoğraf vs.) açıklama eklemeyi unutmayın (evet! alt etiketi ). Unutmamak gerekir ki Google kördür ve blogunuzdaki görsel öğeleri göremez ama o görsel öğeye alt etiketi ile iliştirdiğiniz açıklamayı okuyup indeksleyebilir. Bunu böyle düşünmemiz gerekir.

Bu arada “Anlamlı Etiketler Kullanmak Nedir?” diye kafanızda soru oluşmuş olabilir. Bunu burada yani Web Deneyimleri’ndeki videolarında daha önce Volkan bahsettiğini hatırlıyorum. Hatta geçenlerde okuduğum ve çok da beğendiğim Roger Johansson tarafından yazılan, Orhan Veli Firik tarafından Türkçe’ye çevrilen Web Standartlarını Kullanarak Geliştirmek adlı makaleyi okumanızı öneriyorum. Web standartları hakkında ve dolayısıyla “Anlamlı Etiketler” hakkında temel bilgiyi o yazıdan da edinebilirsiniz.

Hepbirlikte Tartışalım

Aslında WordPress kullanıcıları için SEO‘a yönelik daha çok ipucu yazılabilir. Belki daha sonra bu yazıyı bir seri haline dönüştürerek yeni şeyler anlatabiliriz burada. Yine de bu yazıyı yazmamızın bazı temel şeyleri göstermek açısından iyi olduğunu düşünüyorum.

Şimdi arkadaşlar yazımda eksik veya yanlış gördüğünüz bir kısım olursa bunu yorumlarda belirtmeniz yeterli. Ayrıca yorumlarda bu konuyu tartışıp genişletmemiz de mümkün. Bu yüzden yorumlarınızı bekliyoruz.

Başka bir paylaşımımı inceleyebilirsiniz

« Kitap Tanıtımı: Kullanışlı Web Siteleri Yaratma!

Bilmemek Değil Öğrenmemek Ayıp »