HTML başlık etiketleri nasıl kullanılır

Her web sitesi kendi benzersiz canavarıdır, geliştiriciler ve tasarımcılar koda kendi özel seslerini girer. Ancak her web sitesinin sahip olduğu bir unsur, HTML başlık etiketidir. Bu başlık, içeriğinizi yalnızca okumanın daha kolay bir parçasına ayırmaz, aynı zamanda arama motoru ve erişilebilirlik yazılımının siteyi hangi içeriğin tam olarak oluşturduğunu bilebilmesi için sitenizin anlambilim taslağını da yapar. Bazen doğru HTML başlık etiketinin kullanımı ve işlevi hakkında bazı karışıklıklar vardır, bu nedenle 6 seviyenin tümünü tartışmak ve nasıl ve ne zaman doğru kullanılacağını tartışmak istiyoruz.
HTML başlık etiketlerini kullanarak neden YouTube kanalımıza abone oluyorsunuz? Yukarıda söylediğimiz gibi, bu etiket site çerçevenizi oluşturur. Onlar olmadan, sadece sitenizin başlıkları ve hedefleri belirsiz değil, aynı zamanda kullanıcılar ve botlar için bir paragraf kullanarak kırsanız bile dev bir metin duvarı gibi görülür. Ayrıca, ekran okuyucuları ve erişilebilirlik yazılımı, içeriğinizde (bazen kelimenin tam anlamıyla) gezinmek için kullanır. Dolayısıyla, HTML başlık etiketleri eklemiyorsanız, sayfaları ve içeriği taşıyamadıkları için sitenize birçok kişi tarafından erişilemez hale gelir.
Buna ek olarak, sitenize giren arama motorları ve diğer web traversları da başlığınızda gezinir. Son zamanlarda Google, sıralamasında semantik kodu dikkate aldı, yani arama niyetinin çok ağır olduğu anlamına geliyor. HTML başlık etiketiniz bunun ana kısmıdır ve Google ve ziyaretçilere sayfada hiyerarşik ilgi alanlarına dayalı olarak düzenlenmiş belirli bilgileri bulmaları için nereye söyler. Ve sayfanızdaki her etiket tüm bunlara kendi yolunda yardımcı olur. Tag hiyerarşisi, HTML başlık etiketlerinin önemli hiyerarşisidir. Bu etiketi kullanma sırası, siteniz için SEO oluşturabilir veya hasar verebilir. CSS kullanarak düzenleyebilmeniz ve H6 etiketlerini H2’den daha büyük, daha cesur ve daha parlak hale getirebilmenize rağmen, hala sürünmeyi (ve okuyucuyu) karıştırmamak için yönetmeye çalışmanız gerekir. Sadece (genel olarak), doğrudan selefinin altına daha yüksek bir sayı yerleştirmeniz gerekir. Yuvayı istediğiniz kadar derin hale getirebilirsiniz, ancak her seferinde sadece sırayla yerleştirdiğinizden emin olun. İşte bir örnek:

başlık

Ana nokta numarası 1

subtopic

Çok özel nokta

Ana nokta numarası 2

subtopic

Örnek veya önemli grafik

Spesifik nokta

Örnek veya önemli grafik
Bu noktayı açıklayan son derece spesifik örnek

