meta etiketleri nelerdir

Meta Etiketleri Nelerdir, Meta Tags ve İşlevleri.

Meta etiketleri, bir web sayfasının HTML kodunda bulunan ve sayfanın içeriği, işlevselliği veya performansı hakkında bilgi sağlayan öğelerdir. Bu etiketler, arama motorlarının sayfanızı nasıl indeksleyeceği ve göstereceği, sosyal medya platformlarının paylaşımınızı nasıl görselleştireceği, tarayıcıların sayfanızı nasıl görüntüleyeceği ve kullanıcı deneyimini nasıl iyileştireceğiniz konusunda önemli rol oynar.

Meta etiketleri ayrıca sayfanın karakter setini, mobil uyumluluğunu, sayfa açıklamalarını ve diğer önemli bilgileri belirlemede kullanılır. Bu etiketler sayesinde arama motorları ve sosyal medya platformları sayfanızın içeriğini daha iyi anlayabilir ve doğru şekilde sunabilir.Meta Tags

Meta Tags (Meta Etiketleri) Ne İçin Kullanılır?

Web sitesinde dikkat edilmesi gereken meta etiketleri, SEO ve kullanıcı deneyimi açısından büyük önem taşır. İşte dikkat etmeniz gereken temel meta etiketleri: İlk 4 madde web sitenizde mutlaka olmalıdır, diğerleri ise tercih ve gerekip gerekmediğine göre kullanılabilir.

Meta Etiketleri Nelerdir?

  1. <meta charset="UTF-8">: Bu meta etiketi, sayfanızın karakter setini belirtir ve genellikle UTF-8 olarak ayarlanır. Bu, uluslararası karakterlerin doğru şekilde görüntülenmesini sağlar.
  2. <meta name="viewport" content="width=device-width, initial-scale=1.0">: Bu meta etiketi, sayfanızın mobil cihazlarda düzgün görünmesini sağlar. Mobil uyumlu bir tasarım için önemlidir.
  3. <title>Web Sitenizin Başlığı</title> Bu meta etiketi olarak geçmez, ancak her sayfada bulunması gerekir. Title ifadesi, tarayıcı sekmesinde ve arama motoru sonuçlarında görünen başlığı belirler.
  4. <meta name="description" content="Sayfanızın kısa bir özeti.">: Bu meta etiketi, sayfanızın içeriğini kısa ve öz bir şekilde tanımlar. Arama motorları ve sosyal medya paylaşımları için kullanılır ve SEO açısından önemlidir.
  5. <meta name="keywords" content="anahtar kelimeler, sayfa, içeriği">: Daha az önemli hale gelmiş olsa da, anahtar kelimeleri belirtebilir. Ancak, modern SEO’da daha çok kullanıcı deneyimi ve içerik kalitesine odaklanılır. Google bu etiketi dikkate almayı 2009 yılında durdurmuş, ancak diğer bir kaç arama motoru yıllarca kullanmaya devam etmiştir.
  6. <meta name="robots" content="index, follow">: Arama motorlarının sayfanızı indekslemesine ve bağlantılarını takip etmesine izin verir. noindex ve nofollow gibi değerlerle sayfanızın arama motorları tarafından nasıl işleneceğini kontrol edebilirsiniz.
  7. <meta property="og:title" content="Sayfa Başlığı">: Open Graph protokolü için, sosyal medyada paylaşıldığında sayfanızın başlığını belirtir.
  8. <meta property="og:description" content="Sosyal medya paylaşımında görünecek kısa açıklama">: Sosyal medya paylaşımlarında görünen açıklamayı belirler.
  9. <meta property="og:image" content="resim_url">: Paylaşıldığında sosyal medyada görünen görseli belirtir.
  10. <meta property="og:url" content="Sayfa_URL">: Sayfanızın sosyal medya paylaşımlarında kullanılacak URL’yi belirtir.
  11. <meta name="author" content="Yazar Adı">: Sayfanın yazarını belirtir. Özellikle içerik üreticileri için kullanışlı olabilir.
  12. <meta name="robots" content="noindex, nofollow">: Sayfanızın arama motorları tarafından indekslenmesini ve bağlantılarının takip edilmesini istemiyorsanız kullanabilirsiniz.
  13. <link rel="canonical" href="Sayfa_URL">: Aynı içeriğe sahip birden fazla sayfa olduğunda, arama motorlarına hangi sayfanın ana sayfa olduğunu belirtir. Bu, SEO için önemlidir.
  14. <meta name="robots" content="noarchive">: Arama motorlarının sayfanızın önbelleğini saklamasını engeller.
  15. <meta name="robots" content="nosnippet">: Arama motorlarının sayfanızın snippet’larını (önizleme metni ve görsel) göstermesini engeller.
  16. <meta name="robots" content="noimageindex">: Sayfanızdaki resimlerin arama motorları tarafından indekslenmesini engeller.
  17. <meta name="robots" content="noindex, nofollow">: Sayfanın arama motorları tarafından indekslenmesini ve bağlantılarının takip edilmesini engeller.
  18. <meta name="twitter:card" content="summary_large_image">: Twitter paylaşım kartı türünü belirtir. summary, summary_large_image, app, player gibi değerlerle farklı kart türleri tanımlanabilir.
  19. <meta name="twitter:title" content="Sayfa Başlığı">: Twitter paylaşımında kullanılacak başlık.
  20. <meta name="twitter:description" content="Sosyal medya paylaşımında görünen kısa açıklama">: Twitter paylaşımında kullanılacak açıklama.
  21. <meta name="twitter:image" content="resim_url">: Twitter paylaşımında görünecek resmi belirtir.
  22. <meta name="google-site-verification" content="verification_token">: Google Search Console gibi araçlar için sitenizin sahipliğini doğrulamak amacıyla kullanılır.
  23. <meta name="generator" content="Web site oluşturma aracı">: Web sayfasının hangi araç veya CMS ile oluşturulduğunu belirtir (örneğin, WordPress).
  24. <meta name="theme-color" content="#hexcode">: Mobil tarayıcılarda adres çubuğunun rengini belirler (örneğin, Android tarayıcılarda).
  25. <meta name="application-name" content="Uygulama Adı">: PWA (Progressive Web App) kullanıyorsanız, uygulamanızın adını belirtir.
  26. <meta name="referrer" content="no-referrer">: Tarayıcıya referans başlığı gönderilmesini engeller. origin ve unsafe-url gibi diğer değerler de kullanılabilir.

Bu meta etiketleri, özellikle SEO stratejilerinizi, sosyal medya entegrasyonlarınızı ve kullanıcı deneyiminizi optimize etmek için faydalı olabilir. Hangi etiketlerin kullanılacağı, web sitenizin ihtiyaçlarına ve hedeflerinize bağlı olarak değişebilir.

Benzer Konular:

HTTP Durum Kodları
htaccess ile https’ye yönlendirme
HSTS Nasıl Ayarlanır
Siteyi www Olmadan Çalıştırma
Site İçi Linkleme Nasıl Yapılır