HTML Meta Etiketleri ve Özel Karakterler

İnternet kullanıcıları bir web sitesine giriş yaparken site hakkında her türlü bilgiyi dikkate alırlar. Bazı detaylar siteye giriş yapmadan kapatmalarına sebep olurken, bazıları ise sitede bolca vakit geçirmelerini sağlayabilir. İşte bu süreçte devreye meta etiketi girer. Meta etiketleri, web siteleri hakkında bilgi vermeyi sağlarlar ve ziyaretçilerin siteye girme konusundaki kararlarını önemli derecede etkilerler.

HTML kullanıldığında ve görüntülenecek metin yazıldığında, genellikle özel bir kod gerekmez. Uygun harfleri veya karakterleri girmek için yalnızca bilgisayar klavyesini kullanmak yeterlidir. Sorun, HTML'nin kodun bir parçası olarak kullanıldığı metne karakter girmek istenildiğinde ortaya çıkar. Bu karakterler, kodda kullanılan ve düz metin olmayan karakterlerdir. Bu sorunu ortadan kaldırmak için özel karakterler kullanılır. Özel karakterler, HTML kodunda kullanılan karakterleri görüntülemek veya klavyede bulunmayan karakterleri izleyicinin gördüğü metne eklemek için tasarlanmış belirli HTML kod parçacıklarıdır.

HTML Meta Etiketi Nedir?

Meta etiketi, web sitesinin en başında yer alır ve basit HTML kodlarındandır. Web sitesi hakkında bilgi vermek, içerik ve başlıkları belirtmek gibi çeşitli amaçlarla kullanılabilir. Meta etiketi küresel alanda Meta Tag olarak isimlendirilir. Meta etiketler web sayfası ekranında görünmez, ancak arama motorları veya kullanıcının tarayıcı programı tarafından okunabilir ve kullanılabilir (Nowick, 2002). Meta etiketler geçmişte SEO (Arama Motoru Optimizasyonu) için çok önemliydi. Anahtar kelimeler ve açıklayıcı meta etiketlerle yazılan kelimeler, sitenin sayfa arama motorunda bir yer edinebilirdi. Ancak zaman içinde arama motorları geliştikçe, meta etiketler aracılığıyla arama motorlarında yer edinme yeteneği çoğunlukla geçmişte kaldı. Bu özellikle Google için geçerlidir.

Temel Meta Etiketleri

Web sayfalarında farklı birçok meta etiketi kullanılmaktadır. En çok bilinen ve tercih edilen title, description, keywords, charset, refresh, author ve robots meta etiketlerinin açıklaması ve kullanımına dair örnekler aşağıda bulunan başlıklarda verilmiştir.

Meta Title (Başlık) Etiketi

Title sayfa başlığının tanımlanmasını sağlayan meta etiketidir. Bu nedenle özellikle Google arama motoru için çok önemlidir. Bu bölüme yazılan içerikler, arama motorlarının listeleme alanında en üstte yer almaktadır. Ayrıca bu içerikler sayfanın kullanıcılar tarafından sık kullanılanlara eklenilmesi durumunda tarayıcıların başlık bölümünde görünecek alanlardır. Karakter, genişlik açısından değişebilen bir değer olduğundan katı bir karakter sınırı yoktur. Ancak arama motorları genel olarak başlık kısmında ilk 50- 60 arası karakteri gösterir. Yani başlığı 60 karakterin altında tutma, başlığın %90'ının arama motoru sonuç sayfasında doğru şekilde görüntüleneceği anlamına gelir.

Meta Description (Açıklama) Etiketi

Web sitesi için çok önemli olan bu etiket sayfada yer alan içeriğin kısaca tanımlanmasını sağlamaktadır. Yine tam olarak karakter kullanım sınırı olmasa da arama motorları genellikle 160 karakterden sonrasını kestiği description etiketine yazılacak tanımın 160 karakteri geçmemesi önerilmektedir. çift tırnak kullanımı kesinlikle önerilmemektedir. Son olarak farklı sayfalarda aynı meta description etiketini kullanmak da arama motoru algoritmaları için olumsuz bir durum olduğu bilinmektedir. Google, Eylül 2009’da description ve keywords meta etiketlerinin Google’ın web araması için sıralama algoritmalarını etkilemediğini açıkladı.

Meta Keywords (Anahtar Kelime) Etiketi

Bir web sayfasının kaynak kodunda yer alan ve arama motorlarına sayfa içeriği ile ilgili bilgi veren bir meta etiketidir. Meta keywords sayfanın içeriğinde kullanıcıların arayabileceğini düşündüğünüz önemli anahtar kelime veya terimlerden oluşur. Bilgi virgül ile ayrılan kelime ya da kelime öbekleri ile verilir.

Meta Charset (Karakter Seti) Etiketi

Meta charset, web tarayıcıların web sayfasındaki karakterlerin ne olduğunu anlaması için kullanılmaktadır. Bu sayede tarayıcılar, hangi karakterlerin kullanıldığı bilgisini alır. Karakterler sayılar, harfler ve özel karakterlerden (*,!,+,&, -…) meydana gelmektedir.

Meta Refresh (Yenileme) Etiketi

Meta refresh etiketi kullanılarak belirli bir süre aralıklarla web sayfası yenilenebilir veya kullanıcılar başka bir sayfaya yönlendirilebilir.

Meta Author (Yazar) Etiketi

Meta author etiketi, web sayfasını hazırlayan yazar ya da kurumun tanımlanmasını sağlamaktadır. Bu alana ad, soyad, email veya diğer iletişim bilgileri yazılabilir.

Meta Robots Etiketi

Meta robots etiketi, bir web sayfasının indexlenme ve içinde bulunan bağlantıları takip etme durumlarının arama motorlarına iletimini sağlamaktadır.

Meta Viewport (Görüş Alanı) Etiketi

Viewport, kullanıcının tarayıcısında girdiği web sayfasının kapladığı alana denmektedir. HTML 5 ile gelen yeni yeniliklerden Meta viewport etiketi tarayıcıya, ekranı hangi genişlikte görüntüleyeceğini bildirir.

HTML Özel Karakterler

Bazı karakterler HTML’de çeşitli anlamlara gelmekte ve özel bir kullanım gerektirmektedir. Örnek olarak HTML kodunun başladığını gösteren “<” karakterini düz metin içeriğinde kullanmak, tarayıcı tarafından etiket olarak algılanabilir ve kodlama tarafında bir sorun oluşturabilir. HTML özel karakterler ile bu kullanımın düzgün bir şekilde uygulanması sağlanmaktadır.