Bu sitede ; SEO 'nun içeriğine ve yöntemlerine dair pek çok bilgiyi bulabilirsiniz.
Tasarım için SEO İpuçları 
Bildiğiniz gibi google botları sitenizi incelerken sizin gördüğünüz önizleme şeklinde değil de sağ tıklayıp gördüğünüz “kaynak kodları” şeklinde incelemekte ve ona göre değerlendirmektedir. Bu yüzden sef url, özgün içerik gibi şeylerin dışında özgün tasarım da oldukça önemlidir. Bildiğiniz meta etiketlerinin dışında kullandığınız temadan tutunda div sınıfların isimlerine kadar özgün olmak gerekmektedir. Aslında bunları hepimiz w3 den geçebilmek için yapmaya çalışıyoruz fakat yaptığımız şeyin tam olarak farkında değiliz. W3′te karşımızda çıkan hataların bir çoğunuda bu yöntemle geçebiliriz.
HX Başlıkları
h1, h2, h3 diye giden hx başlıkları google botlarının sitenize girdiği zaman arama sonuçlarında hangi kelimelerde üste çıkması için yardımcı kodlardır. Meta etiketlerine bir şekilde yardım eder. Diğer kodlar yani h2, h3 gibi kodlar ise konunuzun içindeki önemli alt başlıkları gösteririr.
Ayrıca <hx title”seoteknikleri”>Seo Teknikleri</hx> şeklinde “title” etiketi de vurgulu bir şekilde botlara tanıtacaktır.
CSS Uyumu ve Div Sınıfları
Bir çoğumuz belkide hazır tema kullanıyoruz ve bu temalarla yüksek sıralar amaçlıyoruz. Fakat ne kadar özgün olursak olalım tema yapısı olarak özgün değiliz. Çünkü kullandığımız temalar bir çok sitede kullanılmakta ve google tarafından bilinmekte.
Peki özgün tema nasıl olur?
Bu yazıyı yazmaktaki asıl amacım bunu anlatmaktı aslında. Özgün tema daha önce yazılmamış veya az kullanılmış div sınıflarından oluşan temalardır.
Örnek vermek gerekirse;
İndirdiğimiz tüm yabancı temaların en üst kısmındaki div sınıfı şu şekildedir: <div class"header">
Burda w3 le benzer bir yöntem söz konusu. W3′te id kullanarak özgün yaptığımız temaları bu aşamada tamamen özgünleştirmeye çalışacağız. Header yani üst kısım anlamına gelen ingilizce kelimeyi kullanmak yerine oraya “ustkisim” olarak etiket tanımlamımız bizi bir çeşit benzersiz kılacaktır. Bilinen yeni veya az kullanılan scriptlerle daha çok hit çekeriz mantığının asıl nedeni budur. Kodlama değilde tasarım sınıfının farklılığıdır. Diğer bir değişle tasarım özgünlüğü seo için gözden kaçırılmaması gereken bir yöntemdir.
Önemli birkaç ipucu:
- XHTML, CSS yazarken “div id” kodu yerine “div class” kodunu kullanın. Çünkü “div class” koduna id atayarak div sınıfınızı özgünleştirebilirsiniz. W3 hatalarından bu yöntemle kolaylıkla geçebilirsiniz.
- Div sınıfı isimlerinizi kendiniz bulabilirsiniz. Özellikle sitenizin amacıyla ilgili anahtar kelimeler kullanmanız faydanıza olacaktır.
- Tasarımınıza eklediğiniz div class, hx class gibi terimlere “alt” etiketi eklemenizde size fayda sağlayacaktır.
- Ve mümkün olduğunca css kodlarınızı ayrı bir sayfada toplamaya çalışın.
Yazıyı yazan konuk yazar: Beyazıt Kölemen
Yönetim Duyurusu: Sizde yazmış olduğunuz makaleleri bize gönderebilirsiniz. Makaleleriniz sitemizde, kaynak belirtilerek yayınlanacaktır.
Çeviri / Translation
Benzer Yazılar
“Tasarım için SEO İpuçları” için 14 yorum bulunuyor.
Yorum Yapın
- Facebook Yeni Link Yapısı (52322)
- SEO Nedir ? (26000)
- Webmaster Forumları (21349)
- Php ile SEO'lu Sistemler ve Php SEO Betiği (Script) (20128)
- Wordpress İçin En İyi 20 SEO Eklentisi (19820)
- İçeriğinizi Hızlı Bir Şekilde Google'a Tanıtın (16942)
- Oyun Dünyası ve SEO (1) - Kraloyun.com (16548)
- Edu ve Gov Backlink Edinme (16118)
- Resimler için XML Site Haritası Oluşturma (14183)
- Yeni Başlayanlar İçin SEO Nedir, Nasıl Yapılır? (14029)
- Algoritma ve Sistemler
- Anahtar Kelime Edinmek
- Erişilebilirlik ve W3C
- Haberler
- Hazır Sistemler İçin SEO
- İçerik Hazırlama Teknikleri
- İnternette Reklam
- Link Building Stratejileri
- Link Edinme Stratejileri
- SEO Araçları
- SEO Danışmanlığı Hakkında
- SEO için Tasarım İpuçları
- SEO İncelemeleri
- SEO Yarışmaları
- SEO'ya Dair
- Videolu SEO Dersleri
- Webmaster Araçları
- admin (1)
- Emrah Ömüriş (4)
- Erhan Yakut (4)
- Erkan Yeşersin (5)
- İbrahim Çakıcı (18)
- İlyas TEKER (8)
- M. Yalçın PARMAKSIZ (12)
- Öner CANER (3)
- Serbay Arda Ayzit (6)
- Serhat EKİM (0)
- Yiğit Konur (48)
çok faydalı bir makale, ben ingilizce+türkçe wordpress temalar ürettiğim için çok fazla standardın dışına çıkmıyordum. hatta türkçe olarak sadece css dosyamın açıklamalarına ekleme yapıyordum. bundan sonra önerileriniz doğrultusunda daha farklı bir uygulamaya yöneleceğim. teşekkürler..
Bu güzel anlatım ile faydalı seo ipuçları için teşekkür ederim. katkılarının devamını bekliyoruz.
Gerçekten de faydalı bilgiler içeriyor. Tasarım yapacak arkadaşlara buradan duyurulur. Teşekkürler Beyazıt. Katkılarının devamını dilerim.
Öncelikle ben teşekkür ederim Seo teknikleri ekibine..Ve İbrahim Bey’e
Ayrıca güzel yorumlarınız içinde saolun..
Teşekkürler …
Güzel bir makale olmuş
Div ile site tasarımı yapmaya başlamak gerekiyor. Hatta çok geç bile kaldık denebilir. Bu konuda internette ne yazık ki çok kapsamlı bilgiler yok. Ama yinede çok araştırmak lazım.
merhabalar,
sitenizdeki birbirinden faydali makaleler icin hepinize ayri ayri tesekkur ederim. Cok istifade ediyorum.
Bende div tabanli site hazirlama konusunda biraz zorluk yasiyorum. en buyuk problem browserlerden kaynaklaniyor. ie,firefox,chrome,safari,opera da test ediyorum. ie nin yasattiklarini diger browserlerde yasamiyorum.
Bu konuda aydinlatici bir makale yazabilirseniz gercekten cok sevinirim.
bir de gecenlerde selectmenu / dropdown menu yaparken bu linklerin seo acisindan olumsuz olacagini dusunerek ul menuye cevirdim. bu konuda bilginiz varmi acaba?
Tesekkur ederim,
Basarinizin devami dilegiyle.
Yazı için çok teşekkürler tema tasarlıyorum ve yazılanlar beni olumlu yönde çok etkiledi artık tasarımı yaparken yanlızca görselliğe değil dediğiniz püf noktalarada dikkat edeceğim.Yazıyı yazıp bizler ile paylaşan arkadaşlara çok teşekkürler.
Ellerinize Sağlık…
selam buradaki bilgiler gerçekten çok faydalı faydasınıda gördüm zaten sitemide bu kriterlere uygun hale getirdim.
http://www.sokaklar.net/index.php
“div class” koduna id eklemek ne demektir ? Açıklayabilir misiniz ? bir element zaten id=”" ve class=”" olarak iki özellik almaktadır.
Ayrıca w3c validation’da oluşan hataları nasıl giderebiliyor yazmaya çalıştığınız ama ne demek istediğinizin belli olmadığı şey ?
Burası daha komik olmuş , alt etiketi sadece imaj taglerinde kullanılmalıdır. gibi bir kullanım söz konusu olamaz.
Kendinizi yazı yazmak için yeterli görüyor olabilirsiniz ama bari biraz araştırın.
Bende merak ettim “class” koduna nasıl “id” atıyoruz ?
Merhaba Uğur Bey..Yorumunuzu şimdi gördüm..
Öncelikle w3 konusunda araştırma yaptıysanız istediği “benzersiz” tablolardır..Ki bunu en basit default wordpress temasında da görebilirsiniz..Post id leri veya post name kullanarak o tabloyu diğer tablolardan farklı kılmaktır..
Class kullanarak css şablonunu id kullanarak da benzersiz yapıyoruz..Haklısınız orada detaya inmedim ama demek istediğim class ve id ikiside css i tanımlar fakat class kullanarak css i çağırıp id ile benzersiz yapmak gerekiyor..Zaten id kimlik demek olduğuna göre o şablona özel bir kimlik vermek gerekicektir..Bunu da post id,post number gibi özelliklerle vermemiz gerekir.
Nasıl gideriyor derseniz duplicate content hatasını bu yöntemle atlıyabiliyorsunuz..
Örneğin Sss adında bir konu classı 10 farklı yerde geçerse bu divi duplicate yani tekrarlanan olarak görür..Ki bunu id kullanarak benzersiz yapıp w3 den geçirilir..Keşke sizde araştırsaydınız :)
Alt değişkeni google tarafından okunan bir değişkendir..Nasıl imagelarda fayda sağlıyorsa hx veya div kodlarında da fayda sağlayacaktır :)
http://www.w3schools.com/tags/ref_standardattributes.asp (id ve class farkı için)
Ayrıca alt koduyla ilgili alt ve title kodları içerikteki nesneyi tanımlıyor..O yüzden image yani html ile tanıtılmayacak bir nesne için kullanılır..Alt ve title kodları sayesinde o tabloyu tanıtmış oluruz..
http://www.netmechanic.com/news/vol6/html_no1.htm
Burada bir kaç örnek vermiş..
Bu arada yorum yapan arkadaşlara teşekkür ederim..
Saygılarımla.
Çok güzel bir yazı olmuş teşekkürler,genel bir kanı olarak hep içerik özgünlüğü önemseniyor ancak bilinmiyorki tasarım özgünlüğü de büyük önem taşıyor.
@Beyazıt
Yalnız verdiğin sayfada ALT etiketinin yalnızca görseller için kullanılması gerektiğini söylüyor. Bilgi vermeden önce biraz dikkat, insanlar size güveniyor ve yazdıklarınızı dikkate alıyor.