SEO için En Önemli 8 HTML Etiketi

SEO sürecinizde HTML etiketleri kullanıyor musunuz?

HTML etiketleri, tüm web sayfalarının arka ucuna sahip kod öğeleridir, ancak arama motorlarına SERP gösterimi için önemli bilgiler sağlayan belirli HTML kod türleri de vardır. Esasen, bu öğeler içeriğinizin aramayla ilgili kısımlarını vurgular ve bu öğeleri arama tarayıcıları için açıklar.

Bununla birlikte, tüm bu ekstra kod araçlarını kullanmak zorunda değilsiniz. Arama motorları daha akıllı hale geliyor ve bugünlerde HTML etiketlerinin kullanımı geçmişte olduğundan çok daha az. Ancak birkaç etiket hala dayanıyor - ve hatta bazıları SEO değeri kazanmış durumda.

Bu yazıda, 2020'de hala mantıklı olan bazı önemli SEO HTML etiketlerinin üzerinden geçeceğiz.

1. Başlık etiketi

Başlık etiketleri, SERP'de gördüğünüz tıklanabilir başlıkları ayarlamak için kullanılır:

Genel olarak konuşursak, sayfanız için bir SERP başlığı oluşturmak Google'a kalmıştır ve sayfanın içindeki bölüm başlıklarından herhangi birini kullanabilir - veya hatta tamamen yeni bir başlık oluşturabilir.

Ancak Google'ın başlık fikirlerini kontrol edeceği ilk yer başlık etiketidir ve bir başlık etiketinin bulunduğu yerde, Google bunu büyük olasılıkla ilgili listedeki ana başlık yapacaktır. Bu nedenle, başlık etiketini optimize etmek, sayfanızın SERP'de temsil edilme şekli üzerinde size bir miktar kontrol sağlar.

En iyi uygulamalar

Bir yandan, başlığınız, arama sonuçlarında görünmesine yardımcı olacak anahtar kelimeleri içermelidir. Öte yandan, başlığınız kullanıcıların gerçekten tıklayabileceği kadar çekici olmalıdır, bu nedenle arama optimizasyonu ile kullanıcı deneyimi arasında bir denge olması gerekir:

• Uzunluğa dikkat edin - Google, başlığınızın yalnızca ilk 50-60 karakterini görüntüler ve geri kalanını keser. Önemli bilgileri kesme noktasından önce sığdırdığınız sürece 60 karakterden uzun bir başlığa sahip olmak sorun değildir.
• Makul sayıda anahtar kelime ekleyin - Anahtar kelime doldurma büyük olasılıkla cezalandırılır, ancak bir veya iki anahtar kelime yeterli olacaktır. Sadece başlığınızın tutarlı bir cümle oluşturduğundan emin olun.
• İyi bir kopya yazın - Satış yapmayın ve genel olmayın. İçeriğinizin değerini vurgulayan açıklayıcı başlıklar oluşturun ve uygun beklentiler oluşturun, böylece kullanıcılar sayfayı ziyaret ettiklerinde hayal kırıklığına uğramazlar.
• Marka adınızı ekleyin - Tıklamanızı artırma ihtimali olan tanınabilir bir markanız varsa, bunu başlığa da eklemekten çekinmeyin.

HTML Kodu

Aşağıda, koronavirüs istatistikleriyle ilgili bir BBC makalesinden alınan bir miktar kod bulunmaktadır. Meta açıklama etiketinin hemen üstünde düzgün bir şekilde ayarlanmış bir başlık etiketi görebilirsiniz - bundan sonra tartışacağımız şey bu:

2. Meta açıklama etiketi

Meta açıklama etiketleri, arama sonucu snippet'leri içinde açıklamaları ayarlamak için kullanılır:

Google, bu parçacıkları oluşturmak için her zaman meta açıklama etiketlerini kullanmaz, ancak meta etiket oradaysa, meta açıklamanızın bunu SERP'de yapması için iyi bir şans vardır.

Bununla birlikte, Google'ın bazen meta açıklama etiketini görmezden geleceğini ve bunun yerine sayfadan biraz alıntı yapacağını unutmayın. Bu normalde, alıntı belirli bir sorgu için meta açıklamadan daha iyi eşleştiğinde gerçekleşir.

Temel olarak Google, tıklama şansınızı artırmak için en iyi seçeneği seçecektir.

En iyi uygulamalar

Meta açıklamaları için kurallar aşırı derecede katı değildir - sonuçta, iyi bir tane yazmayı başaramazsanız, bir tanesini tamamen yazmasanız bile, Google sizin için bir tane yazacaktır.

• Uzunluğu izle - Başlıklarda olduğu gibi, Google meta açıklamanızın ilk 150-160 karakterini saklar ve geri kalanını keser. Arama yapanların ilgisini en üst düzeye çıkarmak için önemli yönlerin erkenden dahil edildiğinden emin olun.
• İyi bir kopya yazın - Meta açıklama sıralama için kullanılmasa da, onu arama amacı için optimize etmek yine de önemlidir. Açıklamanız ilgili sorguya göre ne kadar alakalı olursa, bir kullanıcının sayfanızı ziyaret etme olasılığı o kadar yüksek olur.
• Meta açıklamayı atlamayı düşünün - Özellikle uzun kuyruklu anahtar kelimeler için veya çeşitli anahtar kelimeleri hedefleyen sayfalar için iyi bir kopya oluşturmak zor olabilir. Bu gibi durumlarda, meta açıklamayı dışarıda bırakmayı düşünün - Google, sayfanızı kazıyacak ve snippet'inizi her iki şekilde de birkaç alakalı alıntıyla dolduracaktır.

HTML Kodu

Aşağıda, koronavirüs istatistikleriyle ilgili aynı BBC makalesinden alınan bir kod parçası bulunmaktadır ve başlık etiketinin ardından, makalenin ne hakkında olduğuna dair kısa bir özet sağlayan bir meta açıklama etiketi olduğunu görebilirsiniz:

3. Başlık (H1-H6) etiketleri

Başlık etiketleri, sayfalarınızı hem okuyucu hem de arama motorları için yapılandırmak için kullanılır:

Artık hiç kimsenin bir makaleyi okumadığı bir sır değil - bunun yerine genellikle yaptığımız şey, sevdiğimiz bölümü bulana kadar makaleyi taramak, o bölümü okuduktan sonra geri dönüyoruz. Ve makale bölümlere ayrılmamışsa, çoğu kişi hemen geri dönecektir, çünkü bu çok fazla. Bu nedenle, kullanıcı açısından bakıldığında, başlıklar kullanışlı okuma yardımcılarıdır.

Bununla birlikte, arama motoru açısından bakıldığında, başlık etiketleri içeriğin özünü oluşturur ve arama tarayıcı botlarının sayfanın neyle ilgili olduğunu anlamasına yardımcı olur.

En iyi uygulamalar

Başlıklar için kurallar, genel metin yazma uygulamalarından türetilmiştir - kopyanızı küçük parçalara ayırın ve tutarlı biçimlendirme sağlayın:

• Birden fazla H1 - H1 başlığı kullanmayın, çünkü arama motorları tarafından sayfanın başlığı olarak değerlendirilir. Başlık etiketi ile karıştırılmamalıdır - web sitenizde H1 etiketi görüntülenirken başlık etiketi arama sonuçlarında görüntülenir.
• Sığ yapıyı koruyun - Nadiren H3'ün altına inme ihtiyacı vardır. Başlık için H1, bölüm başlıkları için H2 ve alt bölümler için H3 kullanın. Daha fazlası kafa karıştırmaya meyillidir.
• Sorguya benzer başlıklar oluşturun - Her başlığı, aramada sıralama için ek bir fırsat olarak değerlendirin. Bu amaçla, her başlık ya bir sorgu ya da bir sorguya verilen yanıt gibi görünmelidir - anahtar kelimeler dahil.
• Tüm başlıklarla tutarlı olun - Tüm başlıklarınız, tüm metni kaldırıp yalnızca başlıkları tutarsanız, bir liste gibi okunacak şekilde yazılmalıdır.

HTML Kodu

Aşağıda, koronavirüs istatistikleriyle ilgili aynı BBC makalesinden alınan bir kod pasajı bulunmaktadır ve uygun şekilde ayarlanmış bir H2 başlığı ve ardından iki paragraf olduğunu görebilirsiniz:

4. Resim alt metni

Alt metnin temel amacı web erişilebilirliği iken, alt özelliğinin SEO hedefi görüntü indekslemedir.

Resim alt metninin temel amacı, kullanıcıların resmi görme engelli bir ziyaretçi tarafından görüntülenemediğinde anlamalarına yardımcı olmaktır. Bu durumda, diyelim ki bir sorun olduğu ve görüntünün yüklenmeyeceği zamanların yanı sıra, alternatif metin, görüntüyü görüntülemek yerine görüntüde ne olduğunu açıklamak için kullanılabilir.

SEO perspektifinden bakıldığında, alt metin, görsellerin Google aramasında nasıl dizine eklendiğinin büyük bir parçasıdır. Dolayısıyla, yaptığınız işin görsel bir bileşeni varsa - ürünlerinizin görüntüleri, çalışmalarınız, stok görselleriniz, sanatınız - o zaman kesinlikle görsel alt metinleri kullanmayı düşünmelisiniz.

