Site tasarımında dikkat edilmesi gereken SEO'daki en önemli Html etiketleri


Bu bölümde, web sitesi SEO'sunda önemli ve anahtar olan en önemli HTML etiketlerini açıklayacağız.

SEO'da en önemli önlemlerden biri dahili site optimizasyonudur. Bu bağlamda SEO'da önemli HTML etiketlerinin tasarım sırasında ve sonrasında kullanılması oldukça önemlidir. Bu genellikle tasarım sırasında programcılar tarafından gözden kaçırılır, ancak deneyimli bir web tasarımcısı bu temel SEO konularına tamamen aşina olmalıdır.

Bu yazımızda, SEO ve optimizasyonda önemli rol oynayan en önemli HTML etiketlerini tanıtacağız. Bu meta etiketlerin tümü, site şablonunun "HEAD" bölümünde listelenmiştir ve çoğu, kullanıcılar için metin çıktısına sahip değildir.

SEO'daki önemli HTML meta etiketleri


1 - Başlık Etiketi



SEO olarak da bilinen başlık etiketi, Google sonuçlarında ve tarayıcı sekmelerinde görünen etiketin aynısıdır. Bu etiket, SEO'da her sayfada kullanılması gereken önemli HTML etiketleri arasında en etkili meta etiketidir. Sizin için daha önemli olan anahtar kelimeyi veya web sitesinin adını bu etikete yazmanız daha iyi olacaktır:
WordPress gibi içerik yönetim sistemleri kullanıyorsanız bu etiket SEO gibi SEO eklentileri aracılığıyla oluşturulabilir.
Bu meta etiket için maksimum standart uzunluğun 70 karakter olduğunu unutmayın.
<title>> What is title tag? | Site Admin </title>


2 - Karakter Şifreleme Etiketi



Tasarım yaparken unutmamanız gereken önemli etiketlerden biri de web sayfalarının tüm karakterlerini doğru bir şekilde görüntülemek için şifreleme etiketini kullanmaktır. Bunu yapmak için aşağıdaki etiketi Html'de head bölümüne koyun. Bu meta etiketi doğru kullanmazsanız, web sitenizin metninin bozulabileceğini unutmayın.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


3 - Web Sitesi Açıklama Etiketi



Açıklama meta etiketi, site sayfalarınızın SEO'su üzerinde de büyük bir etkiye sahiptir. Sitenin her sayfası için Google sonuçlarında görünen bir açıklama yazmalısınız. Geçmişte Google bu meta etikete büyük önem veriyordu. Bugün, arama motorları bu etikete daha az dikkat etse de, tıklama oranlarını artırmada hala iyi bir etkisi var. Bu etikete çekici bir metin yazabilirseniz, giriş ve tıklama oranınızı artırabilirsiniz. Bu meta etiket tam olarak Google gibi arama motorlarında site başlığının altında görünen açıklamadır.
Bu meta etiket için maksimum standart uzunluğun 160 karakter olduğunu unutmayın.
<meta name="description" content="Know the best hosting service provider in the world." />


4 - Robots Tag



Robot meta etiketleri, tarayıcılara sayfa dizinleri için erişim durumunu belirleme konusunda rehberlik eder. Örneğin, aşağıdaki etiket, tarayıcıların bu sayfayı dizine eklemesine izin verildiğini gösterir:
<meta name="robots" content="index, follow" />
Normalde tüm sayfalar indexlendiği için yukarıdaki kodu yazmanıza gerek yoktur ancak indexlenmesini istemediğiniz sayfalar için aşağıdaki kodu kullanın.
<meta name="robots" content="noindex" />
Botlara bu sayfadaki linkleri takip etmelerine izin verilmediğini söylemek istiyorsak içerik kısmına nofollow ifadesini de eklemeliyiz.


5 - Anahtar Kelime Etiketi



Site html belgesinin baş kısmına bir anahtar kelime etiketi koyabilir ve bunun içine ana anahtar kelimelerinizi yazabilirsiniz. Elbette Google'ın bu etikete birkaç yıldır dikkat etmediğini ve kullanmadığını belirtmek gerekir ancak diğer arama motorları hala buna dikkat ediyor.
Sadece bu etiketi aşırı kullanmamaya dikkat edin ve içine yalnızca önemli anahtar kelimeleri ekleyin.
<meta name="keywords" content="keyword1, keyword2, keyword3">
Bu etiketi aşırı kullanmamaya dikkat edin ve yalnızca önemli anahtar kelimeleri ekleyin. Öneri olarak 10 anahtar kelime kullanılması uygundur.


6 - Canonical Tag



Bu etiket, web sitenizde yinelenen içerik olduğunda kullanılır. Kopya içerik genellikle etiketlerin yanlış kullanımından, içeriğin kopyalanmasından ve sitenin http ve https ile aynı anda açılmasından kaynaklanır! Bu sorunu çözmek için kanonik etiketin iyi bir işlevi vardır.
<link rel="canonical" href="https://adminesite.com/best-hosting-service" />
Elbette bu etiketi kullanmadan önce web sitemizdeki ilgili yazıdaki detayları okumanızı öneririm.


7 - Görünüm Etiketi



Bu etiket, web sayfalarını telefon ekranında görüntülemek için çok kullanışlıdır. Bu etiket yardımı ile site sayfasının boyutu ile ekranın boyutu eşleştirilebilmektedir. Bu etiket, sitenin doğru ve duyarlı tasarımı için gereklidir.
<meta name="viewport" content="width=device-width, initial-scale=1">


8 - Hreflang Etiketi



Bu etiket site dilini belirtmek için kullanılır. Bu etiket yardımı ile arama motorlarına sitenin ana dilinin ne olduğunu söyleyebilirsiniz. Bu etiketi çok dilli sitelerde kullanmanız önerilir.
<link rel="alternate" href="http://example.com" hreflang="en-us" />

Bu makale, arama motorlarının önemli ve anahtar meta etiketlerini anlamak içindir ve sonraki makalelerde daha profesyonel SEO kavramları hakkında daha fazla bilgi vereceğiz. Bu konuyla ilgileniyorsanız, web sitesinin SEO bölümündeki makaleleri okuyun.

Site tasarımında dikkat edilmesi gereken SEO'daki en önemli Html etiketleri