Meta Etiketler ( Meta Tag ) Nedir? SEO Çalışmalarında Meta Etiketlerin Önemi
Meta Etiketler ( Meta Tag ) Nedir? SEO Çalışmalarında Meta Etiketlerin Önemi.
Meta etiketler ( Meta tag ), web sitenizin arama motorlarının botlarına internet siteniz hakkında bilgi vermek amacıyla HTML, PHP ASP.net sayfa kodları arasında kullanılan etiketlerdir. Meta etiketler, web sayfanızı ziyaret eden kullanıcılar tarafından görünmemektedir. Web sitenin bütün sayfalarında kesinlikle bulunnası gerekmektedir. Sayfa bilgilerini SEO amaçları doğrultusunda arama motorlarınına iletmek için sayfanın web sayfalarının kaynak kodundakietiketleri arasındaki kodlara gömülür.
Meta tag kullanmanın SEO çalışmalarında birçok önemli amacı bulunmaktadır. Kısaca meta etiketlerin faydasından bahsedecek olursak;
- 1- Hızlı Arama Motoru İndekslemesi İçin Kullanılır.
- 2-Arama motorlarının sayfanızda nasıl davranacağını, kaç günde tarayacağını belirler.
- 3- Arama motorlarına sayfanın başlığı ve açıklaması hakkında bilgileri verir.
- 4- Open Graph etiketleri ile sosyal medya platformlarına uyumunu sağlar.
- 5- SERP yani arama motoru sonuçlarında ilgili sayfanın detaylarını görüntülenmesini gibi birçok önemi bulunmaktadır.
Meta Etiketlerini Kullanırken Dikkat Etmeniz Gerekenler Nelerdir?
Web sitenizdeki bütün sayfalara özel benzersin ve özgün meta başlıklar tanımlanması önemlidir. Benzer meta etiket title ve açıklamalarının kullanılması kopya içerik meta başlıklarının oluşmasına sebebiyet vererek sitenin SEO performansını negatif yönde etkileyecektir. İlgili sayfanızın başlıklarını ayarlarken anahtar kelimeleri kullanmaya özen göstermelisiniz.
Meta title alanlarında kullandığınız metinlerin pixel limitlerine dikkat edilmelidir. Bu limitleri aşağıda adım adım açıklayacağız.
• Sayfa İçerik ve Karakter Seti
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
Yukarıda belirttiğimiz karakter setlerinden en yaygın olarak kullanılan şeklidir. Sayfanın karakter kodlamasını belirtir. Karakter setlerinde charset parametresi tüm dillere göre farklılık göstermektedir.
Karakter kodlaması, kullandığınız tarayıcıya, web sitesinden gelen bilgilerin nasıl işlenmesi gerektiğini ve front-end yani ön kısımda doğru şekilde görüntülenmesini sağlamaktadır.
• Viewport Etiketi
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Viewport meta etiketi, mobil uyumlu yani responsive web tasarımı için önemlidir. Tablet, telefon ve diğer mobil cihazlarda web sitenin doğru şekilde görüntülenmesi ve kullanılabilirliğinin artırılması için kullanılmaktadır. Bu etiket farklı ekran boyutlarına sahip cihazlarda uyumunu sağlamak ve kullanıcı deneyimini arttırmak için kesinlikle kullanılması gerekmektedir.
width=device-width etikette bulunan bu kod parçacığı, web sitenin genişliğini cihazın ekranına otomatik bir şekilde ölçeklenmesini sağlamaktadır.
initial-scale=1.0 kod parçacığı ise tarayıcı ilk yüklemesi esnasında varsayılan yakınlaştırma değerini 1.0 olmasını sağlar.
• Meta Description Sayfa Açıklaması
<meta name="description" content="Başkent Dijital; web sitesi tasarım, e-ticaret, seo hizmeti, dijital pr yönetimi, sosyal medya danışmanlığı ve google ads reklamcılık hizmetleri vermekteyiz.">
Content parametresi altındaki bu metin alanı, sayfamız hakkında etkili kısa bir açıklama içermelidir. Meta Description ile belirlediğimiz metnin pixel limiti 150 - 160 karakter arasında olmasını öneriyoruz. Yukarıda belirttiğimiz description'da 157 karakter bulunmakta ve arama motorlarında tam bir şekilde görüntülenmektedir. Description etiketi kullanıcılara serp arama sonuçlarında ve sosyal medya platformlarında sayfa hakkında ön izleme metnini sağlamak için kullanılır.
•Anahtar Kelime Etiketi Meta Keywords. (Kaldırıldı)
<meta name="keywords" content="başkent dijital pazarlama ajansı, web tasarım, seo, sosyal medya yönetimi">:
Keywords etiketi web sitenin anahtar kelimelerini göstermektedir. Bu etiket Google güncellemeleri ile günümüzde kullanılmamaktadır. Keywords etiketleri SEO performansı açısından pozitif bir etki sağlamamaktadır.
• Meta Robots Etiketi
<meta name="robots" content="index,follow">
Bu etiket kesinlikle kullanılmalıdır. Meta robots etiketi; bir web sitenin indexlenmesini ya da indexlenmemesi gerektiği direktifleri arama motoru botlarına iletmektedir..
"index" olarak belirtirseniz sayfanın dizine eklenmesine izin verirsiniz. Böylelikle, web siteniz arama sonuçlarında görünmesini sağlanır.
"noindex" olarak belirlenen robots etiketi ile web site arama motorlarına indexlenmesini engellersiniz.
"follow" parametre içerisine follow eklerseniz sayfa içerisinde bulunan URL linkleri arama motoru botları takip eder. Böylece bu bağlantılardan web sitedeki diğer sayfalara ulaşabilir.
"nofollow" parametre içerisinde eklediğinizde ise botlar URL linkleri takip etmez. Bu sayede arama motorları internet sitenizdeki diğer sayfalara ulaşamaz .
"noarchive" eklerseniz arama motorları google, yandex sayfayı önbelleğe almaz.
"nosnippet" serp sonuçlarında sayfanın açıklama özetini göstermeyi kapatır.
"noimageindex" parametreye eklediğiniz taktirde web sitede bulunan görseller arama motorlarına indexlenmesini engeller.
"none" değeribu şeklinde kullanırsanız, internet siteniz motorları tarafından tamamen göz ardı edilirsiniz.
• Yazar Bilgisi Meta Author
<meta name="author" content="Seo Uzmanı Metehan Atlıhan">
Meta Author bilgisi web sitenin yazar bilgisini gösterir.
• Facebook Open Graph etiketleri
<meta property="og:locale" content="tr_TR"> Makalenin yada ilgili içeriğin dilini belirtir.
<meta property="og:title" content="Paylaşılan başlık"> sayfanın facebook paylaşımlarında görünen başlığıdır.
<meta property="og:type" content="website"> Web sitedeki içerik tipini belirtir (website, makale, video, vb.).
<meta property="og:image" content="resim_url"> sayfanın facebook paylaşımlarında kullanıcılar tarafından görünmesi için öne çıkan resmin URL'ini göstermektedir.
<meta property="og:description" content="Paylaşılan açıklama"> sayfanın facebook paylaşımlarında görünen sayfa açıklama kısmıdır.
<meta property="og:site_name" content="Site Adı"> Facebook'da paylaştığın bu içeriğin hangi siteye ait olduğunu belirtir.
• Twitter Open Graph etiketleri
<meta name="twitter:title" content="Paylaşılan başlık"> Twitter paylaşımlarında sayfanın görünen başlığıdır .
twitter:card: Paylaşımın kart türünü belirtir. Örneğin, "summary", "summary_large_image", "app", "player" gibi.
<meta name="twitter:card" content="summary_large_image"> paylaşımın kart türüdür. Örnek olarak, "summary", "summary_large_image", "app", "player"
<meta name="twitter:site" content="@kullaniciadi"> web sitenin twitter kullanıcı adını belirtir.
<meta name="twitter:description" content="Açıklama"> paylaşımın twitterda görünen açıklama kısmıdır.
<meta name="twitter:image" content="https://example.com/image.jpg"> sayfanın twitterda paylaşıldığında görüntülenen resmini belirler.
<meta name="twitter:creator" content="@kullaniciadi"> Yaplaşımı yapan twitter hesabının kullanıcı adını belirler.
<meta name="format-detection" content="telephone=no"> bu etiketi kullandığınız zaman arama motorune şu direktif verilir. Web sitesinde bulunan telefon numarasını algılama ve tıklama özelliğini devre dışı bırakmasını sağlamaktadır.
• Sayfayı Belirli Bir Sonra Başka Bir Linke Yönlendirme
<meta http-equiv="refresh" content="5;url=redirect_url"> Refresh etiketi yenileme etiketidir.
Sadece sayfayı belirli bir süre sonra yenilemek isterseniz etketin kullanımı <meta http-equiv="refresh" content="5"> bu şekilde olmalıdır.
Eğer sayfa açıldıktan sonra belirli bir sürede başka bir Url'e yönlendirmek isterseniz kullanabileceğiniz etiket <meta http-equiv="refresh" content="5;url=redirect_url"> bu şekilde olmalıdır.
.
