HTML meta etiketleri nasıl oluşturulur?

Meta etiketleri hangi amaçla hazırlanır?

Bu araç, sizin verdiğiniz sayfa bilgilerini HTML meta etiketi işaretlemesine dönüştürmek için kullanılır. Başlık, açıklama, anahtar kelimeler ve yazar alanları isteğe bağlı metinler olarak girilebilir. Viewport ile robots metinlerini de yapılandırarak çıktının bu bölümlerini belirleyebilirsiniz. Hiçbir isteğe bağlı alanı kullanmasanız bile viewport, robots ve karakter kodlaması işaretlemeleri oluşturulabilir. Dolu alanlar ise kendilerine karşılık gelen ek işaretlemeleri çıktıya katar. Başlık alanına boş olmayan bir değer yazıldığında hem bir title öğesi hem de başlıkla ilişkili bir meta öğesi beklenir. Bu yapı, farklı sayfa bilgilerini tek bir HTML çıktısında düzenli biçimde görmenize yardımcı olur. Kullanım sırasında temel amaç, elinizdeki metinleri ilgili alanlara aktarmak ve oluşan işaretlemenin hangi girdilerden meydana geldiğini kontrol etmektir. Böylece boş bırakılan seçeneklerle doldurulan seçeneklerin sonuç üzerindeki farkını daha kolay ayırt edebilirsiniz. Araç, girdiğiniz içerikten işaretleme oluşturduğu için sayfa bilgilerinizi hazırlarken metinlerin son hâlini önceden gözden geçirmeniz yararlı olur.

HTML meta işaretlemesi hazırlama sırası

1. Sayfa başlığı, açıklama, anahtar kelimeler ve yazar için sunulan metin alanlarını inceleyin. Kullanacağınız bilgileri ilgili yerlere yazın; ihtiyaç duymadığınız isteğe bağlı alanları boş bırakın. Bir alanı doldururken değerinin gerçekten yazılmış olduğunu, yanlışlıkla silinmediğini ve yalnızca boşluklardan oluşmadığını kontrol edin.

2. Viewport ve robots metinlerini gözden geçirin. Özel bir değer vermediğinizde viewport için width=device-width, initial-scale=1.0, robots için index, follow kullanılır. Bu değerleri değiştirecekseniz yazdığınız metnin sayfanızda tercih ettiğiniz yapılandırmayı ifade ettiğinden emin olun.

3. Girdileri son kez karşılaştırdıktan sonra oluşturma işlemini başlatın. Araç, boş olmayan isteğe bağlı alanların her biri için ilgili işaretlemeyi ekler. Başlık doluysa sonuçta hem title öğesi hem de başlık meta öğesi bulunur; diğer alanlar yalnızca kendi değerleri mevcut olduğunda ek satırlar üretir.

4. Dönen HTML işaretlemesini satır satır okuyun. Etiketler ayrı satırlarda sunulduğu için alanlarla sonuç arasındaki ilişkiyi takip edin. Girdiğiniz metinlerde HTML açısından anlam taşıyan karakterler varsa, bunların işaretlemeye eklenmeden önce kaçışlanmış biçimde gösterilebileceğini hesaba katın.

Oluşan HTML yapısını değerlendirme

Sonucu incelerken ilk olarak viewport, robots ve karakter kodlaması işaretlemelerini arayın. İsteğe bağlı sayfa alanlarının tamamı boş olsa bile bu temel işaretlemelerin görünmesi beklenir. Ardından başlık, açıklama, anahtar kelimeler ve yazar için yazdığınız değerlerle ilişkili satırları ayrı ayrı kontrol edin. Boş kalan bir alan için özel meta işaretlemesi görmemeniz olağan sonuçtur.

Başlık alanında değer varsa iki farklı başlık bağlantılı çıktı arayın: biri title öğesi, diğeri başlık meta öğesidir. Diğer dolu alanlar kendi türlerine ait işaretlemelerle temsil edilir. Satırların ayrı gösterilmesi, üretilen yapıyı okurken hangi bölümün hangi girdiden geldiğini ayırt etmeyi kolaylaştırır. Metninizde &, < veya > gibi karakterler bulunuyorsa sonuçta bunların doğrudan karakterler yerine kaçışlanmış karşılıklarını görebilirsiniz.

Bu çıktıyı, sağlanan metinlerden oluşturulmuş bir HTML işaretleme taslağı olarak değerlendirin. Araç, başlığın veya açıklamanın sayfanız için uygun olup olmadığını otomatik biçimde incelemez. Robots ve viewport metinlerini de kendi sayfa amacınızla karşılaştırarak son kontrolü kendiniz yapın.

Uygulamalı örnek

Bir kampanya sayfası için yalnızca başlık ve açıklama bilgilerini kullanarak temel meta işaretlemesini hazırlamak istiyorsunuz.

Başlık alanına "Kampanya sayfası", açıklama alanına "Bahar ürünlerini keşfedin" yazın. Anahtar kelimeler ile yazar alanlarını boş bırakıp oluşturma işlemini başlatın ve dönen satırları başlık ile açıklama değerleriyle karşılaştırın. Viewport ve robots için özel değer girmediğinizde varsayılan metinleri de sonuçta kontrol edin.

Çıktıda viewport, robots ve karakter kodlaması işaretlemeleri ayrı satırlarda görünür. Dolu başlık nedeniyle bir title öğesi ile başlık meta öğesi, dolu açıklama nedeniyle de açıklamaya ait işaretleme yer alır; anahtar kelimeler ve yazar boş olduğu için bunlara ait satırlar beklenmez.

Sınırlamalar

• Araç, sağladığınız değerlerden HTML meta etiketi işaretlemesi üretir; metinlerin sayfanızın amacına uygunluğunu otomatik olarak değerlendirmez.

Sık yapılan hatalar

• Dolu olduğunu düşündüğünüz bir alanın satırı görünmüyorsa, değerin gerçekten metin içerdiğini ve oluşturma işleminden önce temizlenmediğini kontrol edin; ardından boş olmayan anlamlı bir değer girerek yeniden oluşturun.

Sık sorulan sorular

İsteğe bağlı alanları doldurmadan meta etiketleri oluşturabilir miyim?

Evet, isteğe bağlı alanları boş bırakabilirsiniz. Bu durumda viewport, robots ve karakter kodlaması işaretlemeleri oluşturulmaya devam eder; değer girmediğiniz alanlara özel meta işaretlemeleri sonuçta yer almaz.

Başlık girince hangi işaretlemeler oluşturulur?

Başlık alanı boş olmayan bir metin içeriyorsa sonuçta bir title öğesiyle birlikte başlık meta öğesi de oluşur. Alanı boş bırakırsanız bu başlıkla ilişkili iki işaretleme eklenmez; diğer dolu alanlar kendi sonuçlarını oluşturabilir.

Viewport ve robots değerlerini değiştirebilir miyim?

Viewport ve robots metinlerini kendinize uygun değerlerle değiştirebilirsiniz. Değişiklik yapmadığınız durumda viewport width=device-width, initial-scale=1.0, robots ise index, follow olarak kullanılır.