Başlık Etiketleri: SEO İçin H1, H2 ve H3 HTML Başlık Etiketleri İçin Basit (Ama Eksiksiz) Bir Kılavuz
Yayınlanan: 2020-08-25
Bu, 2021'deki başlık etiketleri için eksiksiz bir kılavuzdur.
Bu yeni kılavuzda, SEO başlık etiketlerinde yeni olsanız veya (Google tarafından) kandırılmış olsanız bile, daha yüksek arama motoru sıralamaları elde etmek için H1 ila H6 etiketlerini tam olarak nasıl kullanacağınızı öğreneceksiniz. İş.
HTML başlık öğelerinin ne olduklarından (düz konuşma), içeriğinizin erişimini ve etkileşimini artırdığı kanıtlanmış gelişmiş başlık stratejilerine kadar bilmeniz gereken her şeyi öğrenmek üzeresiniz .
Nelerin kapsandığına dair hızlı bir genel bakış:
- Başlık etiketleri nedir ve tam olarak nasıl kullanılır ?
- H1, H2 ve H3 etiketleri arasındaki fark ve her bir türün ne zaman kullanılmasının doğru olduğu
- Başlık etiketlerinin şu anda önemli olmasının beş nedeni
- Mükemmel yapılandırılmış bir başlık etiketi hiyerarşisinin anatomisi
- Daha yüksek sıralamalar (ve satışlar) sağlayan H1 ila H6 etiketleri nasıl oluşturulur?
- çok daha fazlası
Başlayalım.
İNDİR: Bu gönderide yer alan başlık etiketi optimizasyon ipuçlarını tam olarak nasıl uygulayacağınızı gösteren ücretsiz bir kontrol listesi.
Başlık Etiketleri Nedir? Bir Jargon Serbest Tanımı
Basit terimlerle:
Başlık etiketleri, bir sayfanın başlıklarını tanımlamak için kullanılan HTML öğeleridir.
<h1> başlığını ve <h2> ila <h6> alt başlıklarını içeriğin geri kalanından ayırırlar.
1'den 6'ya kadar olan sayı, bir başlığın, başlık yapısının genel hiyerarşisinde sahip olduğu konumu ve önemini belirler.
Çoğu SEO teriminde olduğu gibi, başlıkları tanımlamak için birbirinin yerine kullanılan her türlü eş anlamlı sözcük vardır:
Başlık etiketleri, HTML başlıkları ve H etiketleri aynı şeyi tanımlamanın başka yollarıdır.
Bu SEO terimlerini daha önce duyduysanız, şimdi ne anlama geldiklerini biliyorsunuz.
Hepsi sadece farklı adlara sahip başlık etiketleridir.
Öte yandan, bir “ HTML başlığı ”, bir web sayfasındaki <header> öğesi arasındaki kod bölümüdür.
Gezinme, logo, yazar bilgileri ve başlık ayrıntıları gibi tanıtım içeriği için bir kapsayıcıdır.
Başka bir deyişle, başlık etiketlerinizi (diğer şeylerin yanı sıra) içerebilen bir kapsayıcıdır .
Ayrıca başlık etiketlerini HTML kodunun < head > öğesiyle KARIŞTIRMAMALISINIZ.
< head >, meta veriler (verilerle ilgili veriler) için bir kapsayıcıdır ve web sayfanızdaki < html > etiketi ile <body> etiketi arasına yerleştirilir. İçeriği sayfada oluşturulmaz ancak SEO için kritik öneme sahiptir.
Kodunuzda Sayfa Başlığınızın, Meta Açıklamanızın ve Google Analytics gibi komut dosyalarınızın bulunduğu yerdir.
Hala benimle?
Harika, devam edelim.
H1 Etiketi Nedir?
H1'ler hakkında hiçbir şey bilmediğinizi varsayalım.
Sizinle gerçekten basit bir tanım paylaşacağım:
H1, bir web sayfasındaki birincil başlığı belirten bir HTML etiketidir.
Şunu açalım.
- Bu bir HTML öğesidir, yani H1 etiketi web sitenizin kodunun içindedir.
- Genellikle bir sayfadaki ilk görünür başlık olan ana başlığı işaretlemek için kullanılır.
Metni öne çıkarmak için, H1 etiketi genellikle sayfanızdaki veya yayınınızdaki metnin geri kalanından daha büyük ve daha belirgin bir şekilde görüntülenir.
Heading 1 etiketini nasıl kullanacağınızı anlamanın en kolay yolu, bir belgenin ana hatlarını yazdığınızı hayal etmektir.
Belgenizin ana başlığı <h1> olmalıdır.
Belgenin genel konusunu temsil etmeli ve başlangıçta büyük bir yazı tipi olarak görüntülenmelidir.
H1 Etiket Örneği:
Smart Passive Income'dan yukarıdaki örneği kullanarak, H1 etiketi "Etik Ortak Pazarlamayı Öğrenin" değerine sahiptir.
HTML'de görüntülendiğinde H1 etiketi aşağıdaki gibi görünür:
<h1>Learn Ethical Affiliate Marketing</h1>Elbette web sitenizin sayfaları birden fazla başlığa ihtiyaç duyabilir.
Diğer başlık etiketlerinin girdiği yer burasıdır.
H2 Etiketi Nedir?
H1 etiketiniz belgenizin ana başlığı için kullanılırken ;
Ana noktalarınız , H2'ler olarak bilinen alt başlıklara sarılır.
Başka bir deyişle:
Bir <h2> etiketi, web sayfanızdaki ikinci düzey başlıkları tanımlar.
Ancak, başlık etiketleri H2'lerde durmaz.
<h2> etiketlerinizin altındaki alt noktalar, <h3> başlık etiketlerini kullanır:
<h3> etiketlerinin altındaki alt noktalar da <h4> başlık etiketlerini kullanır.
Bu sıra, başlık etiketi hiyerarşisinde en az önemli olan <h6> etiketlerine kadar devam edebilir .
Ancak:
H4, H5 ve H6 etiketlerine ihtiyaç duyacak kadar derin içerik yazmanız oldukça nadirdir.
(İçeriğiniz çok uzun ve teknik değilse).
Görsel SEO'daki bunun gibi, blog gönderilerimin çoğu 5.000 kelimeden uzun.
Ve buna rağmen, alt başlıklarım sadece H2'lerden ve H3'lerden oluşuyor:
Öyleyse H2 etiketlerini tamamlayalım:
H2 alt başlık etiketleri, içeriği bölmek ve taranabilir ve okunması kolay hale getirmek için kullanılır.
H2'ler, önemli bilgileri vurgulamak ve sayfanızdaki alt bölümleri öne çıkarmak için kullanılır.
Gerektiğinde, H2'lerinizin altındaki alt noktalar için H3 etiketlerini başlık olarak kullanabilirsiniz.
Yukarıdaki örneği kullanarak, HTML kodunda bir H2 etiketi şöyle görünür:
<h2>How To Claim Your Business On Google</h2>Anladım? İyi.
Ardından, başlık etiketlerine ve bunların HTML'de nasıl kodlanacağına daha derinden dalacağız.
HTML'de Başlık Etiketleri: Ve H1'in Önemi
Başlık etiketleri ve özellikle H1 etiketi, bir HTML yapısı içinde önemli bir işleve sahiptir.
Açıklamama izin ver:
Bir HTML dosyası, düğümlerin bir kombinasyonu olarak tanımlanabilir; burada başlık etiketi, diğer düğümlerin dallandığı başlangıç noktasıdır.
Bu nedenle, bir HTML dosyası (teoride) yalnızca bir H1 başlığına sahip olmalıdır.
Niye ya? Çünkü H1 etiketi, diğer tüm düğümlerin başladığı köktür.
Buna karşılık, sırayla (H2'den H6'ya) daha düşük olan başlıklar istendiği kadar sık kullanılabilir.
Yine de, mantıklı bir hiyerarşi sağlamalılar - daha sonra bunun hakkında.
Kod açısından bakıldığında, başlık etiketleri yalnızca metni görüntülemek için kullanılır.
Bu nedenle, CSS dosyalarında başlıkların biçimlendirmesi, biçim ve içeriği ayırmak için belirtilmelidir.
Başlık Etiketi Örnekleri ve HTML'de Nasıl Kodlanır
Bir başlık etiketini web sitenizin kodunda başlık yapan şey, iki basit HTML etiketidir:
Bir açılış <h> ve bir kapanış </h> etiketi.
Bu iki etiketin içinde görüntülemek istediğiniz başlık metni bulunur:
İki alt başlığı olan bir başlığın kod satırları şöyle görünür:
<h1>This is a heading</h2> <h2>This is a sub-heading</h2> <h3>This is a third sub-heading</h3>Elbette, web sitenizin kodu yalnızca başlıkları göstermeyecek.
Gövde kopyası ve diğer öğeleri de içerecektir.
HTML kodunun bir dizi başlık VE gövde kopyasıyla birlikte nasıl göründüğü aşağıda açıklanmıştır:
<h1>This is a heading</h1> <h2>Summary</h2> <p>Some text here...</p> <h2>Examples</h2> <h3>Example 1</h3> <p>Some text here...</p> <h3>Example 2</h3> <p>Some text here...</p> <h2>See also</h2> <p>Some text here...</p>Kod öğelerinde bundan daha fazlası yoktur.
Sadece hatırlıyorum:
Her başlık etiketi bir açılış <h> etiketi ile başlar ve bir bitiş </h> etiketi ile kapatılmalıdır.
Etiket hiyerarşisi (1-6) "h"den hemen sonra belirtilir ve hem açılış hem de kapanış etiketlerinde tanımlanmalıdır.
Metin içeriğiniz iki etiket öğesi arasında yazılır.
Tüm bunlarla birlikte şunları söyledi:
Bir web sayfasını özel olarak kodlamadığınız sürece (genellikle önerdiğim bir şey DEĞİL), başlık etiketlerinizin HTML kodu içerik yönetim sisteminiz tarafından işlenecektir.
WordPress'te H6 Etiketlerine H1 Nasıl Eklenir
WordPress, web'in en popüler içerik yönetim sistemidir.
WordCamp'e göre, şu anda WordPress kullanan 75 milyondan fazla site var .
Bu, dünya çapındaki web'deki tüm web sitelerinin yaklaşık %30'udur.
WordPress'i bu kadar popüler yapan şey, arama motoru dostu olması ve kullanım kolaylığıdır.
Özel sayfa başlıkları ve kalıcı bağlantılar, köprüler ve optimize edilmiş görüntüler gibi SEO işlevselliği eklemek WordPress'te çok kolay.
Bir Sayfaya veya Gönderiye başlık etiketleri eklemek de öyle.
WordPress'te başlık etiketleri eklemenin iki temel yolu vardır; İkinize de göstereceğim:
(a). Editör aracılığıyla WordPress'e H1 Etiketleri Ekleme
Başlık eklemenin en kolay yolu editörden geçer. Halihazırda Gutenberg blok düzenleyicisini kullanıyorsanız, '+' düğmesini tıklayın ve 'Başlık' öğesini seçin;
Oradan eklemek istediğiniz başlığı seçebilirsiniz.
Hala klasik düzenleyiciyi kullanıyorsanız, bu da basittir.
Düzenleyicinin görsel sekmesinde olduğunuzdan emin olun ve metin stili açılır menüsüne gidin.
Ardından, açılır menüden 'Başlık 1' veya 'Başlık 2' … veya istediğiniz başka bir başlığı seçin.
Kolay, ha?
WordPress'te H1'den H6'ya etiket eklemek için bir sonraki seçenek HTML kullanmaktır.
(B). Editör aracılığıyla WordPress'e H1 Etiketleri Ekleme
Eğer istekliyseniz, HTML kullanarak WordPress'e başlık eklemek de mümkündür.
Takip ettiğinizden eminim, yani <h1>, <h2>, <h3> vb. için HTML kodunu zaten biliyorsunuz.
Bir <h> açılışıyla başlar ve aralarına başlık metninizin yerleştirildiği bir kapanış </h> etiketiyle biter:
Klasik düzenleyiciyi kullanarak WordPress'te <h1> etiketlerine <h6> etiketleri eklemek için metin sekmesinde olmanız gerekir:
Blok düzenleyicide HTML olarak düzenlemeye geçmelisiniz.
Bunu yapmak için blok araç çubuğundaki üç dikey noktayı tıklayın. Ardından, HTML Olarak Düzenle seçeneğini seçin.
Şöyle:
Her iki düzenleyicide de, aşağıdakilerden kullanmak istediğiniz başlık etiketini kopyalayıp yapıştırın, başlık metninizi güncelleyin ve hazırsınız.
<h1>This is an H1 heading</h1> <h2>This is an H2 sub-heading</h2> <h3>This is an H3 sub-heading</h3> <h4>This is an H4 sub-heading</h4> <h5>This is an H5 sub-heading</h5> <h6>This is an H6 sub-heading</h6>Şimdi dikkatimizi Shopify'a çevirelim.
Shopify'da H1'den H6'ya Etiketler Nasıl Eklenir (veya Değiştirilir)
Sahneye çıktığından beri Shopify hızla tercih edilen e-ticaret platformu haline geldi.
Barındırma Mahkemesine göre, yaklaşık yarım milyon web sitesi Shopify kullanıyor.
WordPress gibi, Shopify'ı en çekici yapan şey, kullanıcı merkezli olmasıdır.
Ürünleri yönetmek, sayfa eklemek ve kaldırmak ve gönderiler inanılmaz derecede kolaydır.
<H6> başlık etiketlerine <H2> eklemek de öyle.
Sayfalar veya Gönderiler Düzenleyicisi içinde, biçimlendirme sekmesine tıklamanız yeterlidir:
Ardından istediğiniz başlık etiketini seçin:
WordPress ve diğer içerik yönetim sistemlerinde olduğu gibi Shopify da bir kod düzenleyici sağlar.
Kod düzenleyiciyi kullanarak Shopify'a başlık eklemek için düzenleyici penceresinin <> düğmesine tıklayın ve başlık kodunuzu ekleyin:
Oldukça basit!
Öte yandan, Shopify mağazanızın ana sayfanız veya ürün sayfalarınız gibi diğer sayfalarına <H1> ve <H2> etiketlerini eklemek ve optimize etmek isterseniz…
Shopify tema dosyalarınızı düzenlemeniz gerekecek.
Neyse ki, Eklenti Faydalı Daniel Sim burada bununla ilgili kullanışlı bir kılavuz hazırladı.
Neden Başlıklar Kullanılır?
Bu yüzden başlık etiketlerinin "nasıl" ekleneceğini ele aldık.
Ancak yine de, ilk etapta başlıkları “neden” kullandığını merak ediyor olabilirsiniz.
Özellikle Google, SEO için başlıkların kullanımını abartılmış olarak tanımladığında:
Google'ın söylediklerinin aksine, başlık etiketlerini kullanmanız için (aslında) birkaç önemli neden vardır:
1. Başlık Etiketleri Erişilebilirliği İyileştirir – Bu, İçeriğinize Daha Geniş Bir Erişim Sağlar
İçeriğinizin görme engelli okuyucular dahil herkes tarafından erişilebilir olmasını istiyorsanız, başlık etiketleri inanılmaz derecede faydalıdır.
Ekran okuma teknolojisi, kullanıcıların içerikte gezinmesine, bir sayfayı taramasına ve aramasına yardımcı olmak için H1'leri ve diğer başlık etiketlerini kullanır.
Daha önce öğrendiğiniz gibi, başlıklar HTML'ye gömülüdür, bu şu anlama gelir:
Bir ekran okuyucu, içerik yapısını belirlemek ve başlıkları yüksek sesle okumak için HTML'yi kullanabilir.
Buna karşılık, bu görme engellilere yardımcı olur ve kör kullanıcılar bir makalenin ne hakkında olduğuna dair bir genel bakış elde eder (kelime kelime dinlemeye gerek kalmadan).
Daha sonra makaleyi tam olarak okuyup okumamaya karar verebilirler.
Daha ne:
Ekran okuyucular, bir başlıktan diğerine atlamak için kısayollar sunar.
Başka bir deyişle, başlık etiketleri görme engelliler tarafından da navigasyon için kullanılmaktadır .
2. Google, Başlık Etiketleri Yerine H1'leri Kullanır (İlgili Olduğunda)
Bazı (çok değil) nadir durumlarda;
Google'ın başlık etiketinizi bulamaması veya işleyememesi gibi.
Google, sayfanızın bir sonraki en alakalı bölümünden bir başlık çıkarmayı seçebilir.
Çoğu durumda bu, mevcut en belirgin metin öğesi olduğundan Heading 1 etiketi olacaktır.
Bazı yönlerden, bir sayfanın H1 etiketi, başlık etiketine benzer bir amaca hizmet eder.
Arama amacını yerine getirmeli, okuyuculara sayfadan ne bekleyebileceklerini söylemeli ve kullanıcıları daha fazlasını okumak için heyecanlandırmalıdır.
Artık Google'ın H1'inizi SERP'lerde görüntülemeyi seçebileceğini biliyorsunuz; Etkileyici, tıklamaya değer bir başlık oluşturduğunuzdan emin olun.
Bunun nasıl yapılacağına dair ipuçlarını daha sonra paylaşacağım.
3. Öne Çıkan Snippet'lerde Başlıklar Kullanılıyor
Bu öne çıkan snippet'i kontrol edin.
2020 için en iyi sosyal medya bloglarını içeren bir Liste Snippet'idir.
Ve sizce bu metin nereden çekiliyor?
Tahmin ettin. Sıralama sayfasının başlıkları:
Artan sayıda öne çıkan snippet'te görünmek istiyorsanız, sayfanıza başlık eklemek çok önemlidir.
Bu da beni bir sonraki nedenime getiriyor:
4. Google, İçeriğinizi Yorumlamak İçin Başlıkları Kullanır (Ve Ona Sıralama Artışı Verir).
Bu noktaya Google'dan iki açıklama ile değineceğim.
İlk olarak, Google'da Kıdemli Web Yöneticisi Eğilimleri Analisti John Mueller'den şunları söylüyor:
"Bir sayfadaki metnin yapısını daha iyi anlamak için H etiketlerini kullanıyoruz."
İkincisi, daha önce Google'ın Arama Kalitesi ekibinin bir parçası olan Matt Cutts'tan.
“Google birçok farklı şeye bakıyor. 200'den fazla şeye bakıyoruz, PageRank bunlardan sadece biri. Bir şeyleri sıraladığımızda, başlıkta, URL'de şeyler kullanırız, h1 etiketleri gibi vurgulanan şeyleri ve bunun gibi şeyleri bilirsiniz.”
Matt Cutts, Google
Bunu daha da genişletmek için:
Google, içeriğin ne hakkında olduğunu (daha iyi) yorumlamak için bir sayfanın başlıklarını kullanır.
Bir başlık genellikle bir içerik bloğundan önce gelmesi gerektiğinden:
Google, aşağıdaki içerik hakkında bilgi edinmek için bir başlık görüntüler: metin, resim veya video.
Başlığınız ve gövde metniniz aynı hizadaysa, Google, içeriğinizin sorgulara (içerikle ilgili) alakalı cevaplar vereceğinden daha emin olabilir.
Ve karşılığında, hafif bir sıralama artışı elde edeceksiniz.
Bununla, başlıkları kullanmamın beşinci sebebine geliyorum.
5. Başlık Kullanımı Daha Yüksek Sıralamalarla İlişkilidir
Gördüğüm hemen hemen her SEO korelasyon çalışması, bir sayfadaki daha yüksek sıralamalar ve başlıklar arasında küçük ama pozitif bir korelasyon gösterdi.
Bunu SEM Rush'tan alın:
İyi yapılandırılmış makalelere sahip olmanın (H2 ve H3 etiketlerini kullanarak) yüksek performans gösterme olasılığının daha yüksek olduğu bulundu.
Ve bu Moz'dan:
Moz sıralama faktörleri araştırması, H1 başlık etiketinde anahtar kelime bulunan sayfaların daha yüksek sıralamaya sahip olduğunu buldu.
Bu çalışmalarda başlık etiketlerine verilen ağırlık orta düzeyde iken;
Bazı SEO'lar (haklı olarak) başlık etiketinin daha yüksek sıralamalarla ilişkisinin daha fazla üst sıralara neden olduğunu kanıtlamadığını iddia edecek, eminim benimle aynı fikirde olacaksınız:
İyi optimize edilmiş başlık etiketlerini kullanmak buna değer.
Yoksa öyle mi?
H1 Etiketleri Gerçekten Çalışıyor mu (Bir SEO Deneyi)?
Dışarıdaki her SEO rehberi aynı tavsiyeyi sunar:
Ancak, tüm bloglar bu sözde SEO en iyi uygulamalarını takip etmez, Moz bunlardan biridir.
Moz.com, SEO konusunda en güvenilir (ve yüksek oranda trafik alan) web sitelerinden biridir ve yine de:
Moz'un blogunda H1 etiketi yok ve bunun yerine ana başlığı için bir H2 etiketi kullanıyor.
Moz blogunun başlıklar için (H1'ler yerine) H2 etiketleri kullandığını fark ettikten sonra, Distilled'den Craig Bradford Moz'da Cyrus Shepard'a ulaştı.
Craig ve Cyrus birlikte, H1 etiketlerinin arama motoru sıralamalarını etkileyip etkilemediğini kesin olarak belirleyecek bir deney yürütmeye karar verdiler.
Bunu yapmak için, SearchPilot'ı kullanarak Moz blog başlıklarının 50/50 oranında bölünmüş bir testini tasarladılar; bir SEO A/B bölünmüş test aracı.
Deneyde Moz'un manşetlerinin yarısı H1 olarak değiştirildi ve diğer yarısı H2 olarak tutuldu.
Daha sonra iki grup arasındaki organik trafikteki herhangi bir farkı ölçtüler.
Ana başlıklar yanlış başlık etiketinden (H2) doğru başlığa (H1) değiştirildiğinde ne olduğunu düşünüyorsunuz?
Cevap:
Pek değil!
Sekiz haftalık veri toplamanın ardından şunları belirlediler:
Blog yazısı başlıklarını H2'lerden H1'lere değiştirmek istatistiksel olarak anlamlı bir fark yaratmadı.
Bundan ne sonuç çıkarabiliriz?
Yalnızca, ana başlığınız bir H1 veya H2 içine alınmışsa, Google sayfanın içeriğini eşit derecede belirleyebilir.
Bu, en iyi uygulamayı bırakıp H1'leri ortadan kaldırmanız gerektiği anlamına mı geliyor?
Hiç de bile.
Başlık Yapısı: Mükemmel Yapılandırılmış Bir Başlık Etiketi Hiyerarşisinin Anatomisi
Daha önce de belirttiğim gibi:
Başlıklar, sayfanızdaki içeriğin organizasyonunu iletir.
Ve içeriğinizi okuyucular için daha tüketilebilir hale getirin.
Dolayısıyla Google, “başlık etiketleri” olmadan bile bir sayfada neyin dikkat çekici olduğunu belirleyebileceğini belirtmiş olsa da…
Başlık etiketlerini kullanmanın ve bunları doğru bir şekilde yapılandırmanın SEO avantajı, gereken ekstra çabayı, onları kullanmamaktan daha ağır basar…
O zaman soru şu hale geliyor:
Başlık Etiketleri Nasıl Yapılandırılır: Bir Web Sayfası İçin Basit (Mantıksal) Bir Hiyerarşi
Başlıklarınızı yapılandırmaya gelince, uymanız gereken birkaç basit kural vardır:
- Sıralamalarına (veya seviyelerine) göre yuva başlıkları
- En önemli başlık en üst sıraya sahiptir (<h1>)
- En az önemli başlık en düşük sıraya sahiptir (<h6>)
- Eşit veya daha yüksek rütbeli başlıklar yeni bir bölüm başlatır
- Daha düşük sıralı başlıklar, üst sıradaki bölümün parçası olan yeni alt bölümleri başlatır
Bu kuralları uygularken kullanıcıyı göz önünde bulundurun.
Öncelikle sayfanızı tarayacak olan görsel kullanıcı;
Etiket hiyerarşiniz, sayfa yapısını daha belirgin ve daha kolay taranmasını sağlıyor mu?
İkincisi görme engelli kullanıcı;
Etiket hiyerarşiniz her bir bölümü (ve bir bütün olarak sayfayı) betimliyor mu?
Başlık etiketlerinizi yüksek sesle okusaydınız, bir kullanıcı (tam olarak) sayfanızın hangi bilgileri içerdiğini ve nasıl düzenlendiğini öğrenir miydi?
Bu sorulardan herhangi birine “hayır” cevabını verirseniz, yapınızın yeniden düşünülmesi gerekir.
Bir örnek kullanalım:
<h3>Quick Links</h3> <h3>Photography Tutorials</h3> <h1>Setting the Exposure Manually on a Camera</h1> <h3>Set the ISO</h3> <h4>The effect of ISO on image quality</h4> <h4>High ISO cameras</h4> <h3>Choose an aperture</h3> <h4>The effect of aperture on depth of focus</h4> <h4>Vignetting</h4> <h4>Diffraction</h4> <h3>Choose a shutter speed</h3> <h4>Shutter speed limitations for hand-holding a camera</h4> <h4>Long exposures</h4>Yukarıdaki yapıda:
Anahat, <h1> yerine iki <h3> başlığıyla başlar ve bu başlıkların hiçbiri web sayfasının ana başlığı değildir.
Bunun yerine, şablondaki başlığın etrafındaki gezinme yapısının bir parçasıdırlar.
Dahası, içerik başladığında, ana hat, aralarında 2. düzey başlık olmadan 1. düzeyden 3. düzeye atlar.
Tahmin edebileceğiniz gibi;
Bu başlıkları (ekran okuma cihazında olanlar gibi) tarayan bir kullanıcının kafası biraz karışacaktır.
İçeriğin aradıkları şey olmadığını varsayalım;
Geri düğmesine tıklayın ve başka bir yere gidin.
Ziyaretçi kayboldu!
Şimdi başlık yapınızı doğru yapmanın neden önemli olduğunu anladığınızdan eminim?
Aynı örnekten yola çıkarak…
Başlık yapısının uygun sırayla nasıl görünmesi gerektiği aşağıda açıklanmıştır:
<h1>Setting the Exposure Manually on a Camera</h1> <h2>Set the ISO</h2> <h3>The effect of ISO on image quality</h3> <h3>High ISO cameras</h3> <h2>Choose an aperture</h2> <h3>The effect of aperture on depth of focus</h3> <h3>Vignetting</h3> <h3>Diffraction</h3> <h2>Choose a shutter speed</h2> <h3>Shutter speed limitations for hand-holding a camera</h3> <h3>Long exposures</h3><h1> ila <h3> arasındaki her başlık düzeyi, içeriğin bir bölümünden diğer bölümlere olan ilişkiyi gösterir.
Bir başlığın altındaki içerik, mantıksal olarak onun üstündeki bir başlıkla ilgilidir.
Benzer şekilde, bir <h2> içerik bloğu içindeki içerik, mantıksal olarak kendisinden önce gelen <h1> altında bulunur.
Bu şekilde, başlık yapısı belgenin içeriğini hiyerarşik olarak düzenler.
Ve neyin önemli olduğunu çok net bir şekilde ortaya koyuyor.
Bingo!
H1 Etiket Kontrolü: Bir Başlık Denetimi Nasıl Gerçekleştirilir
Artık sitenizdeki yeni sayfaları nasıl yapılandıracağınızı biliyorsunuz, değil mi!
Peki ya mevcut sayfalarınız?
Doğru başlık etiketlerini kullanıp kullanmadıklarını nasıl kontrol edebilirsiniz?
Birkaç yol var:
İlk olarak, web sitenizin kaynak kodunu kontrol edebilirsiniz .
Bunu yapmak için Google Chrome'u kullanarak kontrol etmek istediğiniz web sayfasına gidin.
Ardından, 'Görüntüle'yi, ardından 'Geliştirici'yi ve ardından 'Kaynağı Görüntüle'yi tıklayın.
Ardından, sayfa içi arama işlevini başlatmak için 'Kontrol F' ve ardından açılış H1 HTML etiketini bulmak için '<h1':
Bu işlem, '<h2' ve benzeri bir arama kullanılarak H2'ler için tekrarlanabilir.
Başlık etiketlerinizi SEO Quake gibi bir tarayıcı uzantısı kullanarak da görüntüleyebilirsiniz.
SEO Quake yüklendiğinde, kontrol etmek istediğiniz sayfayı açın, SEO Quake içindeki 'Tanı' sekmesine gidin, ardından Başlıklar bölümüne gidin.
Size her düzeydeki toplam başlık etiketi sayısını gösterecek, ardından görüntülendikleri hiyerarşide başlık etiketlerini listeleyecektir.
Yukarıdaki sayfanın hızlı bir incelemesi, H1, H2 ve H3 etiketlerini kullandığını ve etiketlerin mantıksal bir hiyerarşide yapılandırıldığını gösterir.
Ama bir sorun olabilir.
Sayfa iki adet H1 başlığı içermektedir.
H1 Etiketleri: Tek Bir Sayfada Kaç H1 Öğesi Tavsiye Edilir
Daha önce de belirttiğim gibi, bir sayfada yalnızca bir H1 etiketi olmalıdır .
Bunun nedeni, H1 etiketinin diğer tüm başlıkların kaynaklandığı kök düğüm olmasıdır.
Ve yalnızca bir H1 etiketine sahip olarak, SEO çabalarınız tek bir ana konuya odaklanır – H2'leri ve H3'leri kullanan başlıklar altında birden çok (kapsamlı) alt konu.
Bu günlerde sıralama için ideal yapı budur.
Peki ya sayfanızın birden fazla H1'e sahip olduğu durumlar?
Ya da hiç H1 yok mu?
SEMRush tarafından yapılan bir araştırmaya göre, web sitelerinin büyük bir yüzdesi H1 etiket sorunları içeriyor:
Ancak Google'a göre bu endişe edilecek bir durum değil:
Özellikle, HTML5 aynı sayfa içinde birden çok bölümü yönlendirmek için H1'leri kullanabildiğinden.
Peki ne tavsiye ederim?
Aynı sayfada farklı bölümlere sahip olabilen HTML5'i zaten kullanıyorsanız, her bölüm için H1 etiketlerini kullanmanız gayet iyi olur.
Bununla birlikte, bir sayfanın genellikle bir temel konu anlamına geldiği HTML5 öncesi kodu kullanıyorsanız - o zaman bir h1/tek sayfa kuralına bağlı kalın!
Katil H1 - H6 Etiketleri Nasıl Oluşturulur. Beş Başlık Yazma İpuçları
Ardından, hemen çıkma oranını düşüren, sayfada geçirilen süreyi artıran ve sonuç olarak web siteniz için daha yüksek arama motoru sıralamaları ve dönüşümler sağlayan bir başlığın nasıl yazılacağını tam olarak paylaşacağım.
Hadi atlayalım:
1. Onlara Yaptıkları Şeyi Verin – H1'lerle Arama Amacında Uzmanlaşma
Google, başlıklarınızda anahtar kelimeler kullanmanın daha iyi sıralamanıza yardımcı olmayacağını söylüyor.
Yanılıyorlar!
Başlıkların içindeki anahtar kelimelerin doğrudan bir sıralama faktörü olmayabileceğini kabul ediyorum, ancak yine de zaman içinde daha üst sıralarda yer almanıza yardımcı oluyorlar.
Nasıl olur?
İki küçük kelime; arama niyeti
Bir an için Google'da bir şey aradığınızı, alakalı bir sonuca tıkladığınızı ve bir açılış sayfasında bitirdiğinizi hayal edin.
A senaryosunda, vurduğunuz sayfa, arama teriminizle mükemmel bir şekilde eşleşen, açıkça ifade edilmiş bir başlığa sahiptir.
B senaryosunda, sayfanın başlığı arama teriminizle hiç eşleşmiyor.
Hangi sayfada kalıyorsun?
Sayfa A, elbette.
Google'ın RankBrain olarak bilinen makine öğrenimi algoritması, bu kavramı kullanıcıların bekleme süresini ölçerek bir sıralama faktörü olarak kullanır.
Uzun bekleme süresi (diğer adıyla sayfada geçirilen süre), arama yapan kişinin memnuniyetinin bir ölçüsüdür.
Bir kullanıcı, arama sonuçlarına hemen geri dönmek yerine, bir web sayfasında uzun bir süre geçirirse, Google, kullanıcının aradığını bulduğunu varsayar.
Ve sırayla, sayfaya bir sıralama artışı sağlayın.
Basitçe söylemek gerekirse:
Bekleme süresini en üst düzeye çıkarmak ve pogo-sticking'i en aza indirmek, bu günlerde daha yüksek sıralamalar için çok önemlidir.
Bekleme süresini etkileyen en önemli faktörlerden biri, kullanıcıların bir sayfaya ilk geldiklerinde gördükleridir. Başka bir deyişle, başlık.
Tüm ücretli arama uzmanları size "hokey sopaları" anahtar kelimesini hedefleyip hedeflemediğinizi söyleyeceğinden, açılış sayfanız bu terimi (veya çok yakın bir varyasyonunu) başlıkta içermelidir. Aynı şey organik arama için de geçerlidir.
Burada önemli olan; hedef anahtar kelime veya yakın bir varyasyon .
Tabii ki, isterseniz tam anahtar kelimeyi ekleyebilirsiniz, ancak bu zorunlu değildir.
Ana şey, başlığınızı daha doğal ve çekici hale getirmek için varyasyonları ve eş anlamlıları kullanmanıza olanak tanıyan, kullanıcıların aramasının arkasındaki amacı eşleştirmektir.
Her iki durumda da, arama terimini başlıkta yansıtmak, kullanıcıya "aradığını buldun" diyecek ve bu da kullanıcının kalma şansını artıracaktır.
Bunu bir örnekle açıklayalım:
Ayrıntılı.com'dan Glen Allsopp, bağlantı kurma hakkında bu tampon gönderiyi yazdı.
"Gelişmiş bağlantı kurma" anahtar kelimesini hedefler.
Gönderinin arama amacını karşılamasına yardımcı olmak için Glen, anahtar kelimesini gönderilerin Sayfa Başlığına ekler:
Ve yine sayfanın Başlığında.
“Gelişmiş bağlantı kurma” arayan herkes için açıktır ki, Glen'in gönderisinde aradıkları şey olacaktır.
Bu, yalnızca Glen'in gönderisinin bekleme süresini iyileştirmeye yardımcı olabilir ve Google'ın RankBrain algoritmasını yatıştırabilir.
2. “Öyleyse” Tekniğini Kullanın ve Sıkıcı Özellik Odaklı Başlıklarınızı Fayda Odaklı Kancalara Dönüştürün
Sadece kısa, özellik odaklı alt başlıklar yazmak yerine.
Avantajları H2'lerimin en az %50'sine dahil ediyorum:
Neden bunu yapıyorum?
Faydaları kullanarak, bilgilerimin okuyucularıma SEO'lar olarak rollerinde nasıl yardımcı olacağına dair ipucu veriyorum.
Örneğin:
SEO deneyleriyle ilgili bu yazıda H2 olarak “Giden Bağlantıları Kullan” yazabilirdim.
Ancak bunun yerine, bilginin çözeceği sorunu gösteren etkili bir fayda ekledim.
Bir SEO iseniz ve aynı probleminiz varsa, okumaya devam edeceğiniz neredeyse kesindir.
Peki, fayda odaklı başlıklarınızı nasıl oluşturuyorsunuz?
Sor: “Peki ne?” bir kaç sefer.
Size Enchanting Marketing'den aldığım bir örnekle göstereyim:
Özellik: Fırın çabuk ısınır.
Ne olmuş?
Lazanyanızı pişirmeye başlamak için çabucak hazır.
Ne olmuş?
Yemeğiniz daha çabuk sofraya gelir.
Ne olmuş?
Hayat daha az streslidir. Fırının hazırlanmasını bekleyen mutfakta daha az şey var. Ve endişelenmenize gerek yok; fırınınızı önceden ısıtmayı unutabilirsiniz.
“Ön Isıtma Fonksiyonu” olarak başlayan başlığınız
Artık şunlar olabilir:
“Bu Eşsiz Ön Isıtma Fonksiyonu ile Zamandan Tasarruf Edin ve Stresinizi Azaltın”
Hangisinin sizi sayfaya bağlı tutması daha olası?
3. Öne Çıkan Yazı Tipleri ve Zıt Renklerle Başlıklarınızı Öne Çıkarın
Kopyanızı çivilediniz ve başlıklarınız arama amacını mükemmel bir şekilde yerine getiriyor, sırada ne var?
Okuyucuların içeriğinizde daha iyi gezinmesine yardımcı olmak için başlıklarınızı ve alt başlıklarınızı ayırt edilebilir hale getirmelisiniz.
Başka bir deyişle, başlıklarınızın sayfada “POP” olması gerekir.
Ayırt edilebilir olmak renk, boyut, yazı tipi veya efektte görsel farklılaşmayı içerebilir.
VEYA bunların hepsinin bir kombinasyonu.
Bir iki örneğe bakalım:
Ahrefs blogu, başlıklarını ayırt etmede harika bir iş çıkarıyor:
Farklı bir yazı tipi boyutu kullanırlar ve başlık hiyerarşisinde aşağı indikçe siyahtan griye incelikle ilerlerler.
Bonus puanlar için ayrıca markaları için özel olarak geliştirilmiş özel bir yazı tipi kullanırlar.
Bir başka güzel örnek de Eric Siu'nun blog başlıkları için zıt bir portakal kullanan Single Grain'dir.
Başlıklarınızın göze çarpmasını, böylece görsel olarak sayfadaki diğer öğelerden, özellikle de harekete geçirici mesajlardan farklı olmasını istersiniz.
Çok fazla görsel örtüşme, CTA'larınızda daha az göz küresi ile sonuçlanarak daha düşük dönüşümlere neden olabilir.
Bununla, dördüncü ipucuma
4. Bu Şık Metin Yazarlığı Tekniklerinden Yararlanın, Hemen Çıkma Oranınızı Düşürün ve Satışlarınızı Artırın
Bu sizi manşet yazmayı ciddiye almazsa, hiçbir şey olmaz:
Bu ifade, başlığın öneminin ve neden tüm parçanızın etkinliğini belirlediğinin altını çiziyor.
Kısacası, başlığınız ne kadar iyi olursa, ortalamaları geçme ve yazdıklarınızı okuma olasılığınız o kadar iyi olur.
Bu sadece ana başlığınız (H1) için değil, aynı zamanda alt başlıklarınız (H2'den H6) için de geçerlidir.
İçeriğinizde her kesinti olduğunda, okuyucunuzun iki seçeneği vardır;
Ya dururlar ya da okumaya devam ederler.
Bu nedenle, başlıklarınızda baştan çıkarıcı metinler kullanmak çok önemlidir (H1'den H6'ya).
Metin yazarlığı konusunda uzman değilim, bu yüzden bazı başlık yazma ipuçlarını paylaşmayı Nevile Medhora KopyWriting Course'a bırakacağım.
5. İçeriğinize Bu Başlık Öğelerini Yerleştirerek Okuyucuları Takiplerinde DURDURUN
Grafik kullanmak harika.
Başlıkları kullanmak harika.
Ama ikisini bir araya getirdiğinizde gerçek sihir ortaya çıkıyor.
Daha önce tartıştığımız gibi:
Kullanıcının sayfada geçirdiği süreyi iyileştirmek, sıralama sonuçlarınızı iyileştirir.
Uzun bir bekleme süresi, Google'a kullanıcılarınızın memnun olduğunu söyler ve bunun sonucunda içeriğiniz bir sıralama artışı elde eder.
Sayfada geçirilen süreyi iyileştirmek için her şeyden önce odaklanmanız gereken bir şey var;
İçeriğinizi daha okunabilir hale getirmek .
Den başka;
- Kısa paragraflar
- Görüntüler ve multimedya
- alıntı blokları
- Madde işaretleri
- sınavlar
Alt başlıklarınızın yanı sıra "içerik sıyırıcılarını" kendi yollarında durduracak başka bir kesintili içerik öğesi daha var:
Özel Başlık Grafikleri
SEO Sherpa blogunda yerel SEO ile ilgili bu özete bir göz atın.
H2 başlık etiketlerinin yanı sıra, gönderinin her alt bölümünü tanıtan özel grafikler ekledim.
Gönderinin YOL daha etkileyici görünmesini sağlamakla kalmazlar.
Ancak, sayfada geçirilen süreyi 4 dakikalık makul bir ortalamaya yükseltmeye yardımcı olurlar:
Hangi site için ortalamanın çok üzerinde:
Kadromda tam zamanlı iki tasarımcı olduğu için şanslı olduğum için bu grafikleri oluşturmak kolaydı.
Ancak, kendi tasarım ekibinizi oluşturmaya hazır değilseniz, hala birçok seçenek var.
- Canva – resim düzenleme aracı (ücretsiz)
- PicMonkey – grafik tasarım üreticisi (ücretsiz)
- 99 Tasarım – serbest çalışan tasarımcılar (düşük maliyetli)
- Upwork – serbest çalışma platformu (düşük maliyetli)
Hangi yolu seçerseniz seçin.
Bir dahaki sefere uzun bir SEO içeriği yazdığınızda, bazı başlık grafikleri ekleyin ve sayfada geçirilen sürenin (ve sıralamaların) yükselişini izleyin.
İşte burada, başlık etiketleri ve bunları arama motoru optimizasyonunuzu geliştirmek için nasıl kullanacağınız hakkında bilmeniz gereken her şey var.
Artık senin için bitti!
Bu Teknikleri Sitenizde Uygulamaya Nasıl Koyabilirsiniz?
Sitenizin performansını artırmak için bu tekniklerden yararlanmanıza yardımcı olacak ücretsiz bir başlık kontrol listesi hazırladım.
Gönderide bahsettiğim stratejilerin tam olarak nasıl kullanılacağını – adım adım – özetliyor.
Aşağıdan indirdikten sonra, favori başlık yazma ipucunuz olan yorumlarda bana bildirin. bilmek isterim.
