SEO - Search engine optimization / Arama motoru optimizasyonu. Türkçe

1. SEO
Burak Öztırpan
1

2. SEO Nedir?
İngilizce açılımı Search Engine Optimization olan dilimize çevrilmiş
hali de Arama Motoru Optimizasyonu olan S.E.O internet sitenizi
Google gibi arama motorlarını kullanarak arama yapan kullanıcılara
üst sıralarda göstermek ve sitemize ziyaretçi çekmek için yapılan
çalışmaların tamamına verilen isimdir.
İstatistiklere göre Google üzerinde arama yapan kullanıcıların %90’ı
yaptıkları arama sonrasında ilk sayfada karşılarına çıkan internet
sitelerini ziyaret etmektedir. Sadece geriye kalan %10’luk kesim diğer
arama sonuçlarını incelemektedir.
2

3. Algoritmalar
Tipik bir sorgu için, yararlı bilgiye sahip milyonlarca olmasa bile
binlerce web sayfası bulunur. Algoritmalar, sorularınızı alıp yanıtlara
dönüştüren bilgisayar işlemleri ve formülleridir.
Günümüzde, Google'ın algoritmaları gerçekte neyi arıyor
olabileceğinizi tahmin etmeyi mümkün kılan 200'den fazla benzersiz
sinyale veya "ipucuna" dayanmaktadır. Bu sinyaller, web sitelerindeki
terimler, içeriğin güncelliği, bölgeniz ve PageRank gibi öğeleri içerir.

4. SEO Kalitesi
Dürüstlük
Hizmet ve Erişebilirlik
Performans
Referanslar
Geçmiş
Yenilikcilik
Kullanıcı Kitlesi ve Sosyal Ağlar

5. Seo Terimleri
Pagerank : İnternetin en büyük sitelerinden bir tanesi olan Google arama
motorunun, tüm web sitelerine 10 üzerinden verdiği puandır. Türkçe’de Sayfa
Puanı olarak geçmektedir.
PR : İnternette bir çok sitede PR diyerek geçen bu harfler, PageRank’ın kısa
yazılışıdır.
Pagerank Güncellemesi : Google’ın her üç ayda bir yaptığı güncellemedir.
Güncellemede, tüm sitelerin sayfa puanları, yeni puanlarıyla değiştirilir.
Backlink : Sizin web sitenizin başka bir sitede linkinin olmasına backlink
denir.
MetaTag : Web sitelerine eklenen, arama motoru botlarına site hakkında
bilgileri tanıtan kodlardır

6. Sandbox : Bazı web site sahiplerinin, hit veya pagerank değeri almak için
yaptıkları bir takım hile sonucu arama motoru cezalandırılmasıdır. Bu
cezalandırmada, Sandbox’a giren web sitesinin aramalarda yeri olmaz.
İndexleri silinir. Ziyaretçi alamaz.
İndex : Google tarafından kaydedilen her sayfaya index denir. Bir web
sitenin toplam index sayısına bakmak için arama motoruna
“site:www.ciceksepeti.com” yazması yeterlidir.
GoogleBan : Sandbox gibi, bir web sitenin Google tarafından
yasaklanmasına, banlanmasına denir. Terim zaten yeterince olayı
açıklamaktadır.
DMOZ : Bir çeşit toplist, dizin sitesidir. Başvuru yapılarak editör olabilme
şansı vardır. Google tarafından çok önemsenen bir dizindir. Her web site
sahibinin girme hayalidir. Ancak DMOZ, web siteleri çok zor onaylar. Bu
yüzden içeriğinde oldukça kaliteli web siteleri yer alır. www.dmoz.org
adresinden ulaşılabilir.

7. Google Dalgalanması : Google’ın, arama sonuçlarındaki sırayı
yenilediği zamandır. Tüm web siteleri, herhangi bir web araması
sonuçlarında, ya üstlere çıkar, ya da altlara düşer. Tıpkı bir deniz
dalgalanması gibidir. Bu yüzden adı Google Dalgalanması’dır.
Çapraz Link : Sitelerin backlink kazanmak için yaptıkları link takasına
denir. Ancak bilindiği gibi takas değildir. A ve B kişilerinin 2 sitesi
varsa, A kişi 1. sitesine B sitesinin linkini ekler. Bunun karşılığında B
kişisi de, A kişisinin linkini 2. sitesine ekler.
Robots.txt : Çoğu web sitesinde bulunan bir dosyadır. Site ile aynı
dizine konulur. Bu dosya sayesinde, dilediğiniz klasörlerin arama
motorları tarafından indexlenmesini, görüntülenmesini
engelleyebilirsiniz.

