SEOBurak Öztırpan

1

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

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.

SEO Kalitesi

Dürüstlük

Hizmet ve Erişebilirlik

Performans

Referanslar

Geçmiş

Yenilikcilik

Kullanıcı Kitlesi ve Sosyal Ağlar

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

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.

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.

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

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.

Ring

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.

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.

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.

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.

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

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.

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.

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

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

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

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

schema.org

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.

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.

Sosyal Ağlar

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.

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.

+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.

HMTL5

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.

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

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

pushState()

HTML5 ile gelen pushState özelliği sayfayı yenilemeden url'i

değiştirmemizi sağlar.

window.history.pushState({path:pageurl},'',pageurl);

Peformans

Görseller

Resimlerin Sıkıştırılması

Resim Optimizasyon

Css Sprite Tekniği

Orjinal Resim Kullanımı

Resim Uzantısı(BMP - TIFF)

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.

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.

Kullanılmayan Cssler ve

dosyaları birleştirmeKullanı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.

Araçlar

Google Insights

Google Yapısal Test aracı

Google Trends

Web Master Tools

Google Analytics

Alexa

Wordpress