Web sitelerin birincil amaçlarından biri, hedef anahtar kelime bazında arama sonuçlarında üst sıralarda yer almaktır. Bunun gerçekleşmesi için izlenmesi ve uyulması gereken çok sayıda konu vardır. Meta etiket kullanımı da onlardan biridir. Meta etiketlere sahip olmayan web sitelerin, arama sonuçlarında gerçek performanslarını göstermesi mümkün olmaz. Bu yazı rehberliğinde, web sitenize meta etiketleri nasıl ekleyebileceğinizi ve SEO açısından ihtiyaç duyulan en kritik meta etiketleri öğrenmiş olacaksınız.
Meta etiketleri, web sayfasında yer alan içeriğin hem arama motorlarına hem de web site ziyaretçilerine aktaran HTML etiketler dizisidir. Meta etiketler görünüm bakımında direkt ziyaretçiye sunulmaz. Arka planda bulunan sayfa kodunda yer almaktadır. Meta etiketlerine ulaşmak için herhangi bir web sayfasının kaynak koduna bakılabilir.
SEO açısından bakıldığında meta etiketlerin önemi çok büyüktür. Çünkü sayfa içeriğinin ne hakkında olduğunu arama motorlarına net bir şekilde bildirir. Bu durum arama motorlarının gözünde iyi bir izlenim oluşturacaktır.
Uzman web yöneticilerin yapmış olduğu çalışmalar sonucunda, etkili meta etiket kullanımı ile birlikte, arama sonuçlarındaki tıklama performansı artar. Kullanıcılar, bulmak istediği içeriği başlık ve meta açıklamasına bakarak inceler. Bu konuda işine yarayacağını düşündüğü sonuca tıklar. Bu açıdan önem arz eder.
Meta etiketler önemli olsa da, aralarında çok etkili olanlar olduğu gibi etkisi görece olmayanlar da vardır. Bu açıdan, olabildiği kadar etkili meta etiketlere odaklanmak gerekir.
Meta Etiketler Nedir?
Web sayfası içeriğini ve bileşenlerini, HTML kodları ile birlikte arama motorlarına bildiren etiketlere, meta etiketler denmektedir. Google, Yandex, Bing ve diğer arama motorları, web sayfasında yer alan ve çok sayıda önemli bilgiyi barındıran açıklamaları bu sayede okumuş olur.
Web sayfasındaki farklı bilgileri yansıtan farklı meta etiket türleri bulunmaktadır. En çok kullanılan etiket türleri şu şekilde sıralanabilir;
- Meta Başlık Etiketi: Herhangi bir web sayfasında yer alan içeriğin başlığını HTML öğesi olarak arama motorlarına bildirmektedir. Arama sonuçlarında karşınıza çıkan sayfa başlıkları bu etikete karşılık gelir.
- Meta Açıklama Etiketi: Herhangi bir web sayfası üzerinde yer alan içeriğin, kısa bir özetini HTML öğesi olarak arama motorlarına bildirir. Arama sonuçlarında, başlığın altında sunulan 2-3 satırlık özet, bu etiket ile sağlanır.
- Meta Anahtar Kelime Etiketi: Web sayfası üzerinde yer alan içerik ile alaka düzeyi yüksek olan anahtar kelimeleri HTML öğesi olarak arama motorlarına bildirir. Bu sayede, ilgili anahtar kelime araması yapan kullanıcılar için önemli bilgiler barındıran bir içerik olduğu bildirilmiş olur.
- Meta Robots Etiketi: Google ve diğer arama motoru botları, bir web sayfasını dizine eklemek için taraması ve işlemesi gerekir. Bu işlemleri nasıl yapması gerektiği hakkında bilgi vermek için bu etiket kullanılmaktadır.
Meta etiketler konusunda uzman olmayan kişiler bu yazı ile birlikte temel bilgileri öğrenmiş olacaklar. HTML uzmanı olmayanlar ve Wordpress gibi hazır içerik yönetim sistemleri kullananlar çok sayıda yararlı eklenti aracılığı ile meta etiketleri etkili bir şekilde kullanabilirler. Yazının devamında, kullanabileceğiniz araç ve eklentileri bulabilirsiniz.
Meta Etiketler Neden Önemli?
Arama motorları üzerinde direkt olarak bir sıralama faktörü değildir. Ancak dolaylı olarak sıralama konusunda pozitif katkıya sahiptir. Kullanılan SEO uyumlu meta etiketler sayesinde, dijital pazarlama çok daha etkin hale gelebilir ve teknik SEO’ya büyük katkı sağlar.
Web sitenizde yer alan web sayfaları, arama sonuçlarında gözüktüğünde, kullanıcılara sayfanın başlığı ve içerik açıklaması gösterilecektir. Burada yer alan bilgiler, meta başlığı ve meta açıklamasıdır. Ziyaretçiler çoğunlukla gördükleri başlığa ve 2-3 satırlık meta açıklamaya göre içeriği ziyaret etme ya da etmeme kararı alırlar. Bu açıdan, etiketlerin doğru şekilde kullanımı, ziyaretçileri ikna eden önemli bir unsurdur.
Arama motorları, kullanıcı deneyiminin iyileştirilmesine büyük önem verir. Etkili meta etiket kullanımı sayesinde kullanıcı deneyimi iyileştirilmiş olacaktır. Sayfa içeriği hakkında doğru bilgilerin net bir şekilde sunulması ile birlikte hemen çıkma oranında büyük bir azalma yaşanır, sayfa içi SEO optimize edilmiş olur ve sıralamalara pozitif katkı sunar. Unutmayın, hemen çıkma oranı yüksek olan web sayfalar, sıralamada önemli yer kaybı yaşarlar. Tam tersi durumlarda da üst sıralarda yer bulmak çok daha kolay olacaktır.
SEO Amaçlı Bir Web Sitesinin Meta Etiketleri Nasıl Kontrol Edilir?
Bir web sayfasında yer alan meta etiketleri kontrol etmek oldukça basittir. Bunun için tek yapılması gereken, sayfa üzerinde sağ tıklayıp “Show Page Sources” ya da “Sayfa Kaynağını Görüntüle” sekmesine tıklamaktır.
Bunun yanı sıra, meta etiketleri görüntüleyebileceğiniz üçüncü taraf araçlar da bulunmaktadır. En çok kullanılanlar arasında Semrush denetim aracı ve Screaming Frog aracı bulunmaktadır. Ayrıca, aşağıda yer alan araç ve eklentilerden de destek alınabilir.
- Semrush ya da Google Keyword Planner
- Google Arama Konsolu
- Yoast SEO
- WP Rocket
SEO İçin En Önemli Meta Etiketler
Yazının devamında SEO için en önemli 8 meta etiketi ve detaylı açıklamasını bulabilirsiniz. Bu meta etiketler sayesinde, web sitenizin sıralamalarında iyileşme gerçekleşebilir ve çok daha görünür olabilir. Bu optimizasyon sayesinde, daha fazla organik trafik elde edilebilir.
- Başlık Etiketi
- Meta Açıklaması
- Canonical Etiketi
- Alternatif Metin Etiketi
- Robotlar Meta Etiketi
- Açık Grafik Meta Etiketleri ve Twitter Kartları
- Başlık Etiketleri
- Duyarlı Tasarım Meta Etiketleri
Web sitenizin SEO uyumlu hale gelmesi için yukarıda yer alan meta etiketleri kullanmak çok önemlidir. Peki nasıl kullanmak gerekir? Yazının devamında, bu sorunun cevabını bulabilirsiniz.
Başlık Etiketi
Başlık etiketi, ilgili web sayfa içeriğinin ne hakkında olduğunu bildiren bir HTML öğesidir. Başlık etiketlerini hem tarayıcı sekmesinde hem de arama motoru sonuç sayfasında görebilirsiniz. Bu açıdan sağlıklı bir SEO için önemlidir. Kullanıcıların ziyaret ihtimalini artırır ve doğru şekilde kullanıldığı takdirde hemen çıkma oranını düşürür.
Başlık etiketleri her zaman web sayfasının <head> bölümünde yer almaktadır. Örneklendirmek gerekirse;
<head>
<title>Başlık Etiketi Örneğidir</title>
</head>
Başlık etiketi oluştururken aşağıda yer alan ipuçlarını dikkate almak gerekir;
- Başlık etiketini maksimum 60 karakterden oluşturun.
- Başlık içerisinde içerik ile alakalı bilgi verecek ve kullanıcıyı yönlendirecek “İnceleme, İpuçları, En iyi, Nasıl Yapılır, Satın Al” gibi kelime öğelerine yer vermek gerekmektedir.
- Son dönemlerde uzun kuyruklu anahtar kelimelerin büyük bir öneme sahip olduğu görülmüştür. Kullanıcının tam olarak aradığı içeriği sunan ve başlıkta da buna yer veren içerikler daha fazla ziyaretçi çekmektedir.
- Başlıkta sayılara yer vermek dikkat çekici olacaktır. “14 Yaygın Google Dizine Ekleme Sorunu ve Çözümü” örnek olarak verilebilir.
- Başlık etiketini, ana anahtar kelime ile başlatmak önemlidir. Hedeflediğiniz anahtar kelimeleri olabildiğince başlığın önünde yer verin.
- Anahtar kelime kullanırken, daha kısa ve öz anahtar kelimeler seçmeye özen gösterin.
- Her bir içerik için özgün bir başlık etiketi kullanın. Web siteniz üzerinde benzersiz başlık etiketleri kullanmak daha fazla trafik elde etmenize imkan tanır.
Meta Açıklama
Web sayfası üzerinde yer alan içeriğin kısa bir özeti olarak meta açıklama etiketi kullanılır. Google, Yandex ve Bing gibi arama motorları, arama sonuçlarını sıralarken başlığın altında meta açıklamaya yer vermektedir.
Kullanıcılar, herhangi bir arama gerçekleştirdiklerinde, ihtiyaçlarını en iyi şekilde karşılayacak içeriği bulmak için meta açıklamayı incelerler. Bu açıdan, organik trafiğin artmasında önemli bir rolü vardır. Ayrıca, doğru içeriğe ulaşan ziyaretçiler, içerikten hemen çıkmayacakları için hemen çıkma oranının düşmesini sağlar. Bunun sonucunda da arama sonuçlarında daha üst sıralarda yer alınabilir.
Tüm bu nedenlerle meta açıklama etiketi kullanmak çok büyük önem arz eder. Meta açıklama etiketi aşağıdaki gibi kullanılabilir;
<head>
<meta name=”description” content=”Bu bir meta açıklama örneğidir. En fazla 158 karakter içerebilir.”>
</head>
Google, sunulan meta açıklamasını herhangi bir sıralama faktörü olarak kullanmaz. Diğer bir ifade ile, sıralama faktörleri arasındaki direkt etkisi olan bir faktör değildir. Ancak, arama motoru sonuçları arasında seçim yapan ziyaretçilerin daha fazla tıklamasını sağlayan bir faktördür. Tıklama oranı (TO) üzerinde pozitif bir etkilisi bulunmaktadır. Bu açıdan, dolaylı olarak katkısı bulunmaktadır.
Google arama sonuçlarında yer verilen meta açıklama başlığın altında yer alan ve net bir uzunluğa sahip olmayan bir veridir. Google yaptığı güncellemeler ile birlikte zaman zaman daha fazla yer vermeyi seçse de son güncelleme ile daha az karakter ile sunmaktadır.
Etkili bir açıklama etiketi oluşturmak için aşağıda yer alan konulara özen gösterilmelidir;
- Tekrarlanan meta açıklamaları eklemekten kaçının.
- Açıklamalarda, kullanıcıları harekete geçirecek metinler kullanmak çok önemlidir. “Başvurular sınırlı süre için geçerlidir” ve “%20 indirim kuponu” gibi ifadeler kullanıcıları harekete geçirir.
- İçerik için oluşturulan ana anahtar kelimeler açıklamada yer bulmalıdır.
- Sunulan teklif detayları ve ekstra indirimler açıklamada yer bulmalıdır.
Yukarıda yer alan temel konulara özen gösterildiği takdirde, meta açıklama dikkat çekici bir seviyeye gelmiş olur.
Canonical Etiketi
Öz niteliği incelendiğinde, “rel=canonical” olarak karşımıza çıkan HTML bağlantı etiketidir. Herhangi bir web sayfasının başka sürümlerinin de olduğunu bildirirler. Kanonik etiket sayesinde, arama motorlarına sunulan bilgide, ilgili sayfanın ana URL olduğu ve diğer sayfaların dizine eklenmemesi gerektiği anlatılmış olur.
Kanonik etiketi kullanmak ve kurala bağlamak için aşağıdaki örneği dikkate alabilirsiniz.
<link rel=”canonical” href=”http://siteadresi.com/” />
Alternatif Metin Etiketi
Arama motorları, web sayfaların üzerindeki görselleri okuyamadığı için çözüm olarak alternatif metin etiketi kullanılır.
Google ve diğer arama motorları, görselleri istenilen şekilde yorumlanabilmesi için, görsellere alt metin eklenmesi gerekir.
Görseller için alternatif metin etiketi oluştururken aşağıdaki gibi bir kullanım gerçekleştirebilirsiniz.
<img src=” http://siteadresi.com/xyz.jpg” alt=”xyz” />
Alternatif metin etiketi kullanırken aşağıda yer alan konulara dikkat etmek gerekir;
- İçerik için belirlenen anahtar kelimeler görsel alt metninde kullanılmamalıdır. Görsel alt metninde görsele uygun açıklama kullanılmalıdır.
- Arama motoru ve ziyaretçiyi bilgilendirecek dosya ismi kullanmaya dikkat edilmelidir.
- Alt metin etiketi oldukça net olmalıdır.
- Görseller için site haritası oluşturulmalıdır.
- Alt metin etiketi olarak maksimum 55 karakter kullanılmalı ve 16 kelimeyi geçmemelidir.
- Web sayfasının hızlı bir şekilde yüklenmesi için olabildiğince kaliteyi bozmamak şartı ile küçük boyutlu görseller kullanmak gerekir.
Robots Meta Etiketi
Robots meta etiketi kullanmanın amacı, arama motorlarına hangi sayfaları dizine eklemelerini ve hangilerini de eklememelerini bildirmektir.
Robots meta etiketi dört farklı değerden oluşmaktadır ve bu değerler sayesind arama motoru doğru komutu edinmiş olur. Bunlar;
- Follow: Bu etiketi gören arama motoru botu, ilgili web sayfasında yer alan tüm bağlantıları takip eder.
- Index: İlgili web sayfasının, dizine eklenmesi gerektiği anlamını taşır.
- Nofollow: Bu etiketi gören arama motoru botu, ilgili web sayfada bulunan bağlantıların hiçbirini takip etmez.
- Noindex: Bu etiketi gören arama motoru botu, ilgili web sayfasını dizine eklemez.
Robots meta etiketi için aşağıda örnek bir kullanım sunulmuştur;
- <meta name=”robots” content=”noindex, nofollow”> Bu etiket ile arama motoruna bildirilen komutlar, indexleme (dizine ekleme) ve sayfa üzerinde yer alan bağlantıları takip etmedir.
- <meta name=”robots” content=”index, Follow”> Bu etiket ile arama motoruna bildirilen komutlar, indexle (dizine ekle) ve sayfa üzerinde yer alan bağlantıları takip et.
Robots meta etiketini kullanırken ilgili web sayfanın <head> bölümünde bulunmasına dikkat edin.
Açık Grafik Meta Etiketleri ve Twitter Kartları
Bu etiketlerin kullanılması ile birlikte, sosyal medya ile senkronizasyon çok daha kolay hale gelir. Kullanılan açık grafik meta etiketleri, sayesinde LinkedIn, Google, Facebook ve çeşitli platformlar ile web site arasında entegrasyon sağlanmış olur.
Açık grafik etiketleri için çeşitli HTML örnekleri şu şekilde sıralanabilir;
- <meta property=”og:type” content=”makale” />
- <meta property=”og:title” content=”gönderi ya da sayfanın başlığı” />
- <meta property=”og:description” content=”sayfa içeriğinin açıklaması” />
- <meta property=”og:image” content=”görsel için bağlantı” />
- <meta property=”og:url” content=”permalink” />
- <meta property=”og:site_name” content=”site adı” />
Twitter kartları da açık grafik ile benzer mantalitede çalışmaktadır. Twitter kartının HTML’de görünümü için örnekler şu şekildedir;
- <meta name=”twitter:title” content=”gönderi veya sayfanın başlığı”>
- <meta name=”twitter:description” content=”içeriğin açıklaması”>
- <meta name=”twitter:image” content=”görsel için bağlantı”>
- <meta name=”twitter:site” content=”@kullanıcıadı”>
- <meta name=”twitter:creator” content=”@kullanıcıadı”>
Header Etiketleri
Header etiketleri, sayfa ve makale içerisinde yer alan başlık hiyerarşisini ortaya koyar. H1’den başlayarak H6’ya kadar gitmektedir. H1 en büyük ve en temel başlık olurken, H6’ya doğru alt ve önemsiz başlıklar olarak devam eder.
İçerik oluştururken header etiketi kullanmak çok önemlidir. Hem arama motorları için hem de kullanıcı deneyimi için büyük bir öneme sahiptir. Arama motoru için H1 etiketi, bir içerik için en önemli metin olacaktır. Bu açıdan, header etiketi kullanırken önem sırasına dikkat etmek gerekir.
SEO için Duyarlı Tasarım Meta Etiketleri
Bu etiket ile birlikte, web tasarımcıları, herhangi bir web sayfasının farklı cihazlarda nasıl ölçekleneceğini ve görüntüleneceğini yapılandırmak için kullanılır. Responsive bir görünüme sahip olmak için duyarlı tasarım etiketleri kesinlikle kullanılmalıdır.
Duyarlı tasarım meta etiketi kullanılmadığı takdirde, metin sıkışık görülebilir ya da görseller yanlış bir şekilde ölçeklenebilir. Kullanılırsa, hem metin hem de görsel ekrana boyutlarına uygun şekilde gösterilir.
Duyarlı tasarım meta etiketi kullanmak için aşağıdaki örneği dikkate alabilirsiniz.
<meta name=”viewport” content=”width=device-width,initial-scale=1.0″>
SEO Uyumlu Meta Etiketleri Seçmek Sitenizin Bulunmasını Kolaylaştırır
SEO uyumlu meta etiketleri kullanarak, sayfa içi sonuçları iyileştirmek için iyi bir çalışma yapmış olursunuz. Yukarıda yer alan 8 meta etiket doğru bir şekilde kullanıldığı takdirde, arama sonuçlarında çok daha iyi bir sıralama almanız mümkün olacaktır.
Meta etiketleri sadece arama motorlarına yardımcı olmakla kalmaz, ziyaretçiler için de çok daha iyi bir kullanıcı deneyimi sunar.
