Bu yazı da SEO için, web sayfamızda nasıl uygun bir arayüz oluşturmamız gerektiğini ve forumda ki çoğunluğun yanlış bildiği kalıplaşmış bilgileri düzeltmeye çalışacağım.
Önyüzde geliştirme yapan kişinin yapması gerekenler dışında, Rich Snippets, User Experience, Usability gibi konulara değineceğim. Çok fazla teknik detaya girmeden, Bilal'e anlatır gibi anlatmaya çalıştım.
Tasarım ve Seo
"SEO DESTEKLİ Wordpress Teması", "Seo destekli film script'i" gibi terimler forum geleneğinde oluşmuş, bir tür pazarlama veya kandırma yöntemidir.
Sayfamızın görsel öğelerinin, Seo ile uzaktan yakından bir alakası yoktur. Bu tür terimlere kanmayın. SEO'nun kullandığınız paket/hazır yazılım ile veya tasarım ile uzaktan yakından alakası yoktur. Wordpress'in veya X yazılımının SEO'da çok önemli ve değerli olduğu görüşü, asılsızdır.
Wordpress ile Seo destekli çok güzel bir web sayfası da yapabilirsiniz, çok kötü web sayfası da yapabilirsiniz.
Peki SEO için Uygun Arayüz Nasıl Oluşturulur ?
SEO için hepinizin bildiği gibi, önceliğimiz kullanıcıyı olabildiğince sitede tutabilmek ve kullanıcıyı site içerisinde kolayca gezdirebilmektir ve daha sonra geri dönüş sağlayabilmektir.
Kullanılabilirlik ve Kullanıcı Deneyimi Tasarımı gibi kavramlar bu yüzden önem kazanmaktadır.
Seo için asıl amaç Haber sitelerinin yaptığı gibi, Hadise'nin bacaklarını, Demet Akalın'ın göğüslerini paylaşarak ziyaret süresi yükseltmek olmamalı. Netice de ziyaretçilerin gezinme sürelerini yukarıda tutuyor bu olay ama etik değil.
Bu tamamen doğal bir şekilde yapılmalı.
Gezinme Süresi Nasıl Yükselir
Verisini aldığınız kullanıcıya ilgilenebileceği içerikleri göstererek bunu başarabilirsiniz. Örneğin bir kullanıcımız bizden ağırlıklı olarak makyaj malzemesi satın almış olduğunu varsayalım.
Bu kullanıcıya ilgilenebileceği bayan ürünlerini gösterterek satışlarımızı arttırabiliriz en basitinden. Benzer Yazılar, Bu Ürünü Satın Alanlar Şu Ürünleri de Satsın Aldı gibi içerikler gezinme süresini yükseltecektir.
Sayfanın hızlı yüklenmesi, hızlı gezinme deneyimi bu süreyi yükseltir.
Az reklam hatta 0 reklam bu süreyi yükseltir.
Fake içerik kullanmamak, anlamlı cümlelerden oluşan faydalı içerikler bu süreyi yükseltir.
Seo sadece bir kelimede hile ile yukarı çıkmaktan ibaret değildir.
Herşey sitenin içerisinde başlar. Kullanıcıya sunacağınız kalitesiz sayfa ile, linklere harcadığınız bütçeyi belki de gereksiz yere harcıyorsunuz.
Ne Yapabilirim?
İlk aşamada uygulamanızı kullanılabilir bir hale getirmelisiniz.
Sitenize 10 adet içerik girip, yüzlerce seo paketine veya danışmanına para ödemeniz hiçbir işe yaramayacaktır. Ziyaretçilerinize kaliteli bir servis sunmalısınız. İçerik yazıp reklam servislerinden para kazanıyorsanız veya e-ticaret yapıyorsanız, en iyi şekilde yapmalısınız.
Koyduğunuz her reklam, kullanıcının beynine bir daha bu siteye girme diye sinyal gönderir. Açtığınız her pop-up reklam'da kullanıcı kaybedersiniz.
Arama sonucundan gelen kullanıcı sitenizde aradığı içeriğe ulaşamadıysa, bir daha sayfanıza giriş yapmaz. Yanlış etiketler ve kelimeler kullanarak sitenizi çöp etmeyiniz.
En önemlisi içeriğinizin kaliteli olması. Siz bot ile istediğiniz kadar içerik doldurun. O içerik kullanıcının işine yaramıyorsa, başarıya ulaşamazsınız. Reklam'a istediğiniz kadar bütçe ayırın. Adwords verin, Linkler satın alın. Kullanıcıya fayda sağlamıyorsa işe yaramaz.
Sıradan Bir Kullanıcının Arama Deneyimini İnceleyelim
En çok rekabet olan, film/dizi izleme sitelerinden örnek ile başlayacağım.
Akşam işten eve geldim ve bilgisayarıma oturdum.
Battlestar Galactica adlı diziyi izlemeye karar verdim. (izlemeyenler izlesin güzel dizidir)
- "Battlestar Galactica 1.Sezon 1.Bölüm" diye arama yaptım.
- 1.sıradaki site video öncesi reklam koymuş. 50 saniye bekledim o sırada başka reklamlar çıktı. Kapattım.
- 2.sırada video yüklenmiyor.
- 3.sıradaki sitede pop-up reklamlar, pencereler falan açıldı.
- 4.sıradaki sitede beni başka bir sayfaya yönlendirdi.
- 5.sıradaki site 2.5 dakikada yüklendi. Hatta hala birşeyler yükleniyor sanki.
- 6.sıradaki sitenin tasarımı niye 3.sıradakiyle aynı. Yahu bu sitelerin hepsi birbirine benziyor sanki????
Arkadaşlar ben bu diziyi sizin yüzünüzden izleyemedim.
Sizin siteleriniz bu yüzden sürekli aramalarda dalgalanıyor. Penguen güncellemesi, Maymun güncellemesi falan sizin sitelerinizi arama sonuçlarında dalgalandırmıyor, bozmuyor sıranızı.
Sizin siteleriniz bozuk! İş yapmayı bilmiyorsunuz.
Ama işini düzgün yapan dizimag,dizilab gibi siteleri kullanıyorum. Ve onlar işlerini kusursuz şekilde yaptıkları için başarıya ulaşıyorlar. Onları niye Google Amcanız aşağılara çekmiyor?
Nasıl Yapmalıyım ?
- Hazır tasarım kullanmayın. Kullanıcıların giriş çıkış yaptığı sayfaları analiz edin. Hangi alanların ne kadar tıklandığını iyice inceleyin. Bu raporlara göre kendinize özel bir tasarım yaptırın. Birbirine benzeyen siteler yapmayın!!!
- İçeriğinizi buradaki seoculara yaptırtmayın. Önemli terimleri defalarca kullanıp, anlamsız makaleler yazınca, kaliteli bir yazı ortaya çıkmıyor. Tam tersine anlamsız kelimelerden ulaşan, hiçbir sonuca varmayan içerikler oluşuyor.
- Kullanıcıların içeriğe katkıda bulanabileceği sistemler geliştirin. Artık İnternet Kullanıcıları paylaşım yapmak istiyor.
Dizi izleme siteniz varsa, dizinin altına tartışma alanı koyun. Üyelik/Login işlemlerini kısaltmaya bakın. Facebook/Twitter Login kullanın. - Sayfanız mobil uyumlu olsun. Kullanılabilirlik testleri yapın. Arkadaşınızı oturtun ve sitenizde gezinirken nasıl davrandığını inceleyin.
- Bunları yapamıyorsanız, web siteleri oluşturmayın.
Google Algoritması + Kaliteli Proje/İçerik Hazırlama
Google Nasıl Çalışıyor?
Bir siteye ne kadar bağlantı varsa, ne kadar fazla yazı,görsel,video varsa, sosyal medyada ne kadar paylaşılıyorsa, ne kadar çok içeriği bana bildirdiyse, ne kadar hızlı açılıyorsa, ne kadar çok tıklanıyorsa, ne kadar çok aranıyorsa, ne kadar çok geziliyorsa vs. vs. sizi başarılı sayıyor.
Peki sizler ne yapıyorsunuz? Sağlık blogunuz var diyelim. 50 TL'ye Seo Destekli bir Wordpress teması satın alıyorsunuz. Ardından 100 TL'ye atıyorum 10 tane dandik hiçbir işe yaramayan keywordlerle dolu makale yazdırıyorsunuz. Daha sonra 100 TL'ye tanıtım yazıları, linkler vs alıyorsunuz. Daha sonra link alımını abartıyorsunuz. Facebook'ta fake like alıyorsunuz. Ama sayfanıda etkileşim sıfır. Twitter'da 10.000 takipçiniz var, ama hiçbiri gerçek kullanıcı değil. O fake kullanıcılar ile retweet yaptırıyorsunuz belki. Ama o fake retweetlerden kimse sitenize gelmiyor. Gidip Facebook'ta o sayfayı arkadaşına göndermiyor.YAPTIĞINIZ TEK ŞEY GOOGLE'I KADIRMAYA ÇALIŞMAK
Bende diyorum ki bunlara para ve zaman harcamayın. Bakın Onedio diye bir site var. Kullanıcılar içerik oluşturuyor ve gayet kaliteli. Okuyan kişilerin belki %50'si okuduğu içeriği paylaşıyor. Neden böyle işler yapmıyorsunuzda, içeriği olmayan kalitesiz işler yapıp başarıya ulaşmaya çalışıyorsunuz SEO ile?
Bakın kaliteli içerik demek, copy paste yapmayıp parayla 100 kelime makale yazdırmak değil. 100 kelime makale yazdırdım, sitem orjinal neden üst sıralarda değilim diyorsunuz. Olmazsınız tabi ki istersen 10.000 kelime yazdır. Ama kelime sayısı kafasıyla ilerlerseniz hiçbir işe yaramaz yaptıklarınız. 30 kelimelik makale yazdır ama kullanıcının işini görsün. Keyword döşemekle olmuyor.
Bunları doğal şekilde yapın. 10 tane içerik yazdıracağınıza gidin 1 tane kaliteli içerik yazdırın. Film sitenizle en ince detayına kadar ilgilenin. Filmi izletin ve kullanıcıya yorum yaptırın. Onu filmin açıklaması olarak girin. Önce bi araştırın film ile ilgili yorumları google'da. Aldığınız sonuca göre açıklama yazın filme.
Paranızı tanıtım yazılarına, linklere hacamayın. Bunu doğal bir şekilde yaptırmak için zaman ve para harcayın. O parayı sitenize içerik girecek kullanıcılarla paylaşın. Kullanıcılarınızla iletişime geçin, onlarla konuşun, sitenize etkileşimde bulunmalarını söyleyin. Mail adreslerini alın ve düzenli olarak mail gönderin.
Yabancı bir şekilde sitenizi ziyaret edin. Ve ben bu siteden ne kazanım elde ederim diye düşünün. Eğer gerçekten birşeyler elde ediyorsanız siz zaten başarmışsınızdır ve hedeflediğiniz noktaya geleceksinizdir. Ama bunların hiçbiri yoksa başaramayacaksınız.
Seo Danışmanlığı
R10'da Seo Danışmanı olduğunu iddaa eden çocuklara para kaptırmayın. Bu adamların elinde Musa'nın Asa'sı yok arkadaşlar. Ay'ı filan ikiye de bölemezler.
Tek yapacakları size Page Speed'den gelen bildirimleri söylemek ve onları yaptırmak olacaktır. Link satın alma işlerinizi sizin yerinize yapacaklar vs.
Bunları siz de yapabilirsiniz. Kendi kendinizin danışmanı olun. Link paketlerinden, içinde 100 tane tanıtım yazısı olan sitelerden bağlantı almayın.
Gidin Adwords verin o parayla. Herşeyin doğal olarak gelişmesini bekleyin.
Sprite yaparak, Valid yaptırarak danışmanlık olmaz.
Off Page Seo,Semantik Seo, İnoaktif Seo, Keyword density, Kurumsal Seo, Meta Tag düzenlemesi falan hikaye. Süslü süslü kelimeler onlar. Adam erken uyuyp yarın okuluna gidecek harçlık çıkarmaya bakıyor 20TL'ye. Wordpress sitenize Seo eklentisi kurup gidecekler. Zaten o eklentilerin ayarları kurulu olarak geliyor. 1-2 tane checkbox'ı aktif edebileceğinize inanıyorum.
Ne semantiği? wp-content/plugins'e eklenti atmak mı Semantik ?
Ay çok semantik vallahi. Ftp'ye semantik bir şekilde dosya atıyorlardır kesin.
Valid Hikayesi
Forumda bir diğer ilgimi çeken şey ise, Validasyon olayı. Web sayfalarını arama motorları tarafından daha iyi taranmasını ve yükselmesini isteyen insanlar, ellerindeki sayfaları validasyondan geçirmek için para harcıyorlar. Bu safsata forumlarda nasıl yaygınlaştı hatırlamıyorum. Ama boşuna böyle saçma şeylerle uğraşmayın. Zira bunun SEO ile uzaktan yakından bir alakası yok. Google arama moturu sizin html standardınızı anlamıyor bile. Belki Browser kendi içerisinde anlıyordur, ama google botlarının hiçbir ilişkisi yok w3c standartları ile.
Kodunuzu standartlara uyarak yazın, eğer geliştiriciyseniz. Ama SEO ile bir ilişki kurmayın bu konuda.
Html, Xhtml, Xml gibi dillerin standartlarını W3C Topluluğu belirlemiştir. Markup Validation Service ile, web sayfamızın bu standartlara uyup uymadığını kontrol ederiz.
Web sayfamızın önyüzünü kodlayan kişi( Html, Css, Javascript vs.), bildiğiniz üzere siteyi tarayıcı da çalışabilecek seviyede uyumlu hale getirir.
Bu Geliştiricinin, HTML kodlarını yazarken, uyması gereken standartlar; W3C'nin yıllardır süre gelen oluşturduğu kurallardır. Bu araç ile, bu kurallara ne kadar uyum uymadığımızı kontrol ederiz. Çünkü bu işin standardı ve kuralları var. Bir standarda uymadığınsanız x tarayıcısında hata ile karşılaşabilirsiniz. Modern Tarayıcılar hataları düzeltiyor. Ama Internet Explorer hatanızı düzeltmemiş olabilir. Uymakta fayda var diyebilirim galiba. Ama bu standartların seo ile+ arama sonuç sıralamaları ile bir alakası yoktur. Bunu kesinlikle söyleyebilirim çünkü Google'ın bu konuda bir video'su var.
http://youtu.be/2XlKn6I9rSc
Css Sprite Tekniği İle İlgili Yanlış Anlatılanlar
Css Sprite; sayfamızda bulunan tüm imajları tek bir imaj dosyası haline getiren Image Replacement tekniğidir.
Bu işlem Http Request'lerini azaltmaktadır. Request'lerin azalması sayfanın hızlı yüklenmesi demektir.
Dolayısıyla başarılı bir SEO önyüzü için bunu yapmalıyız.
Css Sprite yapmak, Seo yapmak, arama sonuçlarında anlamına gelmez.
Sade ve sadece dolaylı yoldan olumlu bir katkı yapar. Açılış hızı azaldığı için.
Ama istediğiniz kadar sprite yapın. x-haber.com web sayfamızda css sprite yaptık diyelim. Ama sprite yapamayacağımız bir içerik resmi 900kb diyelim ve kullanıcı bunu 6 saniyede yükledi diyelim. Tüm sprite'ınız belki de boşa gitti.
Çünkü sprite'a gelene kadar bunun gibi onlarca madde var önemli olan. Bu sadece kafadan uydurduğum bir örnekti çok takılmayın.
Sprite elbette yapın. Ama sevgili Seo Danışmanları. Artık şu sprite'ı imanın şartı gibi çok çok önemli bir şeymiş gibi lanse etmeyin.
Alexa
Doğru sayım yaptığı tartışılan bir istatistik servisi. Forumda "Alexa Grupları" kuran, birbirlerinin sitesini ziyaret ederek, başarılı olacağına inanan, insanların biraz bilgilenmesini istiyorum.
Alexa sıralamızın düşük olması, reklam alırken, verirken sizlere katkısı olacaktır. Bir nevi prestij göstergesi diyebiliriz. Ne kadar düşük olursa, o kadar prestijiniz artar ve daha iyi bir pazarlama gerçekleştirirsiniz.
Fakat sitenizi her yönden güçlendirmek yerine, tamamen hile ile bu rakamı düşürmeye çalışarak ancak kendinizi kandıracaksınız.
Google Trends gibi alternatifler veri elde etmede daha iyi imkan sunuyor.
http://www.mattcutts.com/blog/thoughts-on-alexa-data/
Puanlama
Çeşitli Türk forumları tarafından yapılmış ******* vb. SEO değerlendirme uygulamaları var. Bir çoğu kafasına göre standart belirlemiş. Bunları dikkate almayın.
Kötüdür demiyorum ama geliştirme yaparken bu tür şeyleri dikkate almayın!!!
Neye göre puanlama kriteri veriyor bu servisler? Kim belirliyor *******'nin puan verdiği standartları. Google ile birlikte mi çalışıyor bunlar ???
Mesala Google Page Speed servisi var. Mükemmel herşeyden geçiyorsunuz, cache'ler falan havada uçuşuyor. Ama 1 mb'dan fazla resim dosyanız olduğu için ve bunları sıkıştırmadığınız için size 40 puan verebiliyor.
Ben onlarca optimizasyon çalışması yapmışım en azından 80 ver. Sen neye göre 40 veriyorsun?
Yslow bu konuda en iyisidir.
Arama Motorları için Front-End Tarafında Neler Yapılabilir
1- JavaScript ve CSS dosyalarını birleştirin.
Geliştirme ve Yayın süreçlerindeki dosyalar farklı olmalı. Yayına aldığınız sayfalarda yorum satırları, boşluklar olmasın.
http://developer.yahoo.com/yslow/smushit/ kullanarak resim dosyalarını optimize edebilirsiniz.
YUI Compressor bu konuda iyidir.
2- Site içerisinde arama motorlarına daha iyi yaranabilmek için Schema.org tarafından oluşturulan işaretleme sistemini kullanabiliriz. (Microdata) Google, Microsoft ve Yahoo tarafından birlikte geliştirilen bir proje.
Bu sayede sayfalarımızın belirli kısımlarını arama motorlarına daha iyi gösterebiliriz. Daha sonra aramalarda sayfamız belirttiğimiz niteliklerde görünecektir.
Örnek şablonlar:
<div itemscope itemtype="http://schema.org/Event"> <div itemprop="name">Spinal Tap</div> <span itemprop="description">One of the loudest bands ever reunites for an unforgettable two-day show.</span> Event date: <time itemprop="startDate" datetime="2011-05-08T19:30">May 8, 7:30pm</time> </div>
<figure> <img src="castle.jpeg"> <figcaption><span itemscope><span itemprop="name">The Castle</span></span> (1986)</figcaption> </figure> <span itemscope><meta itemprop="name" content="The Castle"></span> <figure> <img src="castle.jpeg"> <figcaption>The Castle (1986)</figcaption> </figure>
<!DOCTYPE HTML> <html> <head> <title>Photo gallery</title> </head> <body> <h1>My photos</h1> <figure itemscope itemtype="http://n.whatwg.org/work" itemref="licenses"> <img itemprop="work" src="images/house.jpeg" alt="A white house, boarded up, sits in a forest."> <figcaption itemprop="title">The house I found.</figcaption> </figure> <figure itemscope itemtype="http://n.whatwg.org/work" itemref="licenses"> <img itemprop="work" src="images/mailbox.jpeg" alt="Outside the house is a mailbox. It has a leaflet inside."> <figcaption itemprop="title">The mailbox.</figcaption> </figure> <footer> <p id="licenses">All images licensed under the <a itemprop="license" href="http://www.opensource.org/licenses/mit-license.php">MIT license</a>.</p> </footer> </body> </html>Konuya gelen yararlı bildirimler
yazarcizer adlı üyeden alıntı:
mesajı görüntüle
Bu arada Smush.It'ten ziyade punypng, resim optimizasyonu konusunda birkaç gömlek daha iyi. Yahoo'nun servisi ile %15-20 sıkıştırılan bir resim punypng'de %40'lara kadar sıkıştırılabiliyor bazen. Ayrıca kimi resimleri Smush.It! hiç sıkıştırmıyor...
Bilgiler için teşekkürler. Güzel döküman olmuş
Bilgiler için teşekkürler. Güzel döküman olmuş
aLKaDraZ adlı üyeden alıntı:
mesajı görüntüle
NeLph adlı üyeden alıntı:
mesajı görüntüle
http://developer.yahoo.com/performan....html#num_http
http://schema.org/docs/gs.html
http://www.seomoz.org/blog/ux-myths-...teboard-friday
http://blog.kissmetrics.com/guide-to-video-seo/
http://www.w3.org/html/wg/drafts/microdata/master/
http://tomcaswell.com/2011/06/03/sch...er-oer-search/
