SEO için HTML Etiketleri: Hangi Etiketler Önemli, Örneklerle

Arama motorları ve yapay zeka asistanları, sayfanızı kimse ekranda görmeden önce kod olarak okur. Bir avuç SEO için HTML etiketi bu kodun nasıl anlaşıldığını belirler: hangi URL'nin dizine ekleneceği, sonuçlarda hangi başlığın görüneceği, sayfanın ne hakkında olduğu ve paylaşıldığında nasıl göründüğü. Google, desteklediği meta etiketlerini ve öznitelikleri Search Central belgelerinin tek bir sayfasında listeler ve bu listenin dışındaki her şeyin Google Arama üzerinde etkisi yoktur. Bu rehber, her yararlı etiketi bir örnekle, kaçınılması gereken hataları ve unutabileceğiniz etiketleri ele alıyor.

SEO için hangi HTML etiketleri önemlidir?

Aşağıdaki tablo başvuru listesidir. Head içindeki etiketler sayfayı makinelere anlatır; body içindekiler insanların okuduklarını yapılandırır.

Hangi head etiketleri Google'ın sayfanızı nasıl göstereceğini denetler?

Title etiketi

Title etiketi sayfadaki en önemli etikettir. Google, bir title öğesinin uzunluğunda sınır olmadığını söyler, ancak başlık bağlantısı cihaz genişliğine sığacak şekilde kesilir; bu da uygulamada masaüstünde yaklaşık 50 ile 60 karakter anlamına gelir. Google onu yeniden de yazabilir: belgeleri, title öğesinden ve ana görünür başlıktan H1 başlıklarına, og:title etiketine ve sayfaya işaret eden bağlantıların bağlantı metnine kadar kullandığı kaynakları listeler. H1 ve sayfa içeriğiyle uyumlu bir başlık, Google'ın tuttuğu başlıktır. Her sayfa için, ana anahtar kelime başa yakın ve marka sonda olacak şekilde benzersiz bir başlık yazın.

Meta description

Meta description sıralamaları değiştirmez, ancak başlığın altındaki snippet'i sıkça sağlar ve bu nedenle tıklamaları etkiler. Google onu, sorguyla daha iyi eşleşen bir sayfa pasajıyla değiştirebilir. Bunu kısa bir yanıt ve ardından bir fayda olarak, 120 ile 160 karakter arasında yazın ve aynı açıklamayı birkaç sayfada asla yeniden kullanmayın.

Meta robots etiketi

Robots meta etiketi tarayıcılara sayfayla ne yapabileceklerini söyler. En çok kullanılan değer, bir sayfayı sonuçların dışında tutan noindex'tir; diğerleri arasında nofollow, nosnippet ve metin snippet'inin uzunluğunu sınırlayan max-snippet vardır. PDF gibi head bölümü olmayan dosyalar için aynı yönergeler X-Robots-Tag HTTP başlığına yazılır. Yayındaki bir şablonda unutulan noindex, kaybedilen trafiğin en yaygın nedenlerinden biridir, bu yüzden her yayından sonra kontrol edin.

Viewport ve charset

