HTML <meta> name özniteliği
Tanım ve Kullanım
name Öznitelik, meta veri adını belirler.
name Öznitelik, content özniteliği değerinin adı.
kullanarak name ve content Öznitelik, belgeye meta veri tanımlamak için ad/değer çiftleri kullanarak kullanılabilir.name Öznitelik, meta veri türünü belirtirken content Öznitelik, değer sağlar.
Aşağıdaki tablo, çeşitli önceden tanımlanmış meta veri türlerini içerir.
Dikkat:ayarlandıysa http-equiv özniteliğiayrıca ayarlanırsa name Öznitelik.
İpucu:HTML5, web sayfa tasarımcılarının <meta> etiketi aracılığıyla (sayfanın kullanıcıya görünen alanı) görüntü alanını kontrol etmesini sağlayan bir yöntem getirmiştir (aşağıdaki "Görüntü Alanını Ayarlama" örneğine bakın).
Örnek
name özniteliği kullanarak HTML belgesi hakkında açıklama, anahtar kelimeler ve yazarı tanımlayın. Ayrıca, sayfanın boyutunu ve farklı cihazlar için ölçekleme oranını kontrol etmek için görüntü alanını tanımlayın:
<head> <meta name="description" content="Ücretsiz Web Eğitimi"> <meta name="keywords" content="HTML,CSS,JavaScript"> <meta name="author" content="YK Yatırım"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head>
Sözdizimi
<meta name="value">
Öznitelik değeri
| Değer | Açıklama |
|---|---|
| application-name | Sayfanın temsil ettiği Web uygulamasının adını belirler. |
| author |
Dokümanın yazarının adını belirler. Örneğin: <meta name="author" content="YK Yatırım"> |
| description |
Sayfanın açıklamasını belirler. Arama motorları bu açıklamayı arama sonuçlarında gösterebilir. Örneğin: <meta name="description" content="Ücretsiz Web Eğitimi"> |
| generator |
Doküman oluşturmak için kullanılan yazılım paketlerinden biri (el yazısı sayfa için kullanılmaz). Örneğin: <meta name="generator" content="FrontPage 4.0"> |
| keywords |
Sayfa ile ilgili anahtar kelime listesini belirler, virgül ile ayrılır. Arama motorlarına sayfanın içeriği hakkında bilgi verir. İpucu:Her zaman anahtar kelimeleri belirtin (arama motorları, sayfayı sınıflandırmak zorunda kalacaktır). Örneğin: <meta name="keywords" content="HTML, meta tag, tag reference"> |
| viewport | Görünür alanı (web sayfasının kullanıcı tarafından görülen alanı) kontrol et. |
Açıklama
Tabloda belirtilen altı önceden tanımlanmış meta veri türü dışında, meta veri genişlemeleri de kullanılabilir. Bu sayfayı ziyaret ederek sıkça güncellenen bir genişleme listesine ulaşabilirsiniz:
http://wiki.whatwg.org/wiki/MetaExtensions
Bazı genişlemeler daha fazla kullanılırken, diğerleri çok dar bir kullanım alanına sahiptir ve neredeyse kimse kullanmaz. Robots meta verileri kesinlikle ilk gruba aittir. HTML belge yazarları, bu meta veriyi kullanarak arama motorlarının belgeye nasıl yaklaştığını söyleyebilir. Örneğin:
<meta name="robots" content="noindex">
Bu meta veri türü, çoğu tarayıcı tarafından tanınan üç değere sahiptir:
- noindex - Bu sayfayı indekslemeyi bırakın
- noarchive - Bu sayfayı arşivlemeyi veya önbelleğe almayı bırakın
- nofollow - Bu sayfadaki bağlantıları izlemeyi bırakın
Kullanılabilir meta veri genişlemeleri az sayıda olduğundan, geliştiricilerin online listeyi okuması ve kendi projelerinde kullanılabilir olanları görmesi en iyisidir.
İpucu
Açıkcası, içeriklerin nasıl sınıflandırılacağını ve derecelendirileceğini arama motorlarına anlatmanın en önemli yollarından biri, geçmişte keywords meta verilerini kullanmaktı. Şu anda, keywords meta verilerinin arama motorları tarafından verilen önemi büyük ölçüde azalmıştır, çünkü bu, sayfa içerikleri ile ilgililiğin yanıltıcı bir izlenim yaratmak için kötüye kullanılabilir. Yaratıcılar, içeriklerinin arama motorlarının gözünde nasıl daha iyi görüneceğini umuyorsa, en iyi yol onların kendileri tarafından sağlanan önerileri kullanmaktır. Çoğu arama motoru, web sayfasını veya tüm web sitesini optimize etmek için rehberler sunar.
Google: Arama Motoru Optimizasyonu (SEO) Başlangıç Kılavuzu
https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=zh-cn
Baidu: Baidu Arama Motoru Optimizasyonu Kılavuzu
Görünür alanı ayarla
Görünür alan, web sayfasının kullanıcı tarafından görülen alanıdır. Bu, cihazlara göre değişir - telefonlarda bilgisayar ekranından daha küçük olabilir.
Tüm web sayfalarında aşağıdaki <meta> elementini içermelisiniz:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Tarayıcıya sayfa boyutunu ve yakınlaştırma oranını nasıl kontrol edeceğine dair açıklamalar sağlar.
width=device-width Bazı ayarlar, sayfanın genişliğini cihaz ekranının genişliğine ayarlar (cihazlara göre değişir).
initial-scale=1.0 Bazı ayarlar, tarayıcının sayfanın ilk yükleme anındaki başlangıç yakınlaştırma seviyesini belirler.
Bu, görünüm meta etiketi kullanmayan bir web sayfası örneği ve aynı web sayfasının görünüm meta etiketi ile birlikte:
İpucu:Bu sayfayı telefon veya tablet ile tarıyorsanız, aşağıdaki iki bağlantıyı tıklayarak farklılıkları görebilirsiniz.
SitemizdeReaktif Web Sayfa Tasarımı - Görünüm EğitimiGörünüm hakkında daha fazla şey öğrenebilirsiniz.
Tarayıcı Desteği
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Destek | Destek | Destek | Destek | Destek |
