Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
SEO
Burak Öztırpan
1
SEO Nedir?
İngilizce açılımı Search Engine Optimization olan dilimize çevrilmiş
hali de Arama Motoru Optimizasyonu olan S....
Algoritmalar
Tipik bir sorgu için, yararlı bilgiye sahip milyonlarca olmasa bile
binlerce web sayfası bulunur. Algoritmala...
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 üz...
Sandbox : Bazı web site sahiplerinin, hit veya pagerank değeri almak için
yaptıkları bir takım hile sonucu arama motoru ce...
Google Dalgalanması : Google’ın, arama sonuçlarındaki sırayı
yenilediği zamandır. Tüm web siteleri, herhangi bir web arama...
Robot.txt Örneği
User-agent: Googlebot
Disallow: /wp-content/
Disallow: /trackback/
User-agent: Googlebot-Image
Disallow: ...
nofollow & dofollow
nofollow : Belirtilen yönerge bot tarafından izlenmez
dofollow : Adresin güvenirliği referans olunur
f...
Ring
Meta Key
Meta etiketler, web yöneticilerinin arama motorlarına siteleri hakkında
bilgi vermesi için harika bir yöntemdir. ...
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...
URL'lerinizde noktalama işareti kullanmayı düşünün.
http://www.example.com/yesil-elbise.html URL'si
http://www.example.com...
Doğru URL Kullanımı
Google URL'lerimizin hem kendi botları tarafından hem de kullanıcılar
tarafından okunabilir,basit ve m...
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:/...
Site Haritası
Google sayfalarımızın her biri için tercih ettiğimiz bağlantıları
kendisine bildirmemizi ister bunu site har...
rel="next" ve rel="prev" ifadeleri
İçeriği sayfalara ayırmak çok yapılan bir işlemdir ve Google, içeriğin
birden fazla say...
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 ...
Ü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ı...
Kalite Yönergeleri
Otomatik olarak oluşturulmuş içerik
Gizli yönlendirmeler
Bağlantı düzenleri
Gizli metinler ve bağlantıl...
Video
İçeriğinizi schema.org için işaretleyin
Google'a bir Video Site Haritası gönderin.
Sitenizden video kaldırdığınızda ...
schema.org
Mikro veriler
HTML5 mikro veri spesifikasyonu; yorumlar, kişi bilgileri veya
etkinlikler gibi belirli bir bilgi türünü açı...
schema.org Nedir?
Schema.org; ana arama motorları tarafından desteklenen,
yapılandırılmış bir veri işaretleme şeması oluşt...
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, p...
Google Authorship
Google Authorship ile Google, oluşturduğunuz içeriği Google+
profilinize bağlamaya yarar ve böylece aram...
+1
Google+’ın arama sonuçlarına etkisi olduğu bir süredir bilinen bir
durum. Google+ sayfasında paylaşılan linkler kullanı...
HMTL5
HTML 5
<article> : Makale eklemek için kullanılır.
<section> : İçeriklerimizi bölümlendirmek içindir.
<header> : İçerikler...
<audio> : Sayfaya ses oynatıcı bir modül ekler.
<video> : Video oynatıcı bir modül ekler.
<progress> : İşlem süreci göster...
<summary> : Yazının başlığını belirler.
<time> : Tarih, saat verilerini kapsar.
<mark> : Yazı içerisinde özellikle üstünde...
pushState()
HTML5 ile gelen pushState özelliği sayfayı yenilemeden url'i
değiştirmemizi sağlar.
window.history.pushState({...
Peformans
Görseller
Resimlerin Sıkıştırılması
Resim Optimizasyon
Css Sprite Tekniği
Orjinal Resim Kullanımı
Resim Uzantısı(BMP - TIF...
Tarayıcı Önbelleği
Statik kaynakların tarayıcı önbelleğine alınması, kullanıcıya sitenizi
birden fazla defa ziyaret ettiği...
HTML,js,css küçültme
Kaynakları küçültmek, gereksiz baytları (ekstra alanlar, satır sonları ve
girinti gibi) ortadan kaldı...
Kullanılmayan Cssler ve
dosyaları birleştirme
Kullanılmayan cssleri kaldırmak ve css ve js kodlarımızı tek bir
dosyada sık...
Araçlar
Google Insights
Google Yapısal Test aracı
Google Trends
Web Master Tools
Google Analytics
Alexa
Wordpress
SEO - Arama Motoru Optimizasyonu
SEO - Arama Motoru Optimizasyonu
SEO - Arama Motoru Optimizasyonu
SEO - Arama Motoru Optimizasyonu
SEO - Arama Motoru Optimizasyonu
Próxima SlideShare
Cargando en…5
×

SEO - Arama Motoru Optimizasyonu

649 visualizaciones

Publicado el

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

Publicado en: Internet
  • Sé el primero en comentar

SEO - Arama Motoru Optimizasyonu

  1. 1. SEO Burak Öztırpan 1
  2. 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. 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. 4. SEO Kalitesi Dürüstlük Hizmet ve Erişebilirlik Performans Referanslar Geçmiş Yenilikcilik Kullanıcı Kitlesi ve Sosyal Ağlar
  5. 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. 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. 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. 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. 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. 10. Ring
  11. 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.
  12. 12. 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.
  13. 13. 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.
  14. 14. 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.
  15. 15. 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" />
  16. 16. 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.
  17. 17. 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.
  18. 18. 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
  19. 19. Ü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">
  20. 20. 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
  21. 21. 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
  22. 22. schema.org
  23. 23. 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.
  24. 24. 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.
  25. 25. Sosyal Ağlar
  26. 26. 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.
  27. 27. 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.
  28. 28. +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.
  29. 29. HMTL5
  30. 30. 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.
  31. 31. <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.
  32. 32. <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.
  33. 33. pushState() HTML5 ile gelen pushState özelliği sayfayı yenilemeden url'i değiştirmemizi sağlar. window.history.pushState({path:pageurl},'',pageurl);
  34. 34. Peformans
  35. 35. Görseller Resimlerin Sıkıştırılması Resim Optimizasyon Css Sprite Tekniği Orjinal Resim Kullanımı Resim Uzantısı(BMP - TIFF)
  36. 36. 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.
  37. 37. 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.
  38. 38. 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.
  39. 39. Araçlar Google Insights Google Yapısal Test aracı Google Trends Web Master Tools Google Analytics Alexa Wordpress

×