HTML Meta Verilerindeki Öğeler ve En İyi Uygulamalar

Meta etiketler, arama motorlarına web sayfanız hakkında önemli bilgiler hakkında bilgi veren bir kodun kısa özleridir. Ayrıca web tarayıcılarının ziyaretçilere nasıl gösterileceğini de kontrol ederler. Meta etiketler her web sayfasında bulunur ve bunları yalnızca HTML kodunda görebilirsiniz. İşte SEO için meta etiket örneklerinin bir listesi.

• Meta Açıklaması
• Meta robotlar
• Meta başlık
• Meta karakter seti
• Meta yenileme yönlendirmesi
• Meta görünüm alanı

Meta Başlık

Google ve diğer arama motorlarının arama sonuçlarında gösterdiği sayfa başlığı meta başlığıdır. Bir HTML başlığı, kullanıcılara bir sonucun içeriği ve bunun sorguyla ilgisi hakkında hızlı bir fikir verir. Hangi sonuca tıklanacağını belirleyen genellikle temel bilgi biçimidir. Web sayfalarınızda yüksek kaliteli başlıklar kullanmak SEO için çok önemlidir. İşte bir meta başlık örneği:

En İyi Uygulamalar

• Sayfalarınız için özel bir başlık etiketi kullanın
• Başlıklar kısa ve açıklayıcı olmalıdır
• Genel ve belirsiz başlıklar kullanmaktan kaçının
• Başlık veya cümle durumu kullanın
• Tıklama tuzağı değil, tıklamaya değer bir şey kullanın
• Arama amacını eşleştir
• 60 veya daha az karakter kullanın
• Gerektiğinde hedef anahtar kelimeleri dahil edin

Başlık Etiketi Hatalarını Bulma ve Düzeltme

Başlık etiketinizin çok uzun veya çok kısa olmadığından emin olun. Kısa ve açıklayıcı tutarken gereksiz uzun veya uzun başlıklardan kaçının. Her sayfanın bir başlık etiketi olduğundan emin olun. Birden çok web sayfası varsa, arama motorları alakasız bir başlık etiketi gösterebileceğinden, sayfada birden çok HTML başlık etiketinden kaçının. Birden çok sayfada yinelenen başlıklar. Sitenizin sayfalarının her birinin benzersiz ve açıklayıcı bir başlığı olması çok önemlidir.

60 saniyede sitenizin SEO'sunu ve performansını test edin!

İyi web sitesi tasarımı, ziyaretçi katılımı ve dönüşümleri için kritik öneme sahiptir, ancak yavaş bir web sitesi veya performans hataları, en iyi tasarlanmış web sitesinin bile düşük performans göstermesine neden olabilir. Diib, dünyadaki en iyi web sitesi performansı ve SEO izleme araçlarından biridir. Diib, trafiğinizi ve sıralamanızı hızlı ve kolay bir şekilde artırmanıza yardımcı olmak için büyük verilerin gücünü kullanır. Girişimcide görüldüğü gibi!

• Kullanımı kolay otomatik SEO aracı
• Anahtar kelime ve geri bağlantı izleme + fikirler
• Hız, güvenlik ve Temel Yaşamsal Değerlerin takibini sağlar

• SEO'yu geliştirmek için akıllıca fikirler önerir
• 250.000'den fazla küresel üye
• Yerleşik kıyaslama ve rakip analizi

Örneğin “www.diib.com”

Ücretsiz kaydol

250 binden fazla şirket ve kuruluş tarafından kullanılıyor:

• 
• 
• 
• 

Şununla senkronize edilir:

Meta Açıklaması

Meta açıklama, bir web sayfasının kısa bir açıklamasını verir. Arama motorları, arama sonuçlarında bir web sayfasını görüntülemek için kullanır. Belirli bir sayfanın içeriğinin kısa ve doğru bir özetini kullanarak kullanıcıları bilgilendirir ve ilgisini çeker. Bir meta açıklama, kullanıcıya doğru sayfada olduklarına ve tam olarak aradıkları şeye dair güvence verir. Ancak, Google tarafından doğrudan bir sıralama faktörü olarak kullanılmazlar. Aşağıdaki resimde bir meta açıklama gösterilmektedir:

En İyi Uygulamalar

• Her sayfa için benzersiz ve anlaşılır bir açıklama yazın
• Doğru bir özet sağlayın
• Genel açıklamalar kullanmayın
• Ana anahtar kelimeleri anlamlı bir cümle içinde uygun şekilde kullanın
• Cümle durumunu kullan
• Tıklama tuzağı kullanmayın, tıklamaya değer bir şeyler yazın
• Aramanın amacına uygun
• 160 veya daha az karakter kullanın

Yaygın Meta Açıklama Hataları

Bir meta açıklama yazarken yapılan en yaygın hatalar, neredeyse başlık etiketlerindeki hatalara benzer. Çok uzun veya çok kısa bir meta açıklama. Bir meta açıklamasının uzunluğu konusunda genellikle bir sınırlama yoktur. Cihazın genişliğine uyması için çıkarılan arama sonuçları genellikle kısaltılır. Başka bir hata, bir web sayfasının meta açıklamasından tamamen yoksun olmasıdır.

Sitenize yazdığınızdan emin olun. Ayrıca birden fazla meta açıklaması olan bir sayfanız olabilir, ancak bu arama motorlarının kafasını karıştırabilir. Birden fazla sayfada benzer meta açıklamalara sahip olmak da yaygın bir hatadır. Her sayfanın kendine özgü bir açıklaması olduğundan emin olun.

Meta Robotlar

Meta robotlar, arama motorunun web sayfalarını taramasına izin verir ve bunun nasıl yapılacağına ilişkin talimatlar sunar. Meta robots etiketinde doğru öznitelikleri kullanmazsanız, sitenizin arama sonuçlarında bulunması olumsuz bir etkiye sahip olabilir. Bu etiketi anlamak ve etkili bir şekilde kullanmak SEO'nuzu büyük ölçüde etkileyecektir.

İndeks değerleri botlara sayfa indeksleme yapmalarını söylerken noindex değeri botlara sayfa indeksleme yapmamalarını söyler. Botlara, aşağıdaki değer tarafından, kendilerine kefil olmaları için sayfadaki bağlantıları taramaları talimatı verilirken, nofollow değeri, herhangi bir onaydan kaçınmak için sayfadaki bağlantıları taramamalarını söyler.

En İyi Uygulamalar

Meta robot etiketlerini yalnızca bir sayfada Google taramalarını kısıtlarken kullanın ve robots'ta meta robot etiketli sayfaları engellemekten kaçının.

Yaygın Meta Robot Hataları

Tipik meta robot hatalarından bazıları, dizin sayfalarını engelleyen robotları içerir. Bu, Google'ın noindex robots etiketini görmesini zorlaştırır ve URL'yi dizine eklemeye devam edebilir. Hileli bir meta noindex, Google'ın onu dizine eklemesini kısıtlayarak sayfanın organik trafiğini azaltır. Rogue meta nofollow, Google'ın sayfanın bağlantılarını taramasını engelleyecek ve önemli içeriği keşfetme ve dizine ekleme şansını azaltacaktır. Bu, PageRank'in önemli sayfalara akışını da engelleyebilir.

Meta Görünüm

Bir meta görünüm penceresi, web sayfasının görünür alanını ayarlar ve sayfanın tarayıcı tarafından farklı ekran boyutlarında nasıl görüntüleneceğine ilişkin talimatlar verir. Mobil uyumlu web sayfaları Google'ın mobil arama sonuçlarında daha üst sıralarda yer aldığından bu önemlidir.

En İyi Uygulamalar

Tüm web sayfalarında ve standart etiketle meta görünümü kullanmanız çok önemlidir.

Meta Karakter Seti

Bu etiket, sayfanız için karakter kodlamasını belirler veya tarayıcıya karakterlerin ve metnin sayfada nasıl görüntüleneceğini bildirir. Unicode'u kodlamak için kullanılan UTF-8 ve Latin alfabesini kodlamak için kullanılan ISO-8859-1 dahil olmak üzere iki ortak karakter seti vardır. Yanlış karakterle kodlama, tarayıcının yanlış görüntülenmesine neden olur.

(Görüntü Kredisi: Web Eğitimlerini Öğrenin)

Karakter biçimlendirme sorunları, olumsuz bir kullanıcı deneyimine neden olur ve sayfalarınız bozuk görünebilir. Sayfanıza bağlantı veren daha az insan, düşük bekleme süresi, sayfada düşük süre, yüksek hemen çıkma oranı ve arama motorunun içeriğinizi anlamaması gibi diğer sorunlar da olabilir.

En İyi Uygulamalar

• Tüm web sayfalarınızda her zaman meta karakter kümesi etiketi kullanın
• Mümkünse Unicode/UTF-8 kullanın

UTF-8 kodlamasını kullandıklarından emin olmak için tüm web sayfalarınızı kontrol etmeniz önemlidir.

Meta Yenileme Yönlendirmesi

Bu etiket, belirli bir süre sonra kullanıcıyı başka bir URL'ye yönlendirir. Google, meta yenileme yönlendirme etiketlerini anlar ve bunlara saygı duyar, ancak bunları SEO'da kullanmamak en iyisidir. Bunun nedeni, çoğu tarayıcının bunları desteklememesi ve güvenlik endişelerini dile getirirken kullanıcıda kafa karışıklığına neden olabilmesidir. Ayrıca, hedef URL görünür hale gelmeden önce sayfaların ayrıştırılması gerektiğinden zaman alır. Bu etiket şöyle görünecek:

(Resim Kredisi: HostPapa)

En İyi Uygulamalar

• Yalnızca gerektiğinde meta yenileme yönlendirme etiketlerini kullanın

Kötü bir uygulama olduklarından, mümkün olduğunda meta yenileme yönlendirmelerini kullanmaktan kaçınmanız en iyisidir. Web sayfalarınızda varsa, mümkünse bunun yerine 301 veya 302 yönlendirmelerini kullanabilirsiniz.

anahtar Kelimeler

Meta anahtar kelimeler, bu günlerde sıklıkla kullanılan iyi bir meta etiket örneğidir. Google, sıralamalar için anahtar kelimeleri kullanmayı bıraktığından, meta anahtar kelimeler etiketini bir hedef anahtar kelime listesiyle eklemeniz önerilmez. Bunun nedeni, birçok kişinin alakasız anahtar kelimeleri, kullanıcılar bu anahtar kelimeleri görmeden doldurmasıdır. Google, anahtar kelimelerin meta etiketini sıklıkla kötüye kullanıldığından göz ardı etti.

Bing artık istenmeyen postaları bildirmek için meta etiketi anahtar sözcüklerini kullanıyor, bu nedenle bu size karşı çalışabilir. Etiketi sitenizden kaldırmanız en iyisidir.

Meta veriler, diğer veriler hakkında bilgi sağlayan verilerdir. HTML meta verileri, verilerle ilgili temel bilgileri özetleyerek söz konusu verileri bulmayı ve bu verilerle çalışmayı kolaylaştırır. Daha fazla doğruluk için manuel olarak veya daha temel bilgiler sunmak için otomatik olarak oluşturulabilir. Mata verileri, belge dosyaları, resimler, videolar, elektronik tablolar ve web sayfaları için kullanılır.

Meta Etiket Oluşturucu nedir?

Bir meta etiket oluşturucu, SEO için gerekli ve en kullanışlı HTML meta etiketlerini geliştirmenize olanak tanır.

HTML Meta Verilerini Kullanırken En İyi Uygulamalar

Her Zaman Bir Doctype Bildirin

SEO için HTML meta etiketlerinizdeki ilk şey bir doküman türü bildirimi olmalıdır. Tarayıcıya kullanılan XHTML standartları hakkında bilgi verir. Bazı geliştiriciler tarafından zor bir seçim olarak görülse de, XHTML 1.0 katı doktipinin kullanılması tavsiye edilir. Kodunuzun kesinlikle en son standartlara uygun olmasını sağlar.

Anlamlı Başlık Etiketleri Kullanın

Başlık etiketleri, web sayfasının daha anlamlı ve arama dostu olmasını sağlar.

Meta Etiketlerin Açıklayıcı Listesini Kullanın

Meta etiketlerin listesi, arama motoru örümcekleri gibi kullanıcı aracıları için web sayfanıza daha fazla anlam katar. Arama motorları bunu algılayacağından, açıklamanın tekrar eden kelimeler ve kelime öbekleri içermemesi önemlidir. Web sayfanızın amacını açıklarken basit ve anlaşılır açıklamalar kullanın.

Div'leri Kullanarak Düzeninizi Ana Bölümlere Ayırın