8. Robot.txt Örneği
User-agent: Googlebot
Disallow: /wp-content/
Disallow: /trackback/
User-agent: Googlebot-Image
Disallow: /wp-includes/
User-agent: ia_archiver
Disallow: /
User-agent: duggmirror
Disallow: /

9. nofollow & dofollow
nofollow : Belirtilen yönerge bot tarafından izlenmez
dofollow : Adresin güvenirliği referans olunur
follow : Default olarak gelir, ve bot tarafından izlenir.

10. Ring

11. Meta Key
Meta etiketler, web yöneticilerinin arama motorlarına siteleri hakkında
bilgi vermesi için harika bir yöntemdir. Meta etiketler her tür istemciye
bilgi sağlamak için kullanılabilir ve her sistem sadece anladığı meta
etiketleri işler, diğerlerini yok sayar. Meta etiketler HTML sayfanızın
<head> bölümüne eklenir.

14. URL Yapıları
Bir sitenin URL yapısı mümkün olduğunda basit olabilir. İçeriğinizi
düzenlerken, URL’lerin mantıklı ve kullanıcılar için en okunaklı olacak
şekilde yapılandırılmasını sağlamaya çalışın (mümkünse uzun kimlik
numaraları yerine okunaklı kelimeleri tercih edin). Örneğin, havacılıkla
ilgili bilgi arıyorsanız,
http://tr.wikipedia.org/wiki/Havacilik gibi bir URL o bağlantıyı tıklayıp
tıklamamaya karar vermenize yardımcı olur.
http://www.example.com/index.php?id_sezione=360&sid=3a5ebc944f
41daa6f849f730f1 gibi bir URL kullanıcılar için çok daha az çekicidir.

15. URL'lerinizde noktalama işareti kullanmayı düşünün.
http://www.example.com/yesil-elbise.html URL'si
http://www.example.com/yesilelbise.html URL'sinden çok daha
yararlıdır. URL'lerinizde alt çizgi (_) yerine tire işaretleri (-)
kullanmanızı öneririz.
Fazlasıyla karışık URL’ler, özellikle birden çok parametre içerenler,
sitenizdeki özdeş veya benzer içeriğe götüren çok sayıda URL
oluşturarak tarayıcılar açısından sorun yaratabilir. Bunun sonucunda,
Googlebot gerekenin çok üstünde bant genişliği kullanabilir veya
sitenizdeki içeriğin tamamını dizine ekleyemeyebilir.

16. Doğru URL Kullanımı
Google URL'lerimizin hem kendi botları tarafından hem de kullanıcılar
tarafından okunabilir,basit ve mantıklı olmasını önerir.
İçerik yönetimi ve çevrimiçi alışveriş sistemleri dünyasında, aynı
içeriğe birden fazla URL ile erişildiği durumlar çok sıktır. İçeriği ortak
kullanıma sunulması sayesinde tümüyle farklı URL'lere ve alan
adlarına dağıtılması da kolaydır.

17. Kullanıcıların görmesini istediğiniz URL'leri belirleme. Kullanıcıların
yeşil elbiseler ürün sayfasına erişmek için
http://example.com/elbiseler/kokteyl?gclid=ABCD yerine
http://www.example.com/elbiseler/yesil/yesil-elbise.html adresini kullanmasını
tercih etmelisiniz.
rel="canonical" bağlantısı
İçeriğe çok çeşitli URL'ler erişebiliyor olsa da
http://blog.example.com/elbiseler/yesil-elbiseler-harika/ URL'sinin tercih ettiğiniz
URL olmasını istediğinizi varsayalım. Bu tercihinizi arama motorlarına
şu şekilde belirtebilirsiniz.
<link rel="canonical" href="http://blog.example.com/elbiseler/yesil-elbiseler-harika" />

18. Site Haritası
Google sayfalarımızın her biri için tercih ettiğimiz bağlantıları
kendisine bildirmemizi ister bunu site haritası ile yaparız.
Önemli gördüğümüz bağlantıları google bildirmek için önerilen
yöntemdir ancak bu URL'leri kullanacağını garanti etmez.
Örneğin, Google'a video ve resim içeriği hakkında bilgi verebilirsiniz:
Site haritası video girişi; videonun uzunluğunu, kategorisini ve yaş
uygunluğu derecelendirmesini belirtebilir.
Site haritası resim girişi; resmin konusunu, türünü ve lisansını
içerebilir.

