Bugün sizlere özellikle web sitelerinde sıklıkla kullanılan <meta> etiketlerinin az bilinen ama hem SEO, hem de güvenlik açısından önemli olan etiketlerden bahsedicem. Bu etikletleri bizzat kendi web sitelerimde aktif olarak kullanıyorum. Faydasını da bir o kadar görüyorum. Şimdiden iyi okumalar :)
1. SEO AÇISINDAN ÖNEMLİ META ETİKETLERİ:
Kod:
1. <meta name="robots" content="noarchive">
Bu etiket Google ve diğer arama motorlarının sayfayı önbelleğe almasını engeller. Premium içerik veya üyelik gerektiren yazılar, kampanyalarda içeriklerin kopyalanmasını önler.
Kod:
2. <meta name="robots" content="max-snippet:-1>
Bu etiket, arama sonuçlarında sayfanın açıklama kısmındaki spinnet uzunluğunu kontrol eder. -1 sınırsız, 0 hiç spinnet gösterme, 100 ise en fazla 100 karakter göster şeklinde örnek verebiliriz. İçeriğin nasıl görüneceğini arama motorlarında belirlemeniz sağlar.
Kod:
3. <meta name="robots" content="max-image-preview:large>
Bu etiket, Google Görseller’de büyük görsel önizlemelerine izin verir. Özellikle blog ve haber sitelerinde görsel trafiğini ciddi artırır.
Kod:
4. <meta name="robots" content="max-video-preview:30>
Bu etiket, videonun arama sonuçlarında kaç saniyelik önizlemesinin gösterileceğini belirler. Video SEO için önemlidir, özellikle eğitim veya içerik platformlarında.
Kod:
5. <link rel="alternate" hreflang="tr">
Bu etiket, arama motorlarına bu sayfanın Türkçe versiyon olduğunu söyler. Çok dilli sitelerde yanlış dilde indexlenme sorununu çözer, SEO değerini artırır.
Kod:
6. <meta property="og:locale" content="tr_TR">
Bu etiket, Open Graph protokolünde sayfanın dilini ve bölgesini belirtir. Sosyal medya ve arama motorları için doğru bölgesel hedefleme yapılır.
Kod:
7. <meta name="googlebot-news" content="nosnippet">
Bu etiket, Google News sonuçlarında haber içeriğinin özetini göstermemesini sağlar. İçeriğin kopyalanmasını ve özetlenmesini engeller.
2. GÜVENLİK AÇISINDAN FAYDALI META ETİKETLERİ
Kod:
1. <meta http-equiv="Content-Security-Policy" content="default-src 'self';>
Bu etiket, tarayıcının sadece izin verilen kaynaklardan (örneğin kendi sitenden) içerik yüklemesini sağlar. XSS (Cross-Site Scripting) saldırılarını engeller, dışardan zararlı JS çalıştırılamaz.
Kod:
2. <meta http-equiv="X-Content-Type-Options" content="nosniff">
Bu etiket, tarayıcının dosya tiplerini “tahmin etmesini” engeller. .jpg görünümlü ama aslında .js olan zararlı dosyaların çalıştırılmasını önler.
Kod:
3. <meta http-equiv="X-Frame-Options" content="DENY">
Bu etiket, Sitenin başka bir site tarafından iframe içinde açılmasını engeller. Clickjacking saldırılarını önler.
Kod:
4. <meta http-equiv="Strict-Transport-Security" content="max-age=31536000; includeSubDomains">
Bu etiket, tarayıcıya siteye sadece HTTPS üzerinden bağlanmasını zorunlu kılar. SSL kullanımını garanti eder, MITM (ortadaki adam) saldırılarını engeller.
Kod:
5. <meta http-equiv="Referrer-Policy" content="no-referrer">
Bu etiket, kullanıcı başka sayfaya gittiğinde “hangi sayfadan geldiği” bilgisini paylaşmaz. Gizlilik koruması sağlar, tracking’i azaltır.
Kod:
6. <meta http-equiv="Permissions-Policy" content="geolocation=(), microphone=()">
Bu etiket, hangi API’lerin (kamera, mikrofon, konum vb.) kullanılabileceğini kısıtlar. Kullanıcı güvenliğini artırır, tarayıcının gereksiz izinler almasını engeller.
Bu etiketler hem kendi web sitenizi, hem de sorumlu olduğunuz web siteyi SEO ve güvenlik açısından bir adım öne çıkaracaktır. Denendi onaylandı. :) Bir başka konularda görüşmek üzere