SEO için mutlaka bilmeniz gereken HTML etiketlerine yer verdiğimiz listemizde Title ve Heading gibi başlık etiketlerinin önemi, Canonical ve Meta etiketlerinin SEO’daki yeri gibi web site trafiğini artırmak için kullanılması gereken birçok önemli HTML etiketinden bahsettik.
Bir web sitesinin asıl amacı trafik çekmektir. Ürün ve hizmet tanıtımından marka bilinirliği oluşturmaya veya kişisel blog ve e-ticaret sitelerinden medya servisi hizmetlerine kadar tüm web siteleri kullanıcı trafiğine ihtiyaç duyar. Nitekim bu kullanıcı trafiğini elde etmek için web sitelerinin doğru bir şekilde arama motorlarına optimize edilmesi gerekir.
Bir web sitesinin Google ve Bing gibi arama motorları tarafından verimli şekilde indekslenmesi için SEO olarak bilinen arama motoru optimizasyonu ilkelerini yerine getirmesi gerekiyor. Bilhassa bu liste içeriğinde hem SEO kavramından hem de SEO’da kullanılan en önemli HTML etiketlerinden bahsediyoruz.
Web Siteleri İçin SEO’nun Önemi
Arama Motoru Optimizasyonu (SEO) kısa vadede web siteleri için can suyu, uzun vadede ise büyüme fırsatıdır. Dijital dünyada yer edinmeyi yanlış anlayan ve çoğunluğu işletme sahibi olan kullanıcılar “parayı veren düdüğü çalar” misali yürüttükleri sponsorlu reklam operasyonlarında dönüşümden çok maddi ve manevi kayıplara uğramaktadır. Ne var ki bilmedikleri şey; reklamını yaptıkları web sitenin varlığından kimsenin haberdar olmamasıdır. Google’ın bile(?)
Evet yanlış duymadınız Google, sıralama metriklerini sağlıklı bir şekilde geçemeyen web sitelerini -yeni veya eski fark etmeksizin- verimli bir sıralamaya tabii tutmuyor. Dolayısıyla sadece ücretli reklam vererek dijitale tutunmak isteyen web site sahipleri SEO olmadan zamanla dijital dünyanın engin dehlizlerinde kaybolup gidiyor.
Başka bir deyişle web sitelerinin arama motorları tarafından kolayca bulunması ve akabinde organik trafik alması, kod yapısının arama motorları için doğru şekilde optimize edilmesine bağlıdır. Ayrıca SEO açısından iyi optimize edilmiş bir web sitesi zamanla daha üst sıralarda yer alarak hedef odaklı bir trafik elde edecektir. Öyleyse SEO, web sitelerinin kod yapısını değiştirmeye ve geliştirmeye dayalı bir disiplindir diyebiliriz.
SEO’da Kullanılan En Önemli HTML Etiketleri
SEO’nun web sitelerinin kod yapısını değiştirmeye ve geliştirmeye dayalı bir disiplin olduğunu söylemiştik. Bu kesinlikle doğru bir tanımdır. Çünkü web siteleri Front-end ve Back-end olmak üzere iki tür kodlama yapısıyla oluşturulur. Fakat her web site sahibi kodlama bilmek zorunda değildir. Zira bu işi otomatikleştiren birçok CMS platformu (WordPress, Joomla, Drupal, Wix vb.) bulunur.
Yine de SEO odaklı site ve içerik oluştururken birtakım kod parçacıklarını bilmek rakipleriniz karşısında daha avantajlı olmanızı sağlayacaktır. HTML etiketleri olarak da bilinen bu kod parçacıkları sitenizi arama motorlarına daha iyi optimize ederek iyi bir sıralama edinmenizi sağlar.
1. Başlık Etiketi (Title)
Genellikle Heading tags ile sıklıkla karıştırılan Title tag web sitesinin adını ve sloganını içeren en önemli SEO ögesidir. Başlık öğesi tüm HTML / XHTML sayfalarında zorunlu olarak kullanılmaktadır. Organik sıralama açısından oldukça önemli olan Title etiketi genellikle 70 karakterle sınırlıdır ve internet kullanıcılarının SERP’te ilk karşılaştıkları kısımdır. Başka bir deyişle web sayfasının vitrinidir.
Title etiketi arama sonuç sayfasında ve tarayıcı başlık çubuğunda yer alır. SEO’da arama motorlarının sayfanın ne hakkında olduğunu anlamalarına yardımcı olmasının yanı sıra kullanıcının ilgi ve alakasına yönelik konu başlıklarını ve CTA (Call to action) mesajlarını içermektedir.
Bir Title etiketi HTML kod yapısında aşağıdaki şekilde kullanılır:
<title>Thinpo - Web sitesi Trafiğini Artırmak İçin Bilmeniz Gereken 10 SEO HTML Etiketi</title>
2. Meta Etiketleri
Bir web sayfasının içeriğini tanımlamak için kullanılan ve HTML kod parçacıkları olarak bilinen Meta Etiketleri, Title Tag ve URL adresinin hemen altında yer alır.
Arama motorları meta açıklamalarını genellikle 140-160 karaktere kadar destekler. Bu nedenle web sayfasını tanımlarken daha rafine bir anlatım benimsemek gerekir. Meta elementler, web sayfasının içeriğini doğrudan ilgili anahtar kelimeler kullanarak açıklamalıdır.
Bir meta etiketinin HTML kod yapısında nasıl göründüğü, aşağıdaki örnekte gösterilmiştir:
<head> <meta charset="UTF-8"> <meta name="description" content="SEO'da Mutlaka Bilmeniz Gereken HTML Kodları"> <meta name="keywords" content="HTML, SEO"> <meta name="author" content="Thinpo"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head>
3. Başlık Etiketleri (Heading Tags)
Header tags veya Heading tags olarak adlandırılan başlık etiketleri, SEO uyumlu içerik yazımında önemli bir role sahiptir. Bilhassa metin içeriklerinin üretiminde konuların hiyerarşik bir düzende gelişimini sağlarken web sayfasının okunabilirlik düzeyini ve SEO’sunu iyileştirir.
Başlık etiketleri önem sırasına göre H1’den H6’ya kadar sıralanır. H1 etiketi içeriğin ana başlığıdır. H2, H3 ve H4 başlıkları ise metin içerisinde sıklıkla kullanılan ve alt başlıkları oluşturan başlık etiketleridir. H5 ve H6 başlıkları ise metin içerisinde çok ekstrem bir durum olmadığı sürece kullanılmayan başlık etiketleridir.
Başlık hiyerarşisi kod yapısında aşağıdaki örnekte gösterilmiştir:
<h1></h1>– Genellikle web sayfasının ve içeriğin ana başlığı için kullanılır.<h2></h2>– Alt başlıklar şeklinde kullanılır ve içeriğin konusunu vurgular.<h3></h3>– Konuyla ilgili daha çok detay veren noktaları yansıtır.<h4></h4>– H3 başlığını destekleyen daha spesifik konuları işler.<h5></h5>– Genellikle kullanılmaz ancak H4 etiketini destekleyen konuları vurgular.<h6></h6>– SEO uyumlu içerik üretiminde sıklıkla kullanılmayan bir başlıktır.
4. Görseller İçin Alt Etiketi
Kullanıcılarla iyi bir etkileşim kurmanın bir başka yolu da görselleri kullanmaktadır. Ayrıca içeriklerinizde çeşitli grafikler kullanırsanız içeriğiniz %94 daha fazla görüntüleme alır. Ancak Google gibi arama motorları görselleri tanımlayabilmek için yapay zeka algoritmaları kullandığı için her görselin ne ifade ettiğini çözebilmesi için bir takım metrikleri kullanır. Bu metriklerin en önemlisi ALT etiketidir.
ALT etiketi bir görseldeki ögeleri tanımlayan ve görselin alt kenarının herhangi bir yerinde yer alan alternatif metinlerdir. Dolayısıyla görsel yüklenemese bile bu alternatif metin görseldeki ögeleri tanımlayan bir metin mesajı içerecektir.
Görsellerde kullanılan ALT etiketi HTML kod yapısında <img src=””> koduyla birlikte kullanılır. Örnek aşağıda gösterilmiştir:
<img src="htmletiketleri.jpg" alt="SEO'da bilinmesi gereken HTML kodları">
5. Link İnşası
Yüksek kaliteli backlink almak SEO’da önemli bir faktördür. Ayrıca dahili bağlantılara odaklanmak kadar harici bağlantılara da odaklanmak gerekir. Günümüzde alakalı ve kaliteli bağlantı SEO’da oldukça önem arz eden link inşasının bir parçasıdır. Zira konuyla ve içerikle alakalı olmayan hatta güven vermeyen bağlantılar arama motoru cezalarına neden olacaktır.
Bu tür cezalardan kaçınmak ve içeriğin otoritesini korumak için HTML’de, içeriğe link eklerken nofollow etiketini kullanabilirsiniz. Bu sayede arama motoru botları içeriği tararken güvenilmeyen harici bağlantıları dikkate almayacaktır. Başka bir deyişle, harici bir sitenin DA (Domain Authority) değerlerini etkilemek zorunda kalmazsınız.
İçeriklerde nofollow etiketi link etiketiyle birlikte kullanılır. Aşağıdaki örnekte nofollow etiketinin kod yapısında nasıl kullanıldığı bir örnekle gösterilmiştir:
<a href="http://thinpo.com/seo-icin-bilmeniz-gereken-10-html-etiketi" rel="nofollow" >Web Siteleri İçin En Önemli SEO HTML Etiketleri</a>
6. Open Graph Etiketleri
Open Graph etiketleri sosyal medya için içeriklerin arama ve görüntülenme özelliklerini artıran bir protokoldür. Örneğin içerik sosyal medyada paylaşıldığında kullanıcıya gösterilecek küçük resimden, içerikle ilgili açıklamaya kadar birçok ek bilgi Open Graph etiketleri sayesinde oluşturulur.
Mesela bu içerik doğrudan bir sosyal medya platformunda paylaşılırsa küçük resim, açıklama ve başlık doğrudan Open Graph etiketleri üzerinden gösterilecektir.
Aşağıdaki kod yapısında bir Open Graph etiketinin kullanımı gösterilmiştir:
<meta name="og:title" property="og:title" content="SEO İçin Bilmeniz Gereken 8 HTML Etiketi">
7. Canonical Etiketi
Bir web sitesi oluşturduğunuzda sayfalar farklı adres yapılarında gösterilebilir. Örnek olarak http, https ve www gibi. Hatta sadece ilgili web sitenin domainini yazıp sonuna .com eklediğinizde de web sitesi açılacaktır. Bu gibi durumlarda Canonical etiketi kullanmak birbirinin kopyası olan adres yapılarını tek bir adrese yönlendirmeyi sağlar.
Aşağıda Canonical etiketi kod yapısında örnek olarak gösterilmiştir:
<link rel="canonical" href="https://yourwebsite.com/">
8. Duyarlı Site Meta Etiketleri
Duyarlı site meta etiketleri, web sitelerinin farklı cihaz uyumluluğu için oldukça gerekli HTML kod etiketleridir. Günümüzde oldukça sık kullanılan akıllı telefonlar sayesinde internet kullanıcılarının neredeyse yarısı internete mobil cihazlarından bağlanıyor.
Buna ek olarak Google vb. arama motorları da web sitelerini sıralarken önceliği mobil uyumlu web sitelerine veriyor. Web siteleri için önemli bir sıralama metriği haline gelen duyarlı siteler için site kod yapısında duyarlı site meta etiketleri kullanılmaktadır.
Web sitelerini diğer cihazlara uyumlu hale getiren meta etiketleri örnek olarak aşağıda gösterilmiştir:
<meta name="viewport" content="width=device-width, initial-scale=1">
9. Robots Meta Etiketi
Google ve diğer arama motorlarının bir web sayfasını dizine eklemek için siteye gönderdiği tarama botlarının ne yapıp ne yapmayacağını kontrol altına alabilmenizi sağlayan Robots Meta etiketi SEO için oldukça önemli bir HTML etiketidir.
Robots.txt dosyasına oranla daha pratik bir kullanıma sahip olan Robots meta etiketi bir sayfayı noindex komutuyla robotlardan gizleyebilir ya da web sitedeki görselleri taramaması için direktif verebilir. Bunlara ek olarak; None, Follow, NoFollow, NoArchive, NoCache, NoSnippet, NoTranslate, Unavailable_after, NoYDir, NoODP gibi kod etiketleriyle tarama botlarını isteğe göre yönlendirebilir.
Geniş bir kullanım alanına sahip olan Robots Meta etiketi aşağıdaki kod satırında gösterilmiştir:
<meta name="robots" content="noindex, nofollow">
Ayrıca SEO uyumlu içerik nasıl yazılır, merak ediyorsanız yine sitemizde yer alan “SEO Uyumlu Makale Nasıl Yazılır?” adlı rehber içeriğimizi inceleyebilirsiniz.