19. rel="next" ve rel="prev" ifadeleri
İçeriği sayfalara ayırmak çok yapılan bir işlemdir ve Google, içeriğin
birden fazla sayfa halinde bölünüp bölünmemesini dikkate almadan,
kullanıcılara en alakalı sonuçları döndürme işini başarıyla yapmaktadır.
Tümünü Görüntüle sayfası belirtin. Arama yapanlar çoğu zaman tüm
makaleyi veya kategoriyi tek bir sayfada görüntülemeyi tercih ederler.
Bundan dolayı, arama yapan kişinin aradığı şeyin bu olduğunu
düşündüğümüzde arama sonuçlarında Google Tümünü Görüntüle
sayfasını göstermeye çalışır.
Bileşen URL'leri arasındaki ilişkiyi belirtmek için rel="next" ve rel="prev"
bağlantılarını kullanın. Bu işaretleme, bu sayfaları mantıksal bir dizi
olarak görmemizi istediğiniz konusunda Google'a güçlü bir ipucu sağlar,
böylece bunların bağlantı özelliklerini birleştirebilir ve genellikle arama
yapanları ilk sayfaya gönderir.

20. Görseller
Dosya adı, Google'a görselin konusu hakkında ipuçları sağlayabilir.
Dosya adınızı, görselin konusu için iyi bir açıklama sağlayacak şekilde
belirleyin. Örneğin, yeni-kara-kedim.jpg, IMG00023.JPG'ye göre daha
açıklayıcıdır.Google görseli bulduğu sayfada uygun metni
bulamadığında, dosya adını, arama sonuçlarında görselin metin
parçacığı olarak kullanır.
Web tarayıcısı, yeri değiştirilemeyen öğeleri etrafına yerleştirmek için
boyutları bilmesi koşuluyla görseller indirilmeden de sayfayı
görüntülemeye başlayabilir. Bu boyutların belirtilmesi sayfanın
yüklenme hızını artırabilir ve kullanıcı deneyimini iyileştirebilir

21. Üstün alt metni oluşturun
Bir görsel dosyasının içindekileri tanımlamak için alt özniteliği kullanılır. Bunun
tanımlanması, çeşitli nedenlerden dolayı önemlidir.
Bu, Google'a görselin konusu hakkında yararlı bilgiler sağlar. Bu bilgiyi, bir
kullanıcı sorgusu için döndürülecek en iyi görseli belirlemeye yardımcı olması
için kullanırız.
Çoğu kişi, örneğin; görme bozukluğu olan veya ekran okuyucular kullanan ya
da düşük bant genişliğinde bağlantıya sahip kullanıcılar web sayfalarındaki
görselleri göremeyebilir. Açıklayıcı alt metni, bu kullanıcılara önemli bilgiler
sağlar.
Pek iyi değil: <img src="köpekyavrusu.jpg" alt=""/>
Daha iyi: <img src="köpekyavrusu.jpg" alt="köpekyavrusu"/>
En İyi: <img src="köpekyavrusu.jpg" alt="Yakalamaca oynayan Dalmaçyalı yavrusu">

22. Kalite Yönergeleri
Otomatik olarak oluşturulmuş içerik
Gizli yönlendirmeler
Bağlantı düzenleri
Gizli metinler ve bağlantılar
Köprü sayfaları
Toplama içerik
Anahtar kelime doldurma
Kötü amaçlı davranışa sahip sayfalar
Kullanıcılar tarafından oluşturulan spamlar

23. Video
İçeriğinizi schema.org için işaretleyin
Google'a bir Video Site Haritası gönderin.
Sitenizden video kaldırdığınızda Google'a bildirin
Yüksek kaliteli küçük resim görselleri oluşturun
JavaScript, Flash ve karma etiketler
Video sayfalarınızda mükemmel bir kullanıcı deneyimi oluşturun

24. schema.org

25. Mikro veriler
HTML5 mikro veri spesifikasyonu; yorumlar, kişi bilgileri veya
etkinlikler gibi belirli bir bilgi türünü açıklamak üzere içeriğin
etiketlenme şeklidir. Her bilgi türü, kişi, etkinlik veya yorum gibi belirli
bir öğe türünü açıklar. Örneğin, bir etkinliğin yer, başlama saati, ad ve
kategori özellikleri vardır.

26. schema.org Nedir?
Schema.org; ana arama motorları tarafından desteklenen,
yapılandırılmış bir veri işaretleme şeması oluşturarak web’i geliştirmek
üzere Google, Microsoft ve Yahoo! tarafından yürütülen bir iş birliği
projesidir.
Sayfa üzerinde yapacağımız işaretlemeler; arama motorlarının web
sayfalarındaki bilgileri anlamasına ve daha zengin sonuçlar
sağlamasına yardımcı olur. Paylaşılan işaretleme sözlüğü, web
yöneticilerinin bir işaretleme şeması üzerinde karar vermelerine ve
çalışmalarından en üst düzeyde yarar sağlamalarına yardımcı olur.

28. Sosyal Ağlar