Bir web sitesi tasarımı oluştururken, ilk adımda web sayfasını bölümlere ayırmayı düşünün. Bu, temiz ve iyi niyetli bir kodu teşvik ederken, karmaşık ve uzun bir işaretleme yazarken karışıklığı ve div'leri aşırı derecede kullanmanızı önlemenize yardımcı olur.

Sunumdaki İçeriği Karıştırmaktan Kaçının

HTML içeriğinizi CSS tarafından sağlanan içerik görsel sunumu ile karıştırmayın. HTML'nizde satır içi stiller kullanmak yerine stilleriniz için ayrı bir CSS dosyası oluşturmak çok önemlidir. Bu, sizin ve kod üzerinde çalışan diğer geliştiricilerin hızlı değişiklikler yapmasını ve içeriğinizin kullanıcı aracıları için daha anlaşılır olmasını sağlayacaktır.

CSS'yi Küçült ve Birleştir

Tipik web sitelerinde büyük bir CSS dosyası ve muhtemelen tarayıcıya özel düzeltmeler ve CSS sıfırlama gibi başka şeyler bulunur. Her C dosyası bir HTTP isteği yaptığında, web sitesi yükleme sürelerini yavaşlatır. Tüm kodunuzdan yeni satırlar, boşluklar ve sekmeler gibi ihtiyaç duyulmayan karakterleri çıkarmak ve birbirine entegre edilebilen dosyaları birleştirmek. Bu, bu sorunu çözmeye ve web sitenizin yükleme sürelerini iyileştirmeye yardımcı olabilir.

JavaScript'i Küçült, Birleştir ve Aşağı Taşı

Satır içi JavaScript kullanmaktan kaçının, bunun yerine, sayfalarınızdan birini oluşturmak için gereken HTTP isteklerinin sayısını azaltmak için JavaScript kitaplıklarınızı küçültüp birleştirmeyi deneyin. Ancak, çoğu tarayıcıda paralel indirme yapamazsınız; bu, tarayıcının JavaScript indirirken başka bir şey indirmeyeceği ve sayfanın yavaş yükleniyormuş gibi görünmesine neden olacağı anlamına gelir.

Bunu önlemek için JavaScript'inizi CSS'nizi yükledikten sonra, JavaScript'i uygun olduğunda, tercihen gövde etiketini kapatmadan önce HTML belgenizin sonuna yerleştirerek yükleyebilirsiniz.

Başlık Öğelerini Akıllıca Kullanın

HTML'nizin içerik sırasını belirtmek için h1 ila h6 öğelerini kullanmak, içeriğinizi kullanıcı aracısı, arama motorları ve ekran okuma yazılımı için daha kullanıcı dostu hale getirir. Blogları kullanırken, arama motorları için ideal olduğundan, site adı yerine blog yazısı başlığı için h1 öğesini kullanmanız en iyisidir.

Doğru Yerde Doğru HTML etiketlerini kullanın

Karışıklığı önlemek ve ilgili bir içerik yapısı oluşturmak için mevcut HTML etiketlerini ve bunların nasıl doğru şekilde kullanılacağını bilmeniz önemlidir.

Bu makaleyi faydalı bulduğunuzu umuyoruz.

Sitenizin sağlığı hakkında daha fazla bilgi edinmek, kişisel öneriler ve uyarılar almak istiyorsanız, web sitenizi Diib ile tarayın. Sadece 60 saniye sürer.

Web Sitenizi Girin

Örneğin “www.diib.com”

Ücretsiz kaydol

DIIB'ye doyamıyorum!! En iyi araç ve onu bulduğum için çok minnettarım. Kesinlikle seviyorum!! Parmaklarınızı çaprazlama, fiyatlarınızı yükseltmeyin çünkü bu çok mükemmel.

Katarina Gage
ahoymatey.com.au'da Operasyon Direktörü

Div'leri Aşırı Kullanmaktan Kaçının

Bazı geliştiriciler, div etiketlerini çok sayıda div oluşturan daha fazla div etiketine sahip diğer div etiketlerine sarar. Div, yalnızca W3C HTML özelliklerine göre uygun başka öğe olmadığında kullanılması gereken anlamsız bir öğe olarak kabul edilir. Sorumlu bir şekilde ve yalnızca gerekli olduğunda kullanarak çok sayıda div bulundurmaktan kaçının.

Gezinme için Sırasız Liste Kullanın

Gezinme öğesi, CSS ile birleştirildiğinde web sitesi tasarımında çok önemli bir faktördür. Gezinme menülerinizin anlamsal ve güzel olmasına yardımcı olur. İşte bunu yapmanın iki yolu:

(Resim Kredisi: Studytonight)

Etiketlerinizi Kapatın

W3C spesifikasyonları, tüm etiketlerinizi kapatmanızı gerektirir. Diğer tarayıcılar, normal standartlarda etiketlerinizi kapatmamak geçersiz olsa bile sayfalarınızı doğru bir şekilde görüntüleyebilir.

Küçük Harf İşaretleme Kullan

İşaretlemenizi küçük harfli tutmak, endüstride standart bir uygulamadır. İşaretlemenizi büyük harf kullanmak kodun okunabilirliğini etkiler ancak web sayfalarınızın görünümünü değiştirmez.

Modüler IE Düzeltmelerini Kullanın

Sayfalarınızla ilgili sorun yaşıyorsanız, internet explorer'a odaklanmak için koşullu yorumları kullanabilirsiniz. IE'nin eski sürümünün herhangi bir destek gerektirmemesi için çalışmanızın geleceğe dönük olmasını sağlamak için düzeltmeleri modüler yaptığınızdan emin olun.

Kodunuzu Doğrulayın

Doğrulamayı, iyi çalışmanın kötü çalışmaya karşı nihai değerlendirmesi olarak görmemelisiniz. Doğrulayan bir çalışma mutlaka iyi kod değildir ve alternatif olarak, tam olarak doğrulamayan bir çalışma mutlaka kötü kod değildir.

Otomatik doğrulama hizmetlerini, işleme hatalarını belirlemek için yararlı hata ayıklayıcılar olarak kullanabilirsiniz. Çalışmanızı tamamladıktan sonra tanımlanması zor olabilecek sorunlardan kaçınmak için HTML yazarken çalışmanızı sık sık doğrulayın.

Tutarlı Biçimde Kod Yaz

Temiz ve iyi niyetli bir kod tabanı yazmak, profesyonelliğinizi ortaya çıkarır ve kodunuz üzerinde çalışabilecek geliştiricilerin işini kolaylaştırır. Baştan itibaren düzgün girintili bir işaretleme yazdığınızda, çalışmanızın okunabilirliğini de artıracaksınız. Örneğin:

(Resim Kredisi: html.com)

Aşırı Yorumlardan Kaçının

Kodunuzu belgelemenin amacı, onu anlaşılır kılmak ve kodunuzu yorumlamak Java, PHP ve C# gibi programlama dilleri için makul ve mantıklıdır. Ancak, işaretleme çok açıklayıcıdır ve XHTML/HTML'deki her satıra yorum yapmanız gerekmez. Süreci açıklamak için HTML'nizde çok fazla yorum yapıyorsanız, çalışmanızı anlambilim açısından gözden geçirmek size yardımcı olacaktır.

Diib: HTML Meta Veri İstatistiklerinizi Buradan Alın!

Bu unsurları kullanmak ve yönergeleri takip etmek, SEO çabalarınızda size yardımcı olacaktır.

İyi bir meta açıklama gibi öğeler, sıralamanızı iyileştirmese de aramalardaki tıklama oranlarınızı artıracaktır. Meta etiketler artık Twitter ve Facebook gibi sosyal medya platformlarında kullanılıyor. Verilerinizin Facebook'ta nasıl paylaşıldığını kontrol etmek için etiketleri kullanabilirsiniz. Diib Digital ile ortaklık yapmak, web sitenizin sağlığı hakkında etkili kararlar alabilmeniz için size meta verilerinizle ilgili hayati ölçümleri verecektir.

İşte Kullanıcı Kontrol Panelimizin seveceğinizden emin olduğumuz bazı özellikleri:

• Web sitesi performansını artırmak için tasarlanmış Özel Hedefler
• Etki Alanı Yetkilisi diğer teknik SEO sorunları hakkında size bilgi veren uyarılar
• Geri bağlantılarınızın olduğu bozuk sayfalar (404 denetleyicisi)
• Anahtar kelime, geri bağlantı ve indeksleme izleme ve izleme araçları
• Kullanıcı deneyimi ve mobil hız optimizasyonu
• Resim başlığı optimizasyonu

Ücretsiz taramanız için burayı tıklayın veya büyüme uzmanlarımızdan biriyle konuşmak için 800-303-3510 numaralı telefonu arayın.