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ı
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="title" content="Mehsatek Blog Sitesi" /> <meta name="description" content="Web alanında kendimizi geliştirmenin yolu araştırıp öğrenmekten geçer."> <meta name="keywords" content="HTML,CSS,Javascript,Jquery,Bootstrap"> <meta name="author" content="Admin"> <meta name="owner" content="Mehsatek"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="refresh" content="60"> </head> <body> İÇERİK </body> </html> |
Yazmış olduğumuz bu meta tagları, sitemizin arama motorlarında üst sıralarda çıkmasına yardımcı olur.
Ş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.
|
1 2 3 |
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9"> |
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.
|
1 2 3 |
<meta http-equiv="refresh" content="60; URL=https://www.mehsatek.com"> |
Bu kodu hangi sayfaya eklersek, o sayfa açıldıktan 60 saniye sonra bizi https://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.
Umarım sizin için faydalı bir yazı olmuştur.
Yeni bir yazımda görüşmek üzere.
 Nedir? Meta Etiketi Kullanımı){kind=link}
cok begendim elinize saglik
Yorumunuz için ben teşekkür ederim. İyi çalışmalar.