Google belgelerinde viewport etiketinin varlığının mobil uyumlu bir sayfayı gösterdiğini belirtir. Google sitelerin mobil sürümünü dizine eklediği için bu etiket her sayfada bulunmalıdır. Charset bildirimi (Google'ın önerisi UTF-8), başlıklarda ve snippet'lerde bozuk karakterleri önler; bu da çok dilli sitelerde önemlidir.

Hangi etiketler Google'a hangi URL'yi dizine ekleyeceğini söyler?

Head'deki iki bağlantı etiketi kopyaları ve dilleri yönetir. Canonical etiketi, aynı içeriğe birden fazla URL üzerinden ulaşılabildiğinde (filtreler, izleme parametreleri, HTTP ve HTTPS) tercih edilen sürümü belirtir. Google bunu yönlendirmeler ve iç bağlantılarla birlikte güçlü bir ipucu olarak ele alır; bu yüzden tüm sinyaller aynı URL'yi gösterdiğinde en iyi çalışır. Mutlak URL kullanın, sayfa başına bir canonical tutun ve onu engellenmiş veya noindex yapılmış bir sayfaya asla yönlendirmeyin.

Hreflang özniteliği, Google'a hangi sayfanın hangi dile veya bölgeye gösterileceğini söyler. Google'ın yerelleştirilmiş sürümler rehberine göre her sürüm kendisini ve diğerlerinin hepsini listelemelidir ve dili kapsanmayan kullanıcılar için sayfayı bir x-default değeri belirtebilir. Eksik dönüş bağlantıları en sık görülen hreflang hatasıdır: A sayfası B sayfasını gösteriyorsa, B sayfası da A sayfasını göstermelidir.

Hangi body etiketleri arama motorlarının içeriği anlamasına yardımcı olur?

H1'den H6'ya başlıklar

Başlıklar sayfanın ana hatlarını verir. Konuyu belirten tek bir H1, ana bölümler için H2 etiketleri ve bir bölüm içindeki adımlar veya öğeler için H3 etiketleri kullanın; görsel etki için seviye atlamayın. Google, birden fazla H1 etiketinin ceza gerektirmediğini söyledi, ancak tek ve net bir H1 kullanıcılar ve yardımcı teknolojiler için en basit yapı olmaya devam ediyor. Soru biçimli H2 başlıkları ("X nasıl çalışır?") insanların aramaları ve komutları ifade etme biçimiyle de eşleşir.

Görsellerde alt metin

Google, görsel SEO yönergelerinde bir görseli anlamak için alt metni bilgisayarlı görü ve sayfa içeriğiyle birlikte kullandığını, alt özniteliklerini anahtar kelimelerle doldurmanın sitenin spam olarak görülmesine yol açabileceğini açıklar. Görselin ne gösterdiğini kısa bir ifadeyle tarif edin. Google ayrıca CSS arka plan görsellerini dizine eklemediğini belirtir; bu yüzden sıralanması gereken her görsel gerçek bir img öğesine ihtiyaç duyar.

Bağlantılar ve rel öznitelikleri

a öğesi, tarayıcıların sayfaları keşfetme biçimidir; bu yüzden iç bağlantılar href içeren gerçek bağlantılar olmalıdır, JavaScript ile yönetilen düğmeler değil. rel özniteliği dışa giden bağlantıları niteler: ücretli yerleşimler için sponsored, yorumlar ve forum gönderileri için ugc, onaylamak istemediğiniz bağlantılar için nofollow. Google bu değerleri 2020'den beri ipucu olarak ele alıyor. Açıklayıcı bağlantı metni hem kullanıcılara hem arama motorlarına yardımcı olur.

Anlamsal HTML5 öğeleri

main, article, nav, header, footer ve section gibi öğeler makinelere sayfanın hangi bölümünün ana içerik olduğunu ve hangi bölümlerin her sayfada tekrarlandığını söyler. Tek başlarına sıralamayı yükseltmezler, ancak ana içeriği arama motorları, ekran okuyucular ve yapay zeka araçları için ayırmayı kolaylaştırırlar. Anlamsal HTML rehberimiz her öğeyi ayrıntılı anlatıyor. Metnin içinde strong ve em vurguyu işaretler; bunları tüm paragraflar için değil, anahtar terimler için kullanın.

Hangi etiketler sosyal önizlemeleri ve zengin sonuçları şekillendirir?

Facebook tarafından oluşturulan ve artık çoğu sosyal ağ ile mesajlaşma uygulaması tarafından okunan Open Graph protokolü, bir sayfa paylaşıldığında önizleme kartını oluşturan og:title, og:description, og:image ve og:url etiketlerini tanımlar. Bunlar olmadan platformlar tahmin yürütür ve çoğu zaman yanlış görseli seçer. Yayımlamadan önce sonucu bir Open Graph önizleme aracıyla test edebilirsiniz.

Bir script etiketine yerleştirilen JSON-LD biçimindeki yapılandırılmış veri, sayfayı Schema.org sözlüğüyle tanımlar: makale, ürün, kuruluş, ekmek kırıntısı, SSS. Google bunu zengin sonuçlar için kullanır ve yapay zeka sistemlerine sayfanın arkasındaki varlık hakkında açık olgular sunar. İşaretleme sayfada görünen şeyi tanımlamalıdır. Yapay zeka yanıtlarındaki rolünü yapılandırılmış veri ve yapay zeka araması rehberimizde ele alıyoruz.

Google hangi HTML etiketlerini yok sayar?

Google'ın desteklenen etiketler listesi, neleri sürdürmeyi bırakabileceğinizi de söyler:

• Meta keywords: Google, meta keywords etiketinin Google Arama tarafından kullanılmadığını ve dizine eklemeye veya sıralamaya etkisi olmadığını belirtir.
• Bilinmeyen meta etiketleri: Google, meta author veya meta revisit-after gibi desteklemediği meta etiketlerini yok sayar.
• lang özniteliği: Google bir sayfanın dilini lang özniteliğinden değil, metninden algılar. Özniteliği erişilebilirlik ve diğer araçlar için tutun, dil sürümlerini bağlamak için hreflang kullanın.
• Yönlendirme olarak meta refresh: çalışır, ancak Google bunun yerine sunucu tarafı 301 yönlendirmesini önerir.

HTML etiketleri yapay zeka yanıtları için önemli mi?

Evet, basit bir nedenle: ChatGPT, Claude, Gemini ve Perplexity sayfalardan pasajlar çıkarır ve temiz HTML bu pasajların bulunmasını kolaylaştırır. Birkaç yapay zeka tarayıcısı ham HTML'i JavaScript çalıştırmadan alır; bu yüzden betiklerle enjekte edilen bir başlık, canonical veya metin bloğu onlara hiç ulaşmayabilir. Net bir başlık hiyerarşisi sayfayı kendi içinde bütün yanıtlara böler, listeler ve tablolar olguları bir arada tutar ve yapılandırılmış veri olguları belirsizlik bırakmadan ifade eder. Bu, üretken motor optimizasyonunun teknik yanıdır: Google'a yardımcı olan aynı etiketler, yapay zeka asistanlarının sizi doğru alıntılamasına da yardımcı olur.

Bir sayfanın HTML etiketlerini nasıl kontrol edersiniz?

1. Ham kaynağı okuyun. Kaynak kodu açın (Ctrl+U) ve title, meta description, robots, canonical ve hreflang etiketlerini arayın. Bir etiket yalnızca işlenmiş sayfada görünüyorsa JavaScript'e bağlıdır.
2. Google'ın görünümüyle karşılaştırın. Google Search Console'daki URL Denetleme aracı, Google'ın işlediği HTML'i ve seçtiği canonical'ı gösterir.
3. Sayfa sayfa denetleyin. Ücretsiz Sorank Chrome eklentisi, görüntülediğiniz sayfadaki eksik veya yinelenen etiketleri ve düzeltmeleri listeler.
4. Sitenin tamamını denetleyin. Bir tarayıcı, binlerce URL'de yinelenen başlıkları, eksik alt metinleri ve yanlış canonical'ları bulur; teknik SEO araçları seçkimiz seçenekleri karşılaştırır.
5. Her yayından sonra yeniden kontrol edin. noindex etiketleri, bozuk canonical'lar ve boş başlıklar şablon değişikliklerinde ortaya çıkar.

Yukarıdaki düzine etiketi doğru yapmak, HTML'in SEO için yapabileceği hemen her şeyi kapsar; işin geri kalanı içerik ve bağlantılardır. Temiz başlıklar, başlıklar, iç bağlantılar ve yapılandırılmış içerikle gelen sayfalar istiyorsanız, Sorank'ın makale oluşturucusu bunları autopilot olarak yazar ve yayımlar, yıllık faturalandırılan aylık $49'dan başlayan fiyatlarla (bkz. fiyatlandırma).