Hazırlayan: Kaan Gerçek
Arama motoru optimizasyonu anlamına gelmekte olan SEO, web sitelerinin arama motoru algoritmaları çerçevesinde optimize edilmesi ile optimize edilen bu sayfaların SERP (arama motoru sonuç sayfaları) üzerinde daha iyi sıralamalar elde edilmesini hedefler. Temel olarak kullanıcı deneyimleri ve teknik unsurların analiz edilmesi sonucunda elde edilen veriler çerçevesinde yapılan optimizasyonlar ile organik bir şekilde sıralama artışı ve trafik miktarında yükseliş elde etmesi sağlanmaktadır. Böylece web sitesi içerisinde sağlanan hizmetlerin ya da satılmakta olan ürünlerin ön plana çıkarılması, kuruluşların var olan hedeflerine daha çok yaklaşması sağlanacaktır.
Meta tag (Meta Etiketleri), bir web sayfası ile alakalı yapılandırılmış meta verilerin arama motoru botlarına aktarılmasını sağlamak amacıyla HTML ve XHTML belgelerinde kullanılan etiketlerdir. Meta etiketleri sayfa üzerinde bir element olarak görüntülenmeyen yalnızca sayfanın kaynak kodunda barınan ve SEO çalışmalarında, içerik ile ilgili sinyallerin arama motoru botlarına aktarılmasında kullanılan etiketlerdir.
Web sayfalarının kaynak kodunda yer alan <head> </head> etiketleri arasında kullanılan meta etiketleri (meta işaretlemeleri), HTML programlama dili ile oluşturulur. Meta etiketlemeleri SEO ve web dünyasında metadata (meta veri) olarak da adlandırılırlar.
Meta etiketleri, web sayfasının meta verilerinin arama motoru botlarına aktarılmasında ve web sayfası ile alakalı hızlı içgörünün (ön bilginin) kullanıcıya aktarılmasında sağladıkları katkı ve etki ile SEO süreçleri için önemlidir. Meta etiketleri web sayfalarında bir sayfa elementi olarak görüntülenmiyor olsa da <title> ve meta description etiketi gibi meta etiketlemeleri özellikle arama sonuçlarında görüntülenebildiklerinden kullanıcının içerik ile alakalı ilk öngörüye sahip olmasını sağlarlar.
Web sayfasında kullanılan title etiketlemesi ve meta description, arama motoru botları tarafından okunarak arama sonuçlarında kullanılır. Bu sebeple ilgili içeriği başarılı şekilde açıklayan, sayfada yer alan içerik ile uyumlu meta etiketlerinin kullanılması arama sonuçlarında kullanıcıların içeriğe tıklama oranlarını arttırabilmektedir. Özellikle meta title etiketinde kullanılan sayfa başlığının içeriği açıklayıcı ve dikkat çekici şekilde düzenlenmesi sayfanın arama sonuç performansını etkilemektedir.
Meta etiketleri başta title etiketi olmak üzere arama motoru botlarınında içerik ile alakalı önemli sinyallerin toplanmasında ve sayfa içeriği ile alakalı temel bilginin toplanmasında önemlidir.
Meta etiketleri, klasik bir HTML dokümanı içerisinde ilgili dokümanın en üst bölümünde yer alan <head> </head> satırları arasında kullanılır.
HTML dokümanı içerisinde <title> </title> olarak kullanılan meta title etiketi, sayfada kullanılan en üst başlıktır. Tarayıcı üst başlığı olarak da adlandırılan meta title (meta başlığı) arama motorları tarafından taranılarak arama sonuçlarında gösterilir.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-6721-1"
Meta charset (content- karakter seti) etiketi, web sayfasının içerik türünü ve karakter setini tanımlamada kullanılan meta etiketidir. Meta charset etiketinin kullanılmadığı yada hatalı oluşturulduğu durumda web sayfası tarayıcılar tarafından yanlış yorumlanabilir.
Üstte UTF-8 ve ISO-6721-1 için iki farklı kullanım örneğini gördüğünüz meta charset etiketinin tüm web sayfalarında sağlıklı tarama süreçleri için kullanılması önemlidir. Google’ın mümkün olduğunca kullanılmasını önerdiği karakter seti UTF-8 dir.
Viewport (Viewport alanı), bir web sayfasının kullanıcı tarafından görüntülenebilir olan bölümüne verilen isimdir. Kullanıcının cihazlara göre web sayfasında görüntülediği alanı kontrol etmek için kullanılan Viewport etiketi, tarayıcıya bir mobil cihazda web sayfasının nasıl oluşturulacağının belirtildiği meta etiketidir. Bu etiketin HTML dokümanı içerisindeki varlığı, Google’a sayfanın mobil uyumlu olduğunu gösterir.
HTML Dokümanı içerisinde <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> şeklinde kullanılır. initial-scale değeri verilmek istenen ölçeklendirme direktifine göre değişiklik gösterir.