HTML Meta Etiketleri – Tasarım Kodlama
HTML

HTML Meta Etiketleri

HTML Meta Tag Nedir?

HTML, meta etiketleri (HTML Meta Tagları) – bir belge hakkında çeşitli şekillerde önemli ek bilgiler belirlemenizi sağlar. META öğeleri, HTML belgesinin yazar, son kullanma tarihi, bir anahtar kelime listesi, belge yazarı vb. özelliklerini tanımlayan ad/değer çiftlerini dahil etmek için kullanılabilir.

<meta> etiketi bu tür ek bilgiler sağlamak için kullanılır. Bu etiket boş bir öğedir ve bu nedenle bir kapanış etiketi yoktur, ancak öznitelikleri içinde bilgi taşır.

Belgenizde hangi bilgileri tutmak istediğinize bağlı olarak belgenize bir veya daha fazla meta etiket ekleyebilirsiniz, ancak genel olarak meta etiketler belgenin fiziksel görünümünü etkilemez, bu nedenle görünüm açısından bakmanızın önemi yoktur. ya da değil.

HTML Belgeye Meta Etiket Ekleme

<head> ve </head> etiketleriyle temsil edilen belgenin başlığına <meta> etiketleri yerleştirerek web sayfalarınıza meta veriler ekleyebilirsiniz. Bir meta etiket, temel özelliklere ek olarak aşağıdaki özelliklere de sahip olabilir –

SıraÖzellik ve Açıklama
1Name

Mülkün adı. Herşey olabilir. Anahtar kelimeler, açıklama, yazar, gözden geçirilmiş, oluşturucu vb.

2content

Özelliğin değerini belirtir.

3scheme

Özelliğin değerini (content özelliğinde bildirildiği gibi) yorumlamak için bir şema belirtir.

4http-equiv

Http yanıt mesajı başlıkları için kullanılır. Örneğin, http-equiv sayfayı yenilemek veya bir çerez ayarlamak için kullanılabilir. Değerler içerik türü, son kullanma tarihi, yenileme ve set çerezi içerir.

HTML Anahtar Kelimeleri Belirleme

<meta> etiketini belgeyle ilgili önemli anahtar kelimeleri belirtmek için kullanabilirsiniz ve daha sonra bu anahtar kelimeler arama motorları tarafından web sayfanızı arama amacıyla dizine eklerken kullanılır.

Aşağıda, belgeyle ilgili önemli anahtar kelimeler olarak HTML, Meta Etiketler, Meta Veriler eklediğimiz bir örnek verilmiştir.

Örnek

HTML Belge Açıklaması

Belge hakkında kısa bir açıklama yapmak için <meta> etiketini kullanabilirsiniz. Bu, web sitenizi arama amacıyla dizine eklerken çeşitli arama motorları tarafından tekrar kullanılabilir.

Örnek:

HTML Belge Revizyon Tarihi

Belgenin en son ne zaman güncellendiği hakkında bilgi vermek için <meta> etiketini kullanabilirsiniz. Bu bilgiler, web sayfanızı yenilerken çeşitli web tarayıcıları tarafından kullanılabilir.

Örnek:

HTML Belge Yenileme

Bir <meta> etiketi, web sayfanızın otomatik olarak yenilenmeye devam edeceği süreyi belirtmek için kullanılabilir.

Örnek
Sayfanızın her 5 saniyede bir yenilenmeye devam etmesini istiyorsanız, aşağıdaki sözdizimini kullanın.

HTML Sayfa Yönlendirme

Sayfanızı başka bir web sayfasına yönlendirmek için <meta> etiketini kullanabilirsiniz. Belirli bir saniye sonra sayfayı yeniden yönlendirmek istiyorsanız bir süre de belirleyebilirsiniz.

Örnek
Aşağıda, geçerli sayfayı 5 saniye sonra başka bir sayfaya yeniden yönlendirmeye bir örnek verilmiştir. Sayfayı hemen yeniden yönlendirmek istiyorsanız, içerik niteliğini belirtmeyin.

HTML Çerezleri Ayarlama

Çerezler, bilgisayarınızdaki küçük metin dosyalarında saklanan verilerdir ve web uygulaması gereksiniminize göre çeşitli bilgileri takip etmek için web tarayıcısı ve web sunucusu arasında değiştirilir.

<meta> etiketini çerezleri istemci tarafında saklamak için kullanabilirsiniz ve daha sonra bu bilgiler bir site ziyaretçisini izlemek için Web Sunucusu tarafından kullanılabilir.

Örnek
Aşağıda, geçerli sayfayı 5 saniye sonra başka bir sayfaya yeniden yönlendirmeye bir örnek verilmiştir. Sayfayı hemen yeniden yönlendirmek istiyorsanız, içerik niteliğini belirtmeyin.

Son kullanma tarihini ve saatini eklemezseniz, çerez bir oturum çerezi olarak kabul edilir ve kullanıcı tarayıcıdan çıktığında silinir.

HTML Yazar Adını Ayarlama

Meta etiketi kullanarak bir web sayfasında bir yazar adı ayarlayabilirsiniz. Aşağıdaki örneğe bakın –

Örnek

HTML Karakter Kümesini Belirtme

Web sayfasında kullanılan karakter kümesini belirtmek için <meta> etiketini kullanabilirsiniz.

Örnek
Varsayılan olarak, Web sunucuları ve Web tarayıcıları, Web sayfalarını işlemek için ISO-8859-1 (Latin1) kodlamasını kullanır. Aşağıda UTF-8 kodlamasını ayarlama örneği verilmiştir –

 

Kullanabileceğiniz Bazı Diğer Meta Etiketleri

Apple Meta Tags

Safari 9 Pinned tabs in El Capitan

Internet Explorer Meta Tags

Windows 8 Meta Tags

Blog Catalog Meta Tags

Rails Meta Tags

HTML Link Tags

 

Kaynak:

Diğer Meta Etiketleri için kaynak:https://github.com/kevinSuttle/html-meta-tags

https://www.metatagseo.com

Yorum bırak