SEO ve Sosyal Paylaşım için HTML Meta Etiketleri Nasıl Oluşturulur

Meta etiketler, bir HTML sayfasının head bölümündeki, arama motorlarına ve sosyal ağlara sayfanızı nasıl sunacaklarını söyleyen küçük kod satırlarıdır. Bunları doğru ayarlarsanız, biri sayfanızı paylaştığında sayfanız temiz bir başlık, cazip bir özet ve düzgün bir önizleme kartı ile görünür. Yanlış ayarlarsanız, arama motorları kendi özetlerini yazar ya da paylaştığınız bağlantı bozuk görünür. Bu rehber önemli olan etiketleri ve bunları Meta Etiket Oluşturucu ile nasıl kuracağınızı anlatır.

Gerçekten önemli olan meta etiketler

Düzinelerce etikete ihtiyacınız yok. Bir avuç etiket neredeyse tüm yükü taşır:

• Title etiketi. Arama sonuçlarında tıklanan başlık ve tarayıcı sekmesindeki etiket. Bu, sayfa içi en önemli tek SEO ögesidir.
• Meta açıklama. Arama sonuçlarında başlığın altında gösterilen kısa özet. Sayfanızı doğrudan sıralamaz ama iyi bir açıklama tıklama kazandırır.
• Open Graph etiketleri. Bağlantınızın Facebook, LinkedIn ve benzeri platformlarda paylaşıldığında nasıl görüneceğini denetleyen og:title, og:description ve og:image gibi etiketler.
• Twitter Card etiketleri. O platformdaki önizlemeye biçim veren paralel bir set.

Bunlar birlikte hem insanların sayfanızı bulup bulmadığına hem de bulduklarında tıklayıp tıklamadıklarına karar verir.

Uzunlukları doğru ayarlamak

Arama motorları ve sosyal platformlar çok uzayan metni kırpar, bu yüzden uzunluk göz ardı edebileceğiniz bir ayrıntı değildir. Pratik hedefler olarak, yaklaşık 50 ila 60 karakterlik bir başlık ve yaklaşık 150 ila 160 karakterlik bir açıklama hedefleyin. Aşarsanız, özenle yazdığınız cümlenin sonu çoğu zaman kelimenin ortasında üç nokta ile kesilir.

İşte burada saymak işe yarar. Tahmin etmek yerine, taslak başlık ve açıklamanızı Kelime Sayacı içine yapıştırıp onaylamadan önce tam karakter sayısını görün. Sınırın içinde kalana ve tüm mesaj ayakta kalana kadar budayın. Tam bir düşünce gibi okunan bir açıklama, hiçliğin içinde kaybolup giden bir açıklamayı yener.

İnsanların tıkladığı bir açıklama yazmak

Uzunluk kısıtlamadır ama amaç ikna etmektir. Bir meta açıklama, sayfanız için minik bir reklamdır. Faydayla ya da okuyucunun aradığı yanıtla başlayın, sade bir dil kullanın ve sorguyla eşleştiğinde öne çıksın diye ana anahtar kelimeyi doğal bir biçimde dahil edin. Anahtar kelime tıkıştırmaktan ya da başlığı kelimesi kelimesine tekrarlamaktan kaçının.

Aktif bir dille, bir veya iki açık cümle halinde yazın ve sayfanın gerçekten tuttuğu küçük bir söz verin. Sayfa bir nasıl yapılır rehberiyse, okuyucunun sonunda neyi yapabileceğini söyleyin. Bu dürüstlük önemlidir, çünkü abartan bir açıklama hızlı çıkışlara yol açar ve bu kimseye yardım etmez.

Meta etiketlerinizi nasıl oluşturursunuz

İşaretlemeyi elle yazmak zahmetlidir ve yanlış yapmak kolaydır. Ücretsiz Meta Etiket Oluşturucu tamamen tarayıcınızda çalışır, dolayısıyla yazdıklarınız kendi cihazınızda kalır ve asla bir yere yüklenmez.

1. Sayfa başlığınızı, açıklamanızı ve aracın sunduğu diğer alanları girin, örneğin sayfa URL’si ve Open Graph için bir önizleme görseli.
2. HTML’inizin head bölümüne yapıştırmaya hazır olan, oluşturulan meta etiket bloğunu okuyun.
3. Bunu sayfanıza kopyalayın ve kaydedin.

Sekmede çevrimdışı çalıştığı için, bir sunucuya hiçbir şey göndermeden yayınlanmamış veya özel sayfalar için etiket taslağı hazırlayabilirsiniz.

Özel karakterleri ve temiz URL’leri ele almak

İki küçük ayrıntı insanların ayağına dolanır. Birincisi, başlığınız veya açıklamanız &, < ya da tırnak işaretleri gibi karakterler içeriyorsa, HTML’in geçerli kalması için bunların kodlanması gerekir. HTML Kodlama ve Çözme aracı, bu karakterleri güvenli varlık biçimine dönüştürür, böylece başıboş bir ampersan etiketinizi bozmaz.

İkincisi, og:url ve sayfa adresiniz, kelimeleri tire ile ayrılmış, temiz ve küçük harfli olduklarında en iyi okunur. Bir sayfa başlığını URL slug’ına çeviriyorsanız, Metinden Slug aracı bunu anında yapar, noktalama ve boşlukları kaldırarak bağlantılarınızın derli toplu ve paylaşılabilir kalmasını sağlar.

Kısa versiyon

Meta etiketler, sayfanızın aramada ve sosyal medyada nasıl göründüğüne karar verir, bu yüzden birkaç dakikalık özeni hak ederler. Güçlü bir başlığa, tıklanmaya değer bir açıklamaya ve paylaşım için Open Graph etiketlerine odaklanın, başlığı 60 karaktere ve açıklamayı 160 karaktere yakın tutun ve tüm özel karakterleri kodlayın. Meta Etiket Oluşturucu tüm bloğu sizin için tarayıcıda oluşturur, ücretsiz ve kayıt gerektirmeden, böylece temiz etiketler yayınlayabilir ve sayfalarınızın amaçladığınız şekilde görünmesine izin verebilirsiniz.