En iyi uygulamalar

Alternatif metin etiketleri eklemenin bir ön koşulu, tüm resimleri onsuz bulmaktır.

Web sitenizi taramak ve alt metni eksik resimlerin bir listesini derlemek için WebSite Auditor gibi bir araç kullanabilirsiniz.

Listenizi oluşturduktan sonra şu yönergeleri uygulayın:

• Kısa, ancak açıklayıcı olun - İyi alternatif metin, görme engelli bir kişinin resimde görülen şeyi anlamasına yardımcı olacak bir veya iki satır metin hakkındadır.
• Çok kısa olmayın - Bir kelime, hatta birkaç kelime muhtemelen onu kesmeyecek - resmi diğer resimlerden ayırmanın bir yolu olmayacaktır. Görüntülenen tüm olası özellikleri düşünün: nesne türü, renk, malzeme, şekil, kaplama, aydınlatma vb.
• Anahtar kelime doldurma yapmayın - Anahtar kelime doldurmanın hala çalıştığı bir yer kalmadı ve alternatif metin bir istisna değildir.

HTML Kodu

Aşağıda, hastalık hücrelerinin bir görüntüsünden bir alternatif metin parçacığı örneği verilmiştir:

5. Şema işaretlemesi

Şema işaretlemesi, zengin snippet özellikleriyle normal SERP snippet'lerini geliştirmek için kullanılır:

Schema.org, Google, Bing, Yahoo! Ve Yandex tarafından ortaklaşa geliştirilen bir etiket koleksiyonunu barındırır ve etiketler, web yöneticileri tarafından arama motorlarına farklı türdeki sayfalar hakkında ek bilgi sağlamak için kullanılır. Buna karşılık, arama motorları bu bilgileri SERP parçacıklarını çeşitli zengin özelliklerle geliştirmek için kullanır.

Şema işaretlemesini kullanmanın kişinin sıralama şansını artırıp artırmadığına dair bir kesinlik yoktur - ancak sonuçta ortaya çıkan snippet'lerin normal snippet'lerden çok daha çekici göründüğüne ve dolayısıyla kişinin aramadaki konumunu iyileştirdiğine dair hiçbir şüphe yoktur.

En iyi uygulamalar

Tek en iyi uygulama, schema.org'u ziyaret etmek ve sayfa türlerinize uygulanabilecek herhangi bir etiketi olup olmadığını görmektir. Binlerce olmasa da yüzlerce etiket vardır, bu nedenle geçerli bir seçenek olabilir ve web sitesi listelerinizi iyileştirmeye yardımcı olabilir.

HTML Kodu

İşte bir tarif için beslenme gerçeklerini belirten örnek bir kod pasajı. Biçimlendirme için kullanılabilen öğelerin tam listesi için schema.org adresini ziyaret edebilirsiniz:

6. HTML5 semantik etiketleri

HTML5 öğeleri, çeşitli sayfa bileşenlerinin daha iyi açıklamaları için kullanılır:

HTML5 öğelerinin tanıtımından önce, HTML kodunu ayrı bileşenlere ayırmak için çoğunlukla div etiketlerini kullandık ve daha sonra bu bileşenleri daha ayrıntılı belirtmek için sınıfları ve kimlikleri kullandık. Her web yöneticisi, bileşenleri kendi özel yöntemleriyle belirledi ve bu nedenle, sonuçta biraz karışıklık yarattı ve arama motorlarının her sayfada ne olduğunu anlaması zor oldu.

Anlamsal HTML5 öğelerinin tanıtımıyla birlikte, her biri ayrı bir sayfa bileşenini açıklayan bir dizi sezgisel etiketimiz var. Dolayısıyla, içeriğimizi bir dizi kafa karıştırıcı div ile etiketlemek yerine, artık bileşenleri kolay anlaşılır, standartlaştırılmış bir şekilde açıklamanın bir yoluna sahibiz.

Tahmin edebileceğiniz gibi, arama motorları semantik HTML5 konusunda çok heveslidir.

HTML Kodu

İşte en kullanışlı anlamsal HTML5 öğelerinden bazıları, bunları arama motorlarıyla iletişiminizi geliştirmek için kullanın:

• makale - bir gönderiyi kodun geri kalanından ayırır, taşınabilir hale getirir
• bölüm - bir blogdaki bir grup gönderiyi veya bir gönderi içindeki bir grup başlığı ayırır
• kenara - ana içeriğin parçası olmayan ek içeriği izole eder
• başlık - belgenin, makalenin, bölümün üst kısmını izole eder, gezinme içerebilir
• altbilgi - belgenin, makalenin, bölümün altını izole eder, meta bilgi içerir
• gezinme - gezinme menülerini, gezinme öğesi gruplarını ayırır

7. Meta robot etiketi

Robots meta etiketi, web siteleri ve arama motorları arasındaki etkileşim kurallarıyla ilgilidir.

Burası, web sitesi sahiplerinin sayfalarını taramak ve dizine eklemek için bir dizi kural belirlediği yerdir. Bu kurallardan bazıları zorunluyken diğerleri daha çok öneri gibidir - tüm tarayıcılar robotların meta etiketlerine saygı göstermez, ancak genel arama motorları genellikle saygı duyacaktır. Meta robot etiketi yoksa, tarayıcılar istediklerini yapacaktır.

En iyi uygulamalar

Meta robot etiketi, sayfa kodunun baş bölümüne yerleştirilmeli ve hangi tarayıcılara hitap ettiğini ve hangi talimatların uygulanması gerektiğini belirtmelidir:

• Robotları ada göre ele alın - Talimatlarınız tüm tarayıcılar içinse robotları kullanın, ancak tek tek tarayıcıları ele almak için belirli adlar kullanın. Örneğin, Google'ın standart web tarayıcısı Googlebot olarak adlandırılır. Tek tek robotların adreslenmesi, genellikle kötü niyetli tarayıcıların sayfadan engellenmesi ve iyi niyetli tarayıcıların devam etmesine izin verilmesi için yapılır.
• Talimatları hedeflerinizle eşleştirin - Normalde arama motorlarının belgeleri, dahili arama sonuçlarını, yinelenen sayfaları, hazırlık alanlarını ve aramada görünmesini istemediğiniz diğer her şeyi dizine eklemesini engellemek için robots meta etiketlerini kullanmak istersiniz.

HTML Kodu

Aşağıda, robots meta etiketleriyle en sık kullanılan parametrelerden bazıları verilmiştir. Tek bir meta robots etiketinde, virgülle ayrılmış olarak istediğiniz sayıda kullanabilirsiniz:

• noindex - sayfa dizine eklenmemelidir
• nofollow - sayfadaki bağlantılar izlenmemelidir
• takip et - sayfa dizine eklenmeyecek olsa bile sayfadaki bağlantılar izlenmelidir
• noimageindex - sayfadaki resimler dizine eklenmemelidir
• noarchive - arama sonuçları sayfanın önbelleğe alınmış bir sürümünü göstermemelidir
• unavailable_after - sayfa belirli bir tarihten sonra dizine eklenmemelidir.

8. Kanonik etiket

Kanonik etiket sizi yinelenen içerik riskinden kurtarır:

İşin özü, herhangi bir sayfanın sizin hatanız olmaksızın birkaç adrese sahip olabileceğidir. Bazen http / https ve çeşitli izleme etiketleri gibi çeşitli yapılardan kaynaklanırlar ve bazen de ürün kataloglarında bulunan çeşitli sıralama ve özelleştirme seçeneklerinden kaynaklanırlar.

Dürüst olmak gerekirse bu büyük bir sorun değil, ancak tüm bu adresler tarama bütçesi ve sayfa otoriteniz için vergilendiriliyor olabilir ve ayrıca performans izlemenizi bozabilir. Alternatif, bir arama motoruna bu sayfa adreslerinden hangisinin asıl olduğunu söylemek için bir kanonik etiket kullanmaktır.

En iyi uygulamalar

Olası SEO komplikasyonlarından kaçınmak için kanonik etiketi aşağıdaki sayfalara uygulayın:

• Farklı URL'ler aracılığıyla kullanılabilen sayfalar
• Çok benzer içeriğe sahip sayfalar
• Kendi URL parametrelerini oluşturan dinamik sayfalar

Son düşünceler

Bunlar, 2020'de hala endişelenmem gereken en iyi HTML etiketlerim, ancak bazılarının kesin olarak çıkış yolunda olduğuna inanıyorum. Belirtildiği gibi, arama motorları giderek daha akıllı hale geldikçe, HTML etiket optimizasyonuna gittikçe daha az ihtiyaç duyulmaktadır, çünkü çoğu şey artık algoritmik olarak çıkarılabilmektedir. Ayrıca, çoğu modern CMS sistemi, en azından belirli bir kapasitede bu öğeleri otomatik olarak ekler.

Yine de, içeriğimi yorumlamayı tamamen Google'a bırakmazdım - en iyisi mümkün olduğu yerde onunla buluşmaktır.