#htmletiketleri

Geçtiğimiz HTML dersleri yazısında her defasında kısmının site kimliği hakkında, kısmınınsa görüntülenecek içerikler hakkında olduğundan bahsettik. Şimdi göreceğimiz Meta etiketi de HTML sayfamızın "head" kısmında yani site kimliği hakkında. Meta etiketleri HTML doküman hakkında kimlik verileri sağlar. Veriler sayfalarınızda gözükmez ama algılanır. Meta etiketler genellikle arama motorlarına siteniz hakkında bilgi vermek amacıyla kullanılır. Bu etiketler sayesinde sitenizin içeriği, anahtar kelimeleri, yazarı hakkında bilgileri arama motorlarına verebilmekteyiz. Elbette ki daha fazlası da var. Yukarıda birkaç "meta" etiketini görebilirsiniz. size tanıdık gelebilir. Bu etiket önceki derslerde HTML sayfası oluşturduğumuzda otomatik olarak önümüze gelmişti. Karakter tanımı ile ilgili gerekli bir kod kendisi. 

Tarayıcı Desteği

Meta etiketlerini popüler olarak kullanılan tüm tarayıcılar desteklemektedir. Chrome, Opera, Firefox, Safari ve Edge gibi...

name="viewport"

Viewport, web tasarımcıların etiketi üzerinden görüntüleme alanını ayarlamak için geliştirildi. Bu meta etiketi sayesinde daha derli toplu bir HTML sayfası oluşturmak mümkün. Farkı anlamanız açısından iki örnek verelim.

Viewport'suz

Viewport'lu Burada "viewport"un ne iş yaptığını görebilirsiniz. Gelelim kullanımına. Yapmanız gereken tüm HTML sayfalarınıza aşağıdaki "viewport" ögesini eklemek. Bu öğe tarayıcınıza sayfanızın nasıl ölçekleneceği hakkında bilgi verir. width: Cihaz genişliğini belirtir. Cihazın genişliğine göre sayfanın genişliğini ayarlar. initial-scale: Başlangıç ölçeği anlamına gelir. Sayfanın ilk açıldığındaki yakınlaştırma seviyesini ayarlar.

name="keywords"

SEO açısından oldukça önemli olan bir meta ögesidir kendileri. Sayfanız hakkındaki anahtar kelimeleri barındırır. Siteniz hakkında bilgi sahibi olması amacıyla Google tarafından veya diğer arama motorları tarafından kullanılır. Yukarıdaki şekilde "header" kısmına eklenir. "content" bölümüne de sayfa hakkındaki anahtar kelimeler yazılır.

name="description"

Yine SEO açısından önemli bir meta ögesi kendileri. Buraya sayfanız hakkında bir açıklama yazmanız gerekiyor. Bu açıklama da yine arama motorları tarafından kullanılacak. "content" kısmına sayfanızın açıklamasını yazıyorsunuz ve bitiyor.

name="author"

Bu öge site sahibinin kim olduğu hakkında bilgi depoluyor. Bunun da kullanımı yine oldukça basit. "header" kısmına eklediğiniz bu ögenin "content" kısmına isim yazıyorsunuz.

http-equiv="refresh"