Meta Etiketleri (Tagları) Nedir? Meta Etiketi Kullanımı

Bu yazımızda Html de Meta Etiketleri nedir? Meta Etiketleri nelerdir? ve Bu etiketleri nasıl kullanıyoruz? onları öğreneceğiz.

Meta etiketleri (tagları) ile arama motorlarının web sitemiz ile ilgili bilgi edinmesini sağlayabiliriz. Diğer bir deyişle Html sayfalarımızda tamamlayıcı bilgileri tanımlayabiliriz.

Bu tamamlayıcı bilgiler nelerdir?

Örneğin sitenin başlığı, site ile ilgili açıklama bilgileri, sitenin sahibi, sitenin yazarı, kullanacağımız karakter kodlama türü gibi bilgileri meta tagları ile tanımlıyoruz. 

Bu meta taglarını Html sayfamızda bulunan  <head> </head>  etiketleri arasına yazıyoruz.

Meta etiketleri ile örnek bir Html5 sayfası

Yazmış olduğumuz bu meta tagları, sitemizin arama motorlarında üst sıralarda çıkmasına yardımcı olur.

meta-taglari Şimdi bu etiketleri biraz daha detaylı inceleyelim. 

META ETİKETLERİ (TAGLARI) NELERDİR?

  1   charset=”UTF-8″ 

Web sitesinin tanıyacağı karakter kodlama türü belirtilir. Eğer Türkçe karakter problemi yaşarsanız şu meta kodunu ekleyerek probleminizi çözebilirsiniz.

  2   Title meta etiketi

Site adı belirtilir. Bu sayede arama motorlarının site adını daha hızlı bulması amaçlanır.

  3   Description meta etiketi

Site içeriğinin ne ile ilgili olduğundan bahsedilir.

  4   Keywords meta etiketi

Sitenin arama motorlarında bulunmasına yardımcı olacak anahtar kelimeler yazılır.

  5   Author meta etiketi

Sitenin yazarı belirtilir. Eğer firma ise firma adı da yazılabilir.

  6   Owner meta etiketi

Sitenin tüm haklarının sahibi yazılır.

  7   Viewport meta etiketi

Sitenin responsive olması, yani tüm cihazlarla ( bilgisayar, tablet, telefon ) uyumlu çalışması için yazılması gerekiyor.

Responsive web tasarım hakkında daha fazla bilgi almak isterseniz RESPONSİVE WEB TASARIM NEDİR? yazımı okuyabilirsiniz.

  8   Refresh meta etiketi

Sayfanın belli bir sürede yenilenmesini istiyorsak bu etiketi kullanabiliriz. Yukarıdaki örnekte, sayfa 60 saniyede bir yenilenecektir.

Sayfanın kendini yenilemesi yerine başka bir adrese veya sayfaya yönlendirilmesini isterseniz, content parametresi içerisinde URL bilgisi yazmamız gerekiyor.

Örneğin açılan sayfanın 60 saniye sonra başka bir adrese yönlendirme yapmasını sağlayalım.

Bu kodu hangi sayfaya eklersek, o sayfa açıldıktan 60 saniye sonra bizi http://www.mehsatek.com adresine yönlendirecektir. Daha detaylı bilgi için Html Yönlendirme Kodu (Meta Etiketi ile Yönlendirme) yazımı okuyabilirsiniz.

Meta etiketleri ve kullanımı genel olarak bu şekilde.

Şu yazılar da ilginizi çekebilir.

TÜM HTML KODLARI VE ANLAMLARI

Umarım sizin için faydalı bir yazı olmuştur.

Yeni bir yazımda görüşmek üzere.

Leave a Reply

WEB TASARIMLARINIZDA KULLANABİLECEĞİNİZ TAM 150 FARKLI RENK PALETİRenkleri Göster
+ +