HTML5 ve SEO
HTML5 ve SEO
Bu yazımızda biraz HTML5 ve SEO alakasından söz edelim dedik! Malumunuz Türkiye’de kolay yoldan para kazanmaya çalışan o kadar çok uyanık arkadaşımız var ki SEO konusu türedi türeli ortalık SEO uzmanı’ndan geçilmiyor.
HTML5 ve SEO ALAKASI
Html5 in ortaya çıkması ile Seo sitelerinde de kendilerini webmaster olarak gören arkadaşların feryatları başladı. Öncelikle belirtmem gerekir ki bu gelişme aslında pek çok SEOcuk’un işine yaradı. Kabaca bi baktığımız zaman aslında bu gelişmenin websitelerini kod kalabalığından kurtarmaya yönelik bir çalışma olduğunu görebiliyoruz. Peki nasıl oluyor da kod kalabalığından bizi kurtarıyor?
Örnek: HTML 4 : <*meta http-equiv=”Content-Type” content=”text/html;charset utf-8”> kodunu kullanırken HTML 5: <*meta charset=” utf-8”> kodunu kullanır.
HTML5 in getirdiği yenilikler arasında aslında arama motorlarına içeriğin ne olduğunu en hızlı ve en basit şekilde sunması en önemli özelliği. Bunun için kullanılan etiketlere bakarsak; <*article*> <*section*> <*header*> <*nav*> etiketlerini örnek verebiliriz aslında. Bu etiketlere ilerideki günlerde değineceğiz.
HTML5 ve SEO için Websitelerinde Kullanımı
HTML5 ve SEO
Bu konuda size tavsiyem biraz daha beklemeniz olabilir. Nedeni ise HTML5 in henüz bazı web tarayıcıları tarafından desteklenmemesi. Her ne kadar pek çok ünlü websitesi şu an kodlamasını HTML5′e çevirmiş olsa da SEO çalışması için şu an kullanılmasını doğru bulmuyorum. HTML5 ve SEO konusunda aklımıza ilk gelen nedense sitelerimizi bu teknoloji ile rakiplerimizin önüne yükselteceğimiz olsa gerek. Fakat her ne kadar büyük bir bölümünü kodlama oluştursa da SEO için etken pek çok neden var.
HTML5 ve SEO konusunda şimdilik bu kadar karamsar olmamın sebebi ise popüler pek çok tarayıcı tarafından kısmen destekleniyor olması. Kısacası HTML5 Internet Explorer, Mozilla Firefox ve Opera’da kısmen desteklenirken bunlara oranla Google Chrome ve Safari deki denemelerde daha iyi sonuçlar alınabilmektedir.
HTML5 ve etiketleri SEO da yeni bir çığır!
<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.
<header> : Sitenin başlık ve açıklama içeriğini alır.
<nav> : Menüleri ve bir takım zaruri işlevleri içine alır.
<footer> : Sitelerin en alt kısmını içine alır.
<section> : Sitelerin ana içerik kısmını içine alır.
<aside> : Ana içerikte ayrı yazılan kısımdır.
<article> : Makale, deneme tarzı yazıları kapsar.
<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.
<datalist> : Düzenlenebilir elementlere otomatik tamamlama özelliği verilmesini sağlar.
HTML5 ve SEO konusundaki güncellemeleri sitemizden takip edebilirsiniz.