29. Sosyal Ağların Etkisi
Artık Sosyal Medya platformları sıralamanıza etki ediyor, çünkü atılan
twitler, yüklenen videolar, paylaşılan yorumlar, diğer bir deyişle sosyal
medyaya ait herşey bir link yaratıyor, Google böcekleri ise linkleri
seviyor. Link oluştuğunda çok daha rahat çalışıyor.

30. Google Authorship
Google Authorship ile Google, oluşturduğunuz içeriği Google+
profilinize bağlamaya yarar ve böylece arama sonuçlarında sizin
oluşturduğunuz içerik, sonuç olarak kullanıcıya yansıtıldığında
Google+ profil görseliniz ve profil bağlantınız sonuçlara yansır.

31. +1
Google+’ın arama sonuçlarına etkisi olduğu bir süredir bilinen bir
durum. Google+ sayfasında paylaşılan linkler kullanıcılar tarafından
+1’lendiği zaman arama sonuçlarında bu linklerin değeri daha da
artıyor.
Özellikle Google’daki aramalarınızı Google+ profiliniz açıkken
yapıyorsanız, kendi çevrelerinizde bulunan kişilerin +1’lediği linkler,
sizin arama sonuçlarınızda daha üst sıralarda görünüyor.

32. HMTL5

33. HTML 5
<article> : Makale eklemek için kullanılır.
<section> : İçeriklerimizi bölümlendirmek içindir.
<header> : İçeriklerimizi başlıklandırmak içindir.
<footer> : İçerikle ilgili adres iletişim gibi bilgileri içerir.
<nav> : Menüler içindir.
<canvas> : Sayfada bir tuval alanı oluşturur. Tuvale çizim javascript
ile yapılabilir.

34. <audio> : Sayfaya ses oynatıcı bir modül ekler.
<video> : Video oynatıcı bir modül ekler.
<progress> : İşlem süreci göstergesi ekler.
<caption> : Başlık olarak düşünülen metinleri düzenler.
<aside> : Ana içerikte ayrı yazılan kısımdır.
<embed> : Dışarıdan eklenen componentler için kullanılır. (Örn : .swf
uzantılı dosyalar)
<details> : Detay bilgisi içerir.

35. <summary> : Yazının başlığını belirler.
<time> : Tarih, saat verilerini kapsar.
<mark> : Yazı içerisinde özellikle üstünde durulan kelimeleri belirler.
<figcaption> :<figure> elementinin başlığını belirler.
<figure> : Çeşitli medya içeriği gruplarını belirler.
<hgroup> : Başlık grubunu belirtir. H1, H2 gibi başlık elementleri
burada tanımlanabilir.

37. pushState()
HTML5 ile gelen pushState özelliği sayfayı yenilemeden url'i
değiştirmemizi sağlar.
window.history.pushState({path:pageurl},'',pageurl);

38. Peformans

40. Görseller
Resimlerin Sıkıştırılması
Resim Optimizasyon
Css Sprite Tekniği
Orjinal Resim Kullanımı
Resim Uzantısı(BMP - TIFF)

41. Tarayıcı Önbelleği
Statik kaynakların tarayıcı önbelleğine alınması, kullanıcıya sitenizi
birden fazla defa ziyaret ettiği durumda zaman kazandırabilir.
Üstbilgileri önbelleğe alma, sadece resimler gibi küçük bir alt kümeye
değil, önbelleğe alınabilecek tüm statik kaynaklara uygulanmalıdır.
Önbelleğe alınabilecek kaynaklar arasında JS ve CSS dosyaları,
resim dosyaları ve diğer ikili nesne dosyaları (medya dosyaları,
PDF'ler vb.) bulunur.
Genelde HTML statik değildir ve varsayılan olarak önbelleğe
alınabileceği düşünülmemelidir.

42. HTML,js,css küçültme
Kaynakları küçültmek, gereksiz baytları (ekstra alanlar, satır sonları ve
girinti gibi) ortadan kaldırmak demektir. HTML, CSS ve JavaScript'i
sıkıştırmak indirme, ayrıştırma ve yürütme süresini kısaltabilir.
html için PageSpeed Insights Chrome Uzantısı,
css için YUI Sıkıştırıcı ve cssmin.js,
javascript için Closure Compiler, JSMin veya YUI Sıkıştırıcı
kullanabiliriz.

43. Kullanılmayan Cssler ve
dosyaları birleştirme
Kullanılmayan cssleri kaldırmak ve css ve js kodlarımızı tek bir
dosyada sıkıştırarak tutmak performansı pozitif etkileyen etkenlerdir.
Bunları Grunt,Gulp gibi task runnerlar ile ya da firebug ile yapabiliriz.

44. Araçlar
Google Insights
Google Yapısal Test aracı
Google Trends
Web Master Tools
Google Analytics
Alexa
Wordpress