H4’ün üstünde bir H6’nın bulunduğu bazı durumlar olabilir, ancak çoğu Google ve diğer arama motorları konu önceliklerini belirler ve içeriğinizi gezmek için başlığı kullanarak içeriğin etkinliğini araştırmak amacıyla ölçer. H1 TAG H1 PAGS HTML başlık etiketlerinin en basiti olabilirken, aynı zamanda en yanlış anlaşılanlardan biri olabilir.Çoğu durumda, H1 başlığını belirli bir sayfa veya yayın başlığı olarak göreceksiniz.Bu (muhtemelen) sonuçlarda arama motorları tarafından görüntülenecektir.Birçok SEO eklentisi ve benzeri uygulamalar bunun için değiştirmenize izin vermesine rağmen, tarayıcınızın başlık çubuğunda da görüntülenmesi muhtemeldir.Bu nedenle, hedef anahtar ifadeniz H1 etiketinde olmalı olsa da,% 100 gerekli değildir.HTML başlık etiketine anahtar kelimeler girmek yerine ziyaretçileri aramak amacını kapsamak için başlığınızı ve başlığınızı anlamsal olarak yazın.
Yukarıdaki resim, zarif temalar blogunda makaleler için giriş başlığı olarak kullanılan H1 etiketini göstermektedir. Bu da sayfadaki tek H1 etiketidir. Bu, sayfadaki içerik konusu olduğunu gösterir. Yıllar içinde, standart uygulamanın sayfa başına bir (ve sadece bir) H1 etiketine sahip olmasıdır. Çoğu için, bu hala iyi bir tavsiye. Google ve diğer arama motorları sayfanızı sürdürdü ve H1 etiketlerini aradı. Daha sonra konuyu, başlığı ve yapıyı belirlemek için kullanırlar. Ancak Google, sitenizde birkaç HTML H1 başlık etiketine sahip olmanın hiç SEO cezasına neden olmadığını açıkça söyledi. Bu, sitenizdeki her yerde onu kullanarak deli olmak anlamına gelmez, ancak gerektiğinde sayfa başına birden fazla sayfa kullanabileceğiniz anlamına gelir. Birkaç H1 başlığının kullanılması, H1’in tek amacı bir konuda tam bir parça göstermektir. . Bu, birden fazla konuya sahip bir sayfanız varsa, o sayfadaki her yeni konu için H1’i kullanmak istediğiniz anlamına gelir. Bunu yapmak Google’a sayfanızın yalnızca başlıktaki konuyla ilgili olmadığını söyleyecektir. Ancak altta tamamen farklı bir konunun (ancak ilgili) bir parçası olabilir. Bir sayfa web sitesinde bu da önemlidir, çünkü o sayfada fiyatlar, fiyatlar, kişiler ve portföyleriniz olabilir. Peki, Google’a her bölümdeki içeriğin otonom birimin kendisi olduğunu nasıl söylersiniz?
H1 etiketi, hepsi bu. Her parçaya, her birinde tartıştığımız hiyerarşiyi kullanarak kendi başına mini bir web sayfası gibi davranıyorsunuz. Bu şekilde, Google tüm sayfalarda gezinirken başlığı görür ve ardından arama sorularını cevaplamak için hangi parçaların alınacağını (ve benzeri) belirleyebilir. Sitenizdeki bölüm etiketini her kullandığınızda H1 etiketini kullanmayı da seçebilirsiniz, ancak bunu sadece alt kısmın değil, sayfanın başlığıyla paralel bir parça ise yapmalısınız. H2 Tag H2, şimdi, şimdi, büyük olasılıkla HTML başlık etiketi olacak sayfanızda en yaygın olarak kullanılan. Ve iyi nedenlerle. İnternetteki çoğu gönderi ve sayfa, yalnızca birkaç alt kat bulunan bir konudan oluşur. Yaptığınız her içeriğin en az bir H2 etiketi içermesini öneririz. Yoast ve diğer SEO eklentileri yaklaşık 300 kelimelik başlığı önerir. İçeriğinize bağlı olarak, bu yüzden H2 etiketi. Okuma kolaylığı için subtopik (veya adımlar) ayırırlar. Örneğin, yayınlarımızın çoğu esas olarak H2 başlığından oluşur (varsa H3 ile). Bunun nedeni, makalemizde bir sorunu çözmeye çalıştığımız bir konuyu tartışmasıdır. H1 olarak doğrudan akış için Obs Studio’nun nasıl kullanılacağı gibi bir başlığımız olacak, ancak “Obs Studio ile Nasıl Başlatılır” gibi altyazılar H2’de olacak.

H2 etiketi, doğrudan H1 konusuyla ilişkili olan tek tek adımları temsil eder. Bu özel gönderide aşağıdaki yapıyı kullanıyoruz:

Obs Studio Livestream’e Nasıl Kullanılır

Obs Studio nedir?

Slobs ne olacak?

Obs Studio ile Nasıl Başlatılır

Obs Studio Kurulumu

Obs Studio’da bir sahne kurmak

Obs Studio’ya Kaynak Ekleme

Ekrandaki kaynakları ayarlama

RMTP Keys ve Obs Studio

Sarma

Bu yazıdaki H2 Başlık Etiketleri, bunları başlatma ve indirme, gerçek yazılımı hazırlama ve ardından ekran ekranınızı görüntüleyenlere ayarlama gibi ana fikirleri tartışır. H3’teki adımlar altında da yer alan adımlar olmasına rağmen, H2 başlığı makalenin büyük ölçekli bir görüntüsünü göstermektedir. Bu, makalenin aradıkları bilgileri içerip içermediğini görmek için gezginler ve okuyucular tarafından taranabilecek üst düzey bir ekrandır.
Genel olarak, makale başına birkaç H2 etiketiniz olacak, ancak altındaki yuvalanan bir altyazı olmayabilir. Sayfalarınız veya yayınlarınız, yukarıdaki örnek gibi alt bölümlere sahip birkaç bölüme ayrılmayan bir konuda ise, H2 -> H3 -> H4’ü yuvalamaktan birkaç H2 etiketine sahip olmak daha iyi olurdu, çünkü taramalarınızı tekrar dalışını gösterir. Ana konu postasını genişletmek yerine suptopik olarak daha derin. H3 TAG H3 Tag ise makalenizin konu ayrıntılarınızı gerçekten keşfedebileceği yerdir. Bu H3 etiketini doğrudan H1 altında kullanamazsınız. GoogleBots ve Arama Motorları bunu alt pos olarak görür. H2, bir makalenin bir kısmı için ana başlık olarak kabul edilirken (H1 ile ana konuyu başlık olarak belirtir, hatırlayın).
Yukarıdaki resme daha yakından bakarsanız, H2 ve H3 etiketlerimiz arasındaki gerçek stilin ve boyutun çok farklı olmadığını göreceksiniz. Bunun nedeni, H3’te yaptığımız her noktanın H2’den daha az önemli olduğunu tarayarak varsaymanızı istemiyoruz. Çünkü değil. Bu, tüm konuya doğrudan bağlar yerine, makaleniz için SEO’nun yapısal bakış açısından en önemlisi, H2’ye astların noktası olduğunu göstermek için sadece daha küçük bir boyuttadır. İnsan okuyucular için, robotlar yerine, görsel farklılıklar sadece sayfadan aşağı hareket ettirmeye ve daha kolay parçalanmak için bilgileri parçalamaya yardımcı olur. H4, H5, H6 etiketleri bir nedenden dolayı birleştirdik. Genel olarak, H1’den H6 aralıklarına HTML başlık etiketlerini tam olarak kullanan bir site bulmakta zorluk çekeceksiniz. Şimdiye kadar, en popüler yapı H1 ila H3’tür. Tıpkı içeriğin taslağını nadiren ikinci yuvalama seviyesinin ötesinde görüyorsunuz. I. Idea. Alt nokta
1. Ayrıntılar
İi. Fikir
A. alt nokta
1. Ayrıntılar

III. Fikir
H4 Çoğu için, H4 etiketi H3 ile aynı hedefe hizmet edecektir. Adımları ve örnekleri girmek için kullanacaksınız, ancak her zaman ana başlığınızın altında yuva yapacaksınız. Tasarımcılar genellikle H3’ten daha küçük CSS ile düzenlenir. Sıradan içerik yaparken sınırlı kullanım görme eğilimindedirler. H4 başlık etiketine ihtiyaç duyulması için fikirlerin parçalanması gerekiyorsa, bir konu çok derinlemesine olma eğilimindedir. H5 ve H6 H5 ve H6 başlıklarını birkaç farklı şekilde kullanabilirsiniz. İlk yol (örneğin, bu özel bölümü başlık yoluyla birkaç bölüme ayırdık ve şimdi H4’teyiz çünkü bu ana makalenin alt subtopic’idir.) Bu başlık genellikle içerik ve benzeri tabloda kullanılır. Listeler, ana işlevine teknik olarak diğerleriyle aynı olmasına rağmen, tüm sayfalarda giderek daha önemli konuları göstermektedir. H6’ya tam başlık dizileri olan belgeler bulmak çok nadir olacaktır. Bazı insanlar H5 ve H6 etiketlerini “özel” Formatan başlığı olarak kullanır
. H1’den H4’e tamamen farklı olan bu iki HTML başlık etiketine özel CSS uygulayacaklardır. Daha sonra, kaçırılabilecek konulara ve fikirlere dikkat çekmek için kullanabilirsiniz. Bu teknik olarak en iyi uygulama değildir, çünkü başlık hiyerarşiktir. Bununla birlikte, siteniz bir bütün olarak iyi yapılandırılmışsa ve belirli bir sayfada özel bir stil olarak H5 ve H6 tasarrufu kullanıyorsanız veya belirli bireylerin gönderilmesini kullanıyorsanız, neredeyse kesinlikle bir SEO darbesi almayacaksınız. Özel biçimlendirme için kullansanız bile, hiyerarşiden çıkmadığınızı unutmayın. Onları düzenli tutun. Bu nedenle, altyazıları organize etmek için H6 kullanıyorsanız, kullandığınız bir sonraki altyazıların standart yapıya geri döndüğünüzü göstermek için H1 veya H2 olduğundan emin olun. HTML Başlık Etiketi ile ne yapılmamalıdır, tüm başlık hiyerarşisi Down ile bir sayfa düzenlemeyin. Nest’in her sıralı başlığı yerine bir başlık ve tüm H2 için H1 ile daha iyisiniz. Evet:

Başlık

Ana nokta numarası 1

Ana nokta numarası 2

Ana nokta numarası 3

Ana nokta numarası 4

Hayır:

Başlık

Nokta numarası 2

Nokta numarası 3

4 Numaralı

5 puan numarası
6 puan numarası

Ayrıca, başlığı dikkatsizce kullanmak istemezsiniz. Yalnızca sırayla kullanın. Değilse, gezgin sayfalarınızda nasıl gezineceğinizi ve erişilebilirlik yazılımını bilmeyecektir. Hayır:

Başlık

Nokta numarası 2

Nokta numarası 3

4 numara numarası
5 puan numarası

Puan numarası 6

Genel olarak, gezginin bir sonraki H1 veya H2’yi bulurken alt bölümden çıktığınızı bileceğini varsayabilirsiniz. Yukarıdaki kod görüntülerinde, gezginler ve botlar bilginin yapısını tanımlamakta zorluk çekecektir. HTML Başlık Etiketi ile sarın ve gördün mü? Her şeyi bitirmek için Post H2’ye döndük. Etiket başlığı, her web sitesinin önemli bir unsurudur. Doğru kullanmak, arama motoru sıralamanızı ve sitenizi UX’i artırabilir, çünkü ziyaretçiler içeriğinizde aradıkları bilgileri bulmayı daha kolay bulacaktır. Başlığınızdan çok fazla anahtar kelime girmemenizi unutmayın. Fikirlerinizin net olduğundan emin olmak için tartıştığınız anahtar kelimeler veya ifadeler eklemek iyi bir fikir olsa da, Googlebots ve diğerleri yeterince akıllıdır ve konuları ne zaman değiştirdiğinizi veya aynı konuda olduğunuzu öğrenebilir. Genel olarak, HTML başlık etiketlerini kullanmak çok önemlidir, ancak yalnızca birkaç şeyi hatırlarsanız, siteniz kısa sürede parlayacaktır. HTML başlık etiketini doğru kullandınız mı? Makalenin Vectorv / Shutterstock.com tarafından üstün görüntüsü